您的位置 首页 新能源

Android:发动引导页完成

前言基本上现在所有的应用都会有一个欢迎界面,在欢迎界面对应用做一个整体的介绍,然后在跳入到主界面,这次要说的这个引导页就是带翻页的引

前语

基本上现在一切的使用都会有一个欢迎界面,在欢迎界面对使用做一个全体的介绍,然后在跳入到主界面,这次要说的这个引导页便是带翻页的引导页。作用如下所示

概要完结

首要分为两部分功用,一个是翻页作用,一个是页面方位指示器。为了完结翻页作用我选用体系自带的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 imgs = null;

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

声明:本文内容来自网络转载或用户投稿,文章版权归原作者和原出处所有。文中观点,不代表本站立场。若有侵权请联系本站删除(kf@86ic.com)https://www.86ic.net/qiche/xinnengyuan/326108.html

为您推荐

联系我们

联系我们

在线咨询: QQ交谈

邮箱: kf@86ic.com

关注微信
微信扫一扫关注我们

微信扫一扫关注我们

返回顶部