Fragment与ViewPager实现页面滚动与按钮的联动效果

来源：互联网发布：nginx 设置项目根目录编辑：程序博客网时间：2024/05/17 03:44

一：写好展示效果的布局

主Activity的layout

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

<include    layout="@layout/btns"    android:id="@+id/btns"    android:layout_alignParentBottom="true"    android:layout_width="match_parent"    android:layout_height="wrap_content" /> //layout_alignParentBottom="true" 很重要，不然按钮不会出现在底部。

二：创建Fragments

1,，在layout中放入三个布局，放入自己要滚动的图片，这里布局名分别为（fragmentfirst,fragmentsecond,fragmentthhird）注：布局名必须小写

2,建一个Fragments的包，里面建3个类，这里分别为（fragmentFirst，fragementSecond,fragementThird）,继承Fragment(注：这里的fragment必须是v4包下的，以下的所有都是v4包下的，具体原因再述)

3，在类中写onCreateView方法，将布局资源与fragment绑定。

以FragmentFirst为例

public class FragmentFirst extends Fragment {    @Override    public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {        View view=inflater.inflate(R.layout.frgmentfirst,container,false);        return view;    }}
三：创建适配器：
1,创建一个类MyAdapter，继承FragmentPagerAdapter
2,添加属性List<Fragment> 
3，重写FragmentPagerAdapter的方法
4，构造有参构造器，里面有两个参数，一个是继承自FragmentPagerAdapter的FragementManager,一个是属性List

四：写主Activity

1，Activity要继承FragmentActivity，实现OnClickListener (注：这里的OnClickListener是View下的，不要选错)

2，定义List<Fragments>存放fragms，并初始化所有控件

 具体：

  private void init() {    btn1= (Button) findViewById(R.id.btn1);    btn2= (Button) findViewById(R.id.btn2);    btn3= (Button) findViewById(R.id.btn3);    btn1.setOnClickListener(this);    btn2.setOnClickListener(this);    btn3.setOnClickListener(this);
}
3，在list集合内加Fragement
4，创建自定义的适配器MyAdapter，将数据源绑定到适配器上
5，将适配器绑定到viewPager上
6，实现滚动时按钮控件改变：
在onCreate中调用viewPager.setOnPageChangeListener方法，在该方法的内部类的OnPageSelected中通过设置
控件背景资源改变按钮控件滚动时的状态
7，实现按钮按下，图片改变
通过按钮按下的监听事件，设置按下按钮图片当前显示指定图片的方法实现，这里要用到viewPager.setCrruentItem(position);
}3，

0 0