《移動端應(yīng)用開發(fā)》課件 模塊7 滑屏之趣

模塊7滑屏之趣7.1Fragment簡介7.2Fragment生命周期7.3Fragment的創(chuàng)建Android學(xué)習(xí)路線1.1學(xué)習(xí)路線

學(xué)習(xí)目標(biāo)1.1Android學(xué)習(xí)目標(biāo)素質(zhì)目標(biāo)知識目標(biāo)素質(zhì)1.能夠使用Fragment實(shí)現(xiàn)界面的靈活設(shè)計(jì)；2.能夠?qū)崿F(xiàn)ViewPager滑屏效果；3.能夠恰當(dāng)關(guān)聯(lián)Fragment和ViewPager；4.能夠靈活運(yùn)用設(shè)計(jì)各種應(yīng)用效果。能力目標(biāo)1.理解Fragment；2.掌握Fragment托管方法；3.掌握ViewPager的使用方法；4.掌握ViewPager和Fragemnt之間的關(guān)聯(lián)。1.激發(fā)探究學(xué)習(xí)的興趣；2.提升分析和解決問題的能力；3.培養(yǎng)模塊化設(shè)計(jì)思想。

知識點(diǎn)預(yù)覽知識解析問題導(dǎo)入學(xué)以致用課堂小結(jié)課后拓展#知識點(diǎn)重點(diǎn)難點(diǎn)應(yīng)用說明1ViewPager控件√熟練掌握ViewPager控件的使用方法2Fragment√熟練掌握Fragment控件的使用方法3ViewPager和Fragment√熟練掌握ViewPager和Fragment控件的配合使用方法1.1滑屏之趣作業(yè)點(diǎn)評知識解析問題導(dǎo)入學(xué)以致用課堂小結(jié)課后拓展Android常用的控件？Android中的高級控件有哪些？1.1滑屏之趣預(yù)習(xí)檢查知識解析問題導(dǎo)入學(xué)以致用課堂小結(jié)課后拓展ViewPager控件可以用來實(shí)現(xiàn)什么樣的功能？PagerAdapter適配器主要有那幾個(gè)方法？Fragment的出現(xiàn)，主要是解決什么問題的？Fragment的適配器類有那幾個(gè)？1.1滑屏之趣問題導(dǎo)入知識解析問題導(dǎo)入學(xué)以致用課堂小結(jié)課后拓展

任務(wù)：App啟動頁面23功能描述：技術(shù)要點(diǎn)：AndroidStudio中選擇【File】

【New】

【NewProject】選項(xiàng)創(chuàng)建項(xiàng)目點(diǎn)擊工具欄中【AVDManager】按鈕啟動模擬器點(diǎn)擊工具欄中的運(yùn)行按鈕運(yùn)行程序?qū)崿F(xiàn)步驟：

智慧城市啟動界面。使用AndroidStudio創(chuàng)建程序，使用模擬器運(yùn)行程序。1Fragment介紹問題導(dǎo)入知識解析學(xué)以致用課堂小結(jié)課后拓展FragmentFragment（碎片）是一種可以嵌入在Activity中的UI片段，與Activity非常相似，不僅包含布局，同時(shí)也具有自己的生命周期。Fragment生命周期問題導(dǎo)入知識解析學(xué)以致用課堂小結(jié)課后拓展Fragment不能獨(dú)立存在必須嵌入到Activity中使用，所以Fragment生命周期直接受所在的Activity影響。當(dāng)Activity暫停時(shí)，它擁有的所有Fragment都暫停，當(dāng)Activity銷毀時(shí)，它擁有的所有Fragment都被銷毀。Fragment生命周期生命周期方法問題導(dǎo)入知識解析學(xué)以致用課堂小結(jié)課后拓展ActivityStateCreatedStartedFragmentCallbacksonAttach()onCreate()onCreateView()onActivityCreated()onStart()onResume()ResumedPausedonPaused()StoppedonStop()DestroyedonDestriyView()onDesttroy()onDetach()Fragment的創(chuàng)建問題導(dǎo)入知識解析學(xué)以致用課堂小結(jié)課后拓展Fragment的創(chuàng)建問題導(dǎo)入知識解析學(xué)以致用課堂小結(jié)課后拓展publicclassMyFragmentextendsFragment{publicMyFragment(){//Requiredemptypublicconstructor}@OverridepublicViewonCreateView(LayoutInflaterinflater,ViewGroupcontainer,BundlesavedInstanceState){//Inflatethelayoutforthisfragmentreturninflater.inflate(R.layout.fragment_my,container,false);}}Fragment的使用問題導(dǎo)入知識解析學(xué)以致用課堂小結(jié)課后拓展在Activity中使用Fragment時(shí)，可以通過兩種方式將Fragment添加到Activity中，一種是通過布局文件添加，一種是通過代碼動態(tài)添加。通過布局文件添加Fragment<fragmentandroid:id="@+id/fragment"android:name="cn.itcast.myfragment.MyFragment"android:layout_width="match_parent"android:layout_height="match_parent"></fragment>Fragment的使用問題導(dǎo)入知識解析學(xué)以致用課堂小結(jié)課后拓展通過代碼動態(tài)添加FragmentMyFragmentfragment=newMyFragment();FragmentManagerfm=getFragmentManager();FragmentTransactionbeginTransaction=fm.beginTransaction();beginTransaction.add(R.id.rl,fragment);beginTmit();問題導(dǎo)入

任務(wù)：滑動效果App23功能描述：技術(shù)要點(diǎn)：實(shí)現(xiàn)步驟：

1實(shí)現(xiàn)三個(gè)界面進(jìn)行滑動切換創(chuàng)建Fragment實(shí)現(xiàn)滑動效果用戶交互界面的設(shè)計(jì)與實(shí)現(xiàn)創(chuàng)建三個(gè)Fragment界面邏輯代碼的設(shè)計(jì)與實(shí)現(xiàn)問題導(dǎo)入學(xué)以致用知識解析課堂小結(jié)課后拓展

本節(jié)課主要通過一個(gè)引導(dǎo)頁案例對Fragment進(jìn)行了詳情的講解，包括Fragment的創(chuàng)建、生命周期以及輪播圖的實(shí)現(xiàn)。要求初學(xué)者對Fragment組件有個(gè)簡單的了解，方便學(xué)習(xí)后面的知識。1.3課堂小結(jié)問題導(dǎo)入課堂小結(jié)知識解析學(xué)以致用課后拓展1.4課后拓展?作業(yè)要求

問題導(dǎo)入課后拓展知識解析學(xué)以致用課堂小結(jié)請創(chuàng)建一個(gè)Fragment組件展示的項(xiàng)目程序。?預(yù)習(xí)作業(yè)ViewPager組件的使用下節(jié)課見模塊7滑屏之趣7.1ViewPager基本用法7.2PagerAdapter適配器7.3Fragment基本用法7.4ViewPager與FragmentAndroid學(xué)習(xí)路線1.1學(xué)習(xí)路線

學(xué)習(xí)目標(biāo)1.1Android學(xué)習(xí)目標(biāo)素質(zhì)目標(biāo)知識目標(biāo)素質(zhì)1.能夠使用Fragment實(shí)現(xiàn)界面的靈活設(shè)計(jì)；2.能夠?qū)崿F(xiàn)ViewPager滑屏效果；3.能夠恰當(dāng)關(guān)聯(lián)Fragment和ViewPager；4.能夠靈活運(yùn)用設(shè)計(jì)各種應(yīng)用效果。能力目標(biāo)1.理解Fragment；2.掌握Fragment托管方法；3.掌握ViewPager的使用方法；4.掌握ViewPager和Fragemnt之間的關(guān)聯(lián)。1.激發(fā)探究學(xué)習(xí)的興趣；2.提升分析和解決問題的能力；3.培養(yǎng)模塊化設(shè)計(jì)思想。

知識點(diǎn)預(yù)覽知識解析問題導(dǎo)入學(xué)以致用課堂小結(jié)課后拓展#知識點(diǎn)重點(diǎn)難點(diǎn)應(yīng)用說明1ViewPager控件√熟練掌握ViewPager控件加載Fragment的原理和適配器用法2Fragment√熟練掌握Fragment控件的使用方法3ViewPager和Fragment√熟練掌握ViewPager和Fragment控件的配合使用方法4啟動引導(dǎo)頁√√熟練掌握RadioGroup與ViewPager之間進(jìn)行數(shù)據(jù)交互的方法5選項(xiàng)卡√√熟練掌握自定義FragmentPager適配器類的實(shí)現(xiàn)；掌握自定義FragmentPager適配器與PagerTabStrip實(shí)現(xiàn)選項(xiàng)卡的方法1.1ViewPager作業(yè)點(diǎn)評知識解析問題導(dǎo)入學(xué)以致用課堂小結(jié)課后拓展ListView列表控件的使用Android中RecycleView控件的使用1.1ViewPager預(yù)習(xí)檢查知識解析問題導(dǎo)入學(xué)以致用課堂小結(jié)課后拓展ViewPager控件可以用來實(shí)現(xiàn)什么樣的功能？PagerAdapter適配器主要有那幾個(gè)方法？Fragment的出現(xiàn)，主要是解決什么問題的？Fragment的適配器類有那幾個(gè)？1.1ViewPager問題導(dǎo)入知識解析問題導(dǎo)入學(xué)以致用課堂小結(jié)課后拓展

任務(wù)：App啟動頁面23功能描述：技術(shù)要點(diǎn)：AndroidStudio中選擇【File】

【New】

【NewProject】選項(xiàng)創(chuàng)建項(xiàng)目點(diǎn)擊工具欄中【AVDManager】按鈕啟動模擬器點(diǎn)擊工具欄中的運(yùn)行按鈕運(yùn)行程序?qū)崿F(xiàn)步驟：

智慧城市啟動界面。使用AndroidStudio創(chuàng)建程序，使用模擬器運(yùn)行程序。1ViewPager介紹問題導(dǎo)入知識解析學(xué)以致用課堂小結(jié)課后拓展ViewPagerViewPager可以實(shí)現(xiàn)多個(gè)界面的左右滑動。ViewPager最典型的應(yīng)用場景主要包括引導(dǎo)頁導(dǎo)航，輪播廣告和頁面菜單。ViewPager最早出自4.0版本，為了兼容低版本安卓設(shè)備，谷歌官方給我們提供了一個(gè)軟件包android.support.v4.view。問題導(dǎo)入知識解析學(xué)以致用課堂小結(jié)課后拓展ViewPager應(yīng)用實(shí)例ViewPager介紹ViewPager

啟動引導(dǎo)選項(xiàng)卡啟動頁面問題導(dǎo)入知識解析學(xué)以致用課堂小結(jié)課后拓展PagerAdapter問題導(dǎo)入知識解析學(xué)以致用課堂小結(jié)課后拓展對于Fragment使用FragmentPagerAdapter;也可以自己設(shè)計(jì)基于PagerAdapter的子類；

ViewPager組件通過PagerAdapter以及子類訪問數(shù)據(jù)ViewPager布局問題導(dǎo)入知識解析學(xué)以致用課堂小結(jié)課后拓展

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布局問題導(dǎo)入知識解析學(xué)以致用課堂小結(jié)課后拓展

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由多個(gè)Fragment組成，每一個(gè)Fragment的布局使用一個(gè)ImageViewViewPager布局問題導(dǎo)入知識解析學(xué)以致用課堂小結(jié)課后拓展

ViewPager基本屬性和方法#方法名稱功能描述1setAdapter設(shè)置頁面項(xiàng)的適配器，PagerAdapter及其子類2setCurrentItem設(shè)定當(dāng)前頁面3addOnPageChangeListener設(shè)置翻頁視圖的頁面切換監(jiān)聽器4onPageScrollStateChanged頁面滑動狀態(tài)變化時(shí)觸發(fā)5onPageScrolled頁面滑動過程中觸發(fā)6onPageSelected選中頁面時(shí)，滑動結(jié)束時(shí)觸發(fā)Fragment實(shí)現(xiàn)問題導(dǎo)入知識解析學(xué)以致用課堂小結(jié)課后拓展

1.Fragment實(shí)現(xiàn)重寫onCreateView方法，加載碎片布局publicclassFragment1extendsFragment{

@Override

publicViewonCreateView(LayoutInflaterinflater,ViewGroupcontainer,

BundlesavedInstanceState){

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

}

}問題導(dǎo)入知識解析學(xué)以致用課堂小結(jié)課后拓展

2.自定義FragmentPageAdapter適配器實(shí)現(xiàn)

(1)自定義FragmentPageAdapter子類

，并定義屬性變量publicclassMyFragmentPageAdapterextendsFragmentPagerAdapter{

privateContextmCtx;

privateArrayList<Fragment>mFragments;}

(2)使用屬性變量定義構(gòu)造函數(shù)publicMyFragmentPageAdapter(FragmentManagerfm,ContextmCtx,ArrayList<Fragment>mFragments){

super(fm);

this.mCtx=mCtx;

this.mFragments=mFragments;

}Fragment實(shí)現(xiàn)問題導(dǎo)入知識解析學(xué)以致用課堂小結(jié)課后拓展

2.自定義FragmentPageAdapter適配器實(shí)現(xiàn)Fragment實(shí)現(xiàn)(3)實(shí)現(xiàn)FragmentPageAdapter重載方法@Override

publicFragmentgetItem(inti){

returnmFragments.get(i);

}

@Override

publicintgetCount(){

returnmFragments.size();

}問題導(dǎo)入知識解析學(xué)以致用課堂小結(jié)課后拓展Fragment實(shí)現(xiàn)

3.主視圖MainActivity實(shí)現(xiàn)

(1)Fragment集合數(shù)據(jù)初始化privateA