滑动viewPager时,使按钮保持固定

时间:2014-12-29 10:50:12

标签: android android-viewpager swipe

基本上,我想在viewPager上的某个页面上显示一个按钮,以便在滑动时保持位置(出于设计目的)。我已经阅读了类似的问题here,但我不明白OP如何实现它。我的按钮和viewPager在我的布局文件中单独定义:

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:orientation="vertical" >


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


     <Button
         android:id="@+id/button_register"
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"
         android:layout_above="@+id/indicator"
         android:layout_centerHorizontal="true"
         android:layout_marginBottom="96dp"
         android:text="Register" 
         android:visibility="gone"/>

</RelativeLayout>

我使用 OnPageChangeListener 检测页面滑动。这是我想要实现的图形示例:

example

谢谢!

修改

这是 imageview.xml 文件,它是为viewPager中的每个页面定义的。我按照@attels的建议在这里包含了按钮(之前在主活动布局中定义了),但现在我的应用程序崩溃了。

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/mainview"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:gravity="center"
android:orientation="vertical" >


<ImageView
    android:id="@+id/ivImageView"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent" 
    android:contentDescription="@string/welcome1"
    android:scaleType="fitXY"/>

<include layout="@layout/imageview_page"/>

<Button
     android:id="@+id/button_register"
     android:layout_width="wrap_content"
     android:layout_height="wrap_content"
     android:layout_above="@+id/indicator"
     android:layout_centerHorizontal="true"
     android:layout_marginBottom="96dp"
     android:text="Register" 
     android:visibility="gone"/>

</RelativeLayout>

最终编辑 因此,为了在viewPager的页面中保存任何Button或Text或其他任何内容,您需要在页面布局中定义所述元素(不在主活动的布局中),并且还要实例化片段内的按钮。谢谢!

1 个答案:

答案 0 :(得分:1)

来自文档 - http://developer.android.com/reference/android/support/v4/app/FragmentPagerAdapter.html

FragmentPagerAdapter中的此方法显示每个屏幕。

 @Override
        public Fragment getItem(int position) {
            return ArrayListFragment.newInstance(position); 
        }

这意味着您需要在ArrayListFragments布局中添加按钮:

@Override
        public View onCreateView(LayoutInflater inflater, ViewGroup container,
                Bundle savedInstanceState) {
            View v = inflater.inflate(R.layout.fragment_pager_list, container, false); 
            // Here is the layout that the fragment is going to show.
            //some code
            return v;
        }

这是fragment_pager_list布局:

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="#fff" >

    <Button
        android:id="@+id/button1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentTop="true"
        android:layout_centerHorizontal="true"
        android:layout_marginTop="146dp"
        android:text="Button" />

</RelativeLayout>

所以现在按钮将跟随屏幕。