Question

我已经尝试了多种方法在activity_main.xml中添加页脚和标题，其中包含一个viewpager。到目前为止，当我在viewpager上面添加一个标题时，它显示在最终结果中，但页脚却没有。这是xml代码

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@drawable/bg50"
android:orientation="vertical">

<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="50dp"
    android:background="#FF0000"
    android:orientation="vertical">

</LinearLayout>

<android.support.design.widget.TabLayout
    android:id="@+id/tabs"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:minHeight="?attr/actionBarSize"
    app:tabGravity="fill"
    app:tabMode="fixed"
    app:tabSelectedTextColor="@color/colorAccent"
    app:tabTextColor="#FFF" />

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


<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="50dp"
    android:background="#FF0000"
    android:orientation="vertical">

</LinearLayout>

这是活动

public class MainActivity extends AppCompatActivity {

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);

    ViewPager viewPager = (ViewPager) findViewById(R.id.pager);
    ViewPagerAdapter adapter = new ViewPagerAdapter(getSupportFragmentManager());
    adapter.addFragment(new LoginFragment(), "Login");
    adapter.addFragment(new RegisterFragment(), "Register");
    viewPager.setAdapter(adapter);
    TabLayout tabLayout = (TabLayout) findViewById(R.id.tabs);
    tabLayout.setupWithViewPager(viewPager);

}

class ViewPagerAdapter extends FragmentPagerAdapter {
    private final List<Fragment> mFragmentList = new ArrayList<>();
    private final List<String> mFragmentTitleList = new ArrayList<>();

    public ViewPagerAdapter(FragmentManager manager) {
        super(manager);
    }

    @Override
    public Fragment getItem(int position) {
        return mFragmentList.get(position);
    }

    @Override
    public int getCount() {
        return mFragmentList.size();
    }

    public void addFragment(Fragment fragment, String title) {
        mFragmentList.add(fragment);
        mFragmentTitleList.add(title);
    }

    @Override
    public CharSequence getPageTitle(int position) {
        return mFragmentTitleList.get(position);
    }
}

}

sreenshot of the result 所以问题是，如何在视图寻呼机下方显示内容。

Answer 1

将viewpager布局高度更改为wrap_content。

或者只需将根布局更改为<RelativeLayout>，然后将此标记添加到您的视图寻呼机。

像这样：

<RelativeLayout>
    ...
    <ViewPager
      ...
      android:layout_height="match_parent"
      android:layout_above="@id/your_footer_id"/>
    ...
</RelativeLayout>

Answer 2

设置为viewpager：

android:layout_height="0dp"
android:layout_weight="1"

这将使其在布置其他子项后填充LinearLayout中的所有可用空间。

Answer 3

如果您想要ViewPager以下的静态页脚，可以使用下面的布局。

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="#FFFFFF"
android:orientation="vertical">

<LinearLayout
    android:id="@+id/header"
    android:layout_width="match_parent"
    android:layout_height="50dp"
    android:background="#FF0000"
    android:orientation="vertical">

</LinearLayout>

<android.support.design.widget.TabLayout
    android:id="@+id/tabs"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_below="@+id/header"
    android:background=""
    android:minHeight="?attr/actionBarSize"
    app:tabGravity="fill"
    app:tabMode="fixed"
    app:tabSelectedTextColor="@color/colorAccent"
    app:tabTextColor="#FFF" />

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

<LinearLayout
    android:id="@+id/footer"
    android:layout_width="match_parent"
    android:layout_height="50dp"
    android:layout_alignParentBottom="true"
    android:background="#FF0000"
    android:orientation="vertical"></LinearLayout>

</RelativeLayout>

Android中使用Viewpager的静态内容

3 个答案: