布局对象在膨胀时位置不同

Question

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

第一个点击没有问题，第二个和第三个选项卡出现问题。

在 android studio 中的布局 xml 设计与在模拟器或真实设备上展开时存在差异。

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

Android 工作室图片：（微调器在正确的位置）

模拟器 PIC：（微调器的位置不正确）

选项卡 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);
}
}

主要ActivityJava:

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) {

        }
    });

}


}

主要ActivityXML:

<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 它应该可以工作。

希望这个帮助:)

布局对象在膨胀时位置不同

Layout Objects positions difference when inflated

android

android-layout

android-viewpager

android-tablayout