《移动端应用开发》课件 模块7 滑屏之趣

模块7滑屏之趣7.1Fragment简介7.2Fragment生命周期7.3Fragment的创建Android学习路线1.1学习路线

学习目标1.1Android学习目标素质目标知识目标素质1.能够使用Fragment实现界面的灵活设计；2.能够实现ViewPager滑屏效果；3.能够恰当关联Fragment和ViewPager；4.能够灵活运用设计各种应用效果。能力目标1.理解Fragment；2.掌握Fragment托管方法；3.掌握ViewPager的使用方法；4.掌握ViewPager和Fragemnt之间的关联。1.激发探究学习的兴趣；2.提升分析和解决问题的能力；3.培养模块化设计思想。

知识点预览知识解析问题导入学以致用课堂小结课后拓展#知识点重点难点应用说明1ViewPager控件√熟练掌握ViewPager控件的使用方法2Fragment√熟练掌握Fragment控件的使用方法3ViewPager和Fragment√熟练掌握ViewPager和Fragment控件的配合使用方法1.1滑屏之趣作业点评知识解析问题导入学以致用课堂小结课后拓展Android常用的控件？Android中的高级控件有哪些？1.1滑屏之趣预习检查知识解析问题导入学以致用课堂小结课后拓展ViewPager控件可以用来实现什么样的功能？PagerAdapter适配器主要有那几个方法？Fragment的出现，主要是解决什么问题的？Fragment的适配器类有那几个？1.1滑屏之趣问题导入知识解析问题导入学以致用课堂小结课后拓展

任务：App启动页面23功能描述：技术要点：AndroidStudio中选择【File】

【New】

【NewProject】选项创建项目点击工具栏中【AVDManager】按钮启动模拟器点击工具栏中的运行按钮运行程序实现步骤：

智慧城市启动界面。使用AndroidStudio创建程序，使用模拟器运行程序。1Fragment介绍问题导入知识解析学以致用课堂小结课后拓展FragmentFragment（碎片）是一种可以嵌入在Activity中的UI片段，与Activity非常相似，不仅包含布局，同时也具有自己的生命周期。Fragment生命周期问题导入知识解析学以致用课堂小结课后拓展Fragment不能独立存在必须嵌入到Activity中使用，所以Fragment生命周期直接受所在的Activity影响。当Activity暂停时，它拥有的所有Fragment都暂停，当Activity销毁时，它拥有的所有Fragment都被销毁。Fragment生命周期生命周期方法问题导入知识解析学以致用课堂小结课后拓展ActivityStateCreatedStartedFragmentCallbacksonAttach()onCreate()onCreateView()onActivityCreated()onStart()onResume()ResumedPausedonPaused()StoppedonStop()DestroyedonDestriyView()onDesttroy()onDetach()Fragment的创建问题导入知识解析学以致用课堂小结课后拓展Fragment的创建问题导入知识解析学以致用课堂小结课后拓展publicclassMyFragmentextendsFragment{publicMyFragment(){//Requiredemptypublicconstructor}@OverridepublicViewonCreateView(LayoutInflaterinflater,ViewGroupcontainer,BundlesavedInstanceState){//Inflatethelayoutforthisfragmentreturninflater.inflate(R.layout.fragment_my,container,false);}}Fragment的使用问题导入知识解析学以致用课堂小结课后拓展在Activity中使用Fragment时，可以通过两种方式将Fragment添加到Activity中，一种是通过布局文件添加，一种是通过代码动态添加。通过布局文件添加Fragment<fragmentandroid:id="@+id/fragment"android:name="cn.itcast.myfragment.MyFragment"android:layout_width="match_parent"android:layout_height="match_parent"></fragment>Fragment的使用问题导入知识解析学以致用课堂小结课后拓展通过代码动态添加FragmentMyFragmentfragment=newMyFragment();FragmentManagerfm=getFragmentManager();FragmentTransactionbeginTransaction=fm.beginTransaction();beginTransaction.add(R.id.rl,fragment);beginTmit();问题导入

任务：滑动效果App23功能描述：技术要点：实现步骤：

1实现三个界面进行滑动切换创建Fragment实现滑动效果用户交互界面的设计与实现创建三个Fragment界面逻辑代码的设计与实现问题导入学以致用知识解析课堂小结课后拓展

本节课主要通过一个引导页案例对Fragment进行了详情的讲解，包括Fragment的创建、生命周期以及轮播图的实现。要求初学者对Fragment组件有个简单的了解，方便学习后面的知识。1.3课堂小结问题导入课堂小结知识解析学以致用课后拓展1.4课后拓展✎作业要求

问题导入课后拓展知识解析学以致用课堂小结请创建一个Fragment组件展示的项目程序。✎预习作业ViewPager组件的使用下节课见模块7滑屏之趣7.1ViewPager基本用法7.2PagerAdapter适配器7.3Fragment基本用法7.4ViewPager与FragmentAndroid学习路线1.1学习路线

学习目标1.1Android学习目标素质目标知识目标素质1.能够使用Fragment实现界面的灵活设计；2.能够实现ViewPager滑屏效果；3.能够恰当关联Fragment和ViewPager；4.能够灵活运用设计各种应用效果。能力目标1.理解Fragment；2.掌握Fragment托管方法；3.掌握ViewPager的使用方法；4.掌握ViewPager和Fragemnt之间的关联。1.激发探究学习的兴趣；2.提升分析和解决问题的能力；3.培养模块化设计思想。

知识点预览知识解析问题导入学以致用课堂小结课后拓展#知识点重点难点应用说明1ViewPager控件√熟练掌握ViewPager控件加载Fragment的原理和适配器用法2Fragment√熟练掌握Fragment控件的使用方法3ViewPager和Fragment√熟练掌握ViewPager和Fragment控件的配合使用方法4启动引导页√√熟练掌握RadioGroup与ViewPager之间进行数据交互的方法5选项卡√√熟练掌握自定义FragmentPager适配器类的实现；掌握自定义FragmentPager适配器与PagerTabStrip实现选项卡的方法1.1ViewPager作业点评知识解析问题导入学以致用课堂小结课后拓展ListView列表控件的使用Android中RecycleView控件的使用1.1ViewPager预习检查知识解析问题导入学以致用课堂小结课后拓展ViewPager控件可以用来实现什么样的功能？PagerAdapter适配器主要有那几个方法？Fragment的出现，主要是解决什么问题的？Fragment的适配器类有那几个？1.1ViewPager问题导入知识解析问题导入学以致用课堂小结课后拓展

任务：App启动页面23功能描述：技术要点：AndroidStudio中选择【File】

【New】

【NewProject】选项创建项目点击工具栏中【AVDManager】按钮启动模拟器点击工具栏中的运行按钮运行程序实现步骤：

智慧城市启动界面。使用AndroidStudio创建程序，使用模拟器运行程序。1ViewPager介绍问题导入知识解析学以致用课堂小结课后拓展ViewPagerViewPager可以实现多个界面的左右滑动。ViewPager最典型的应用场景主要包括引导页导航，轮播广告和页面菜单。ViewPager最早出自4.0版本，为了兼容低版本安卓设备，谷歌官方给我们提供了一个软件包android.support.v4.view。问题导入知识解析学以致用课堂小结课后拓展ViewPager应用实例ViewPager介绍ViewPager

启动引导选项卡启动页面问题导入知识解析学以致用课堂小结课后拓展PagerAdapter问题导入知识解析学以致用课堂小结课后拓展对于Fragment使用FragmentPagerAdapter;也可以自己设计基于PagerAdapter的子类；

ViewPager组件通过PagerAdapter以及子类访问数据ViewPager布局问题导入知识解析学以致用课堂小结课后拓展

ViewPager布局<android.support.v4.view.ViewPager

android:id="@+id/viewpager"

android:layout_width="0dp"

android:layout_height="wrap_content"

app:layout_constraintEnd_toEndOf="parent"

app:layout_constraintHorizontal_bias="1.0"

app:layout_constraintStart_toStartOf="parent"

app:layout_constraintTop_toTopOf="parent">

</android.support.v4.view.ViewPager>ViewPager布局问题导入知识解析学以致用课堂小结课后拓展

ViewPager布局<LinearLayoutxmlns:android="/apk/res/android"

xmlns:app="/apk/res-auto"

android:layout_width="match_parent"

android:layout_height="match_parent">

<ImageView

android:id="@+id/imageView"

android:layout_width="match_parent"

android:layout_height="match_parent"

android:layout_weight="1"

android:scaleType="centerCrop"

android:src="@drawable/school1"/>

</LinearLayout>Page由多个Fragment组成，每一个Fragment的布局使用一个ImageViewViewPager布局问题导入知识解析学以致用课堂小结课后拓展

ViewPager基本属性和方法#方法名称功能描述1setAdapter设置页面项的适配器，PagerAdapter及其子类2setCurrentItem设定当前页面3addOnPageChangeListener设置翻页视图的页面切换监听器4onPageScrollStateChanged页面滑动状态变化时触发5onPageScrolled页面滑动过程中触发6onPageSelected选中页面时，滑动结束时触发Fragment实现问题导入知识解析学以致用课堂小结课后拓展

1.Fragment实现重写onCreateView方法，加载碎片布局publicclassFragment1extendsFragment{

@Override

publicViewonCreateView(LayoutInflaterinflater,ViewGroupcontainer,

BundlesavedInstanceState){

returninflater.inflate(R.layout.activity_viewpager_fragment_1,container,false);

}

}问题导入知识解析学以致用课堂小结课后拓展

2.自定义FragmentPageAdapter适配器实现

(1)自定义FragmentPageAdapter子类

，并定义属性变量publicclassMyFragmentPageAdapterextendsFragmentPagerAdapter{

privateContextmCtx;

privateArrayList<Fragment>mFragments;}

(2)使用属性变量定义构造函数publicMyFragmentPageAdapter(FragmentManagerfm,ContextmCtx,ArrayList<Fragment>mFragments){

super(fm);

this.mCtx=mCtx;

this.mFragments=mFragments;

}Fragment实现问题导入知识解析学以致用课堂小结课后拓展

2.自定义FragmentPageAdapter适配器实现Fragment实现(3)实现FragmentPageAdapter重载方法@Override

publicFragmentgetItem(inti){

returnmFragments.get(i);

}

@Override

publicintgetCount(){

returnmFragments.size();

}问题导入知识解析学以致用课堂小结课后拓展Fragment实现

3.主视图MainActivity实现

(1)Fragment集合数据初始化privateA