膨胀时布局对象的位置差异

Question

我使用 tablayout 和寻呼机适配器创建了一个包含三个选项卡的 android 活动。每个选项卡都有其 Java 文件和（其布局在 res/Layout 文件夹中）。

第一次点击没有问题，而问题出现在第二个和第三个标签中。

android studio 中的layout xml 设计与在模拟器或真机上充气时存在差异。

对象不在正确的位置并且水平和垂直移动！这是什么问题造成的？

Android Studio 图片：（微调器位置正确）

模拟器图片：（微调器位置不正确）

Tab 3 布局设计示例：

<RelativeLayout>
   <ScrollView>
      <RelativeLayout>
         <TextView>
         <TextView>
         <Spinner>
         <Spinner>
      </RelativeLayout>
   </ScrollView>
 </RelativeLayout>

有很多文本视图，每个人前面都有一个微调器。并且问题出现在微调器位置，它们被向上移动。

标签 3 Java 文件：

public class DCO_New_Report extends Fragment{

@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
    return inflater.inflate(R.layout.dco_new_report, container, false);
}
}

主要活动 Java：

public class DCODatabase extends AppCompatActivity {
@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_dcodatabase);

    Toolbar toolbar = (Toolbar) findViewById(R.id.DCODatabaseToolbar);
    setSupportActionBar(toolbar);
    assert toolbar != null;
    toolbar.setLogo(R.drawable.dco1);

    TabLayout tabLayout = (TabLayout) findViewById(R.id.tab);
    assert tabLayout != null;
    tabLayout.addTab(tabLayout.newTab().setText("General Reports"));
    tabLayout.addTab(tabLayout.newTab().setText("Report Display"));
    tabLayout.addTab(tabLayout.newTab().setText("New Report"));

    tabLayout.setTabGravity(TabLayout.GRAVITY_FILL);

    final ViewPager viewPager = (ViewPager) findViewById(R.id.pager);
    final PagerAdapter adapter = new PagerAdapter
            (getSupportFragmentManager(), tabLayout.getTabCount());
    assert viewPager != null;
    viewPager.setAdapter(adapter);

    viewPager.addOnPageChangeListener(new TabLayout.TabLayoutOnPageChangeListener(tabLayout));

    tabLayout.setOnTabSelectedListener(new TabLayout.OnTabSelectedListener()  {
        @Override
        public void onTabSelected(TabLayout.Tab tab) {
            viewPager.setCurrentItem(tab.getPosition());
        }

        @Override
        public void onTabUnselected(TabLayout.Tab tab) {

        }

        @Override
        public void onTabReselected(TabLayout.Tab tab) {

        }
    });

}


}

主要活动 XML：

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:paddingBottom="@dimen/activity_vertical_margin"
android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"
tools:context="esmviewer.myandroid.com.esmviewer.DCODatabase">

<android.support.v7.widget.Toolbar
    android:id="@+id/DCODatabaseToolbar"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_alignParentTop="true"
    android:background="?attr/colorPrimary"
    android:elevation="6dp"
    android:minHeight="?attr/actionBarSize"
    android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"
    app:popupTheme="@style/ThemeOverlay.AppCompat.Light"/>

<android.support.design.widget.TabLayout
    android:id="@+id/tab"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_below="@+id/DCODatabaseToolbar"
    android:background="?attr/colorPrimary"
    android:elevation="6dp"
    android:minHeight="?attr/actionBarSize"
    android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"/>

<android.support.v4.view.ViewPager
    android:id="@+id/pager"
    android:layout_width="match_parent"
    android:layout_height="fill_parent"
    android:layout_below="@id/tab"/>

 </RelativeLayout>

寻呼机适配器 Java 文件：

public class PagerAdapter extends FragmentStatePagerAdapter{
int mNumOfTabs;

public PagerAdapter(FragmentManager fm, int mNumOfTabs) {
    super(fm);
    this.mNumOfTabs = mNumOfTabs;
}

@Override
public Fragment getItem(int position) {

    switch (position) {
        case 0:
            DCOGeneralReports tab1 = new DCOGeneralReports();
            return tab1;
        case 1:
            DCOReportDisplay tab2 = new DCOReportDisplay();
            return tab2;
        case 2:
            DCO_New_Report tab3 = new DCO_New_Report();
            return tab3;
        default:
            return null;
    }
}

@Override
public int getCount() {
    return mNumOfTabs;
}
}

Answer 1

对于每一行，创建一个LinearLayout，并将orientation 设置为horizontal。

然后添加一个TextView 和一个Spinner 并使用适当的权重，它应该可以工作。

希望这能帮到你:)