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


一:写好展示效果的布局

主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),继承Fragmen	t(注:这里的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,


阅读更多
想对作者说点什么?
相关热词

博主推荐

换一批

没有更多推荐了,返回首页