前语
基本上现在一切的使用都会有一个欢迎界面,在欢迎界面对使用做一个全体的介绍,然后在跳入到主界面,这次要说的这个引导页便是带翻页的引导页。作用如下所示
概要完结
首要分为两部分功用,一个是翻页作用,一个是页面方位指示器。为了完结翻页作用我选用体系自带的ViewPager目标来完结;页面指示器则经过一个LinearLayout在其间放置相应个数的图片,然后依据页面的滑动动态修正各个图片的资源。布局文件如下所示
仿制代码
1
2 xmlns:tools=http://schemas.android.com/tools
3 android:layout_width=match_parent
4 android:layout_height=match_parent
5 tools:context=.MainActivity >
6
7
8 xmlns:android=http://schemas.android.com/apk/res/android
9 android:id=@+id/welcome_pager
10 android:layout_width=match_parent
11 android:layout_height=match_parent />
12
13
14
15 android:id=@+id/director
16 android:layout_width=match_parent
17 android:layout_height=wrap_content
18 android:gravity=center_horizontal
19 android:orientation=horizontal
20 android:layout_marginBottom=15dip
21 android:layout_alignParentBottom=true
22 >
23
24
25 android:layout_width=wrap_content
26 android:layout_height=wrap_content
27 android:background=@drawable/pageindicator_on />
28
29
30 android:layout_width=wrap_content
31 android:layout_height=wrap_content
32 android:background=@drawable/pageindicator_off />
33
34
35 android:layout_width=wrap_content
36 android:layout_height=wrap_content
37 android:background=@drawable/pageindicator_off />
38
39
40 android:layout_width=wrap_content
41 android:layout_height=wrap_content
42 android:background=@drawable/pageindicator_off />
43
44
45
仿制代码
ViewPager
先来看下官方解说:Layout manager that allows the user to flip left and right through pages of data.意思是说,Viewpage是一个答应用户在多个页面数据之间经过左滑或许右滑的办法切换页面数据的布局办理器。
首要功用点有两部分,数据适配器Adapter,和事情监听器OnPageChangeListener。数据适配器用来办理这个ViewPager目标的显现内容,而OnPageChangeListener用来处理应页面切换的时分的行为动作,我修正页面指示器便是经过这个事情来完结的。
适配器
仿制代码
1 class pagerAdapter extends FragmentPagerAdapter{
2
3 public pagerAdapter(FragmentManager fm) {
4 super(fm);
5 }
6
7 @Override
8 public Fragment getItem(int arg0) {
9 //得到要显现的目标并初始化图片
10 WelcomeFragment fm = new WelcomeFragment();
11 fm.setImg(imgs.get(arg0));
12
13 return fm;
14 }
15
16 @Override
17 public int getCount() {
18 return imgs.size();
19 }
20
21 }
仿制代码
上面这段便是ViewPager要用的适配器了,其间imgs是一个id数组,存放了要在欢迎界面展现的图片的id,WelcomeFragment是一个Fragment类,用来展现页面内容,这两个代码会在完好代码中表现。两个办法需求完结,getCout,用来表明有多少个页面;getItem,用来获取指定方位的Pager目标。
imgs数组界说及完结:
仿制代码
1 List
2 //初始化欢迎界面图片数组
3 imgs = new ArrayList
4 imgs.add(R.drawable.help1);
5 imgs.add(R.drawable.help2);
6 imgs.add(R.drawable.help3);
7 imgs.add(R.drawable.help4);
仿制代码
WelcomeFragment类界说
仿制代码
1 public class WelcomeFragment extends Fragment {
2
3 View view = null;
4 int imgId ;
5 @Override
6 public View onCreateView(LayoutInflater inflater, ViewGroup container,
7 Bundle savedInstanceState) {
8 view = inflater.inflate(R.layout.welcome_fragment, null);
9
10 ImageView fragmentVw = (ImageView) view.findViewById(R.id.welcome_Img);
11 fragmentVw.setBackgroundResource(imgId);
12 return view;
13 }
14
15 /**
16 * 为该Fragment设置显现图片
17 * */
18 public void setImg(int imgID){
19
20 imgId = imgID;
21 }
22 }
仿制代码
WelcomeFragment布局文件
仿制代码
1