Android app開(kāi)發(fā)中的Fragment入門(mén)學(xué)習(xí)教程
在Android3.0上開(kāi)始引入了一個(gè)新概念叫Fragment。它有自己的布局文件,可以作為組件排布,也可以相互組合去實(shí)現(xiàn)不同的布局顯示。使用Fragment可以重復(fù)利用代碼,并且可以滿(mǎn)足不同設(shè)備尺寸的需求。Fragment不能單獨(dú)存在,只能存在于Activity中,而一個(gè)Activity可以擁有多個(gè)Fragment。很重要的一點(diǎn)是,F(xiàn)ragment可以和Activity中的其它組件一起使用,無(wú)需重寫(xiě)所有Activity的接口。所以使用Fragment就可以這樣來(lái)完成上例中“主界面—詳細(xì)界面”的APP需求。
在手機(jī)上是這樣顯示的:
而在平板上是這樣的:
在一個(gè)小屏幕的設(shè)備上,一個(gè)activity通常占據(jù)了整個(gè)屏幕,同時(shí)顯示各種UI視圖組件。Activity實(shí)際上就是視圖的容器。然后,當(dāng)一個(gè)activity被顯示在一個(gè)大屏幕的設(shè)備上,例如平板電腦,總會(huì)顯得有些不適應(yīng)。因?yàn)槠聊惶罅?,activity中的所有UI組件要充滿(mǎn)整個(gè)屏幕,這樣一來(lái),視圖的層次結(jié)構(gòu)就很復(fù)雜了。一個(gè)更好的辦法是使用一種“輕量級(jí)”的activity,每個(gè)“輕量級(jí)”activity包含自己的視圖,互不干擾。在運(yùn)行期間,根據(jù)屏幕的方向和尺寸,一個(gè)activity可以包含一個(gè)或多個(gè)“輕量級(jí)”activity。在Android3.0以上的版本,這種“輕量級(jí)”的activity叫做Fragment.
怎么創(chuàng)建一個(gè)Fragment
現(xiàn)在我們了解了Fragment的生命周期了,接著我們就需要知道怎么創(chuàng)建一個(gè)Fragment并綁定到Activity中,第一件要做的事就是繼承android.app.Fragment來(lái)寫(xiě)一個(gè)Fragment,假設(shè)我們的Fragment叫做Fragment1,創(chuàng)建和定義如下:
public class Fragment1 extends Fragment { ... }
就像我們上面說(shuō)的,F(xiàn)ragment只能存在于Activity中,所以我們必須要在某處定義它,有兩種方式:
- 直接在xml布局文件中定義;
- 在xml布局文件中定義一個(gè)占位符,然后動(dòng)態(tài)地在Activity中操作Fragment;
我們定義Fragment的方式會(huì)影響它的生命周期,因?yàn)樵谏鲜龅谝环N情況下onInflate方法會(huì)被調(diào)用,而第二種情況下它的生命周期是從onAttach方法開(kāi)始的。
如果我們?cè)赬ML文件中定義Fragment的話(huà),我們需要:
<fragment android:id="@+id/f1" class="com.survivingwithandroid.fragment.Fragment1" android:layout_width="match_parent" android:layout_height="20dp"/>
然而如果我們?cè)赬ML中用占位符的話(huà),需要再做一些工作。
布局框架和Fragment
如果我們?cè)赬ML布局文件中定義Fragment的話(huà),就不能自由、動(dòng)態(tài)修改Fragment了,還有別的方法可以讓我們可以更靈活地操作:使用時(shí)需要在XML文件中定義:
<FrameLayout android:id="@+id/fl1" android:layout_width="match_parent" android:layout_height="200dp"/>
在Activity里面還需要做一點(diǎn)工作,因?yàn)槲覀儽仨毷謩?dòng)初始化Fragment,然后把它“插入”到FrameLayout中。
public class MainActivity extends Activity { @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); Fragment2 f2 = new Fragment2(); FragmentTransaction ft = getFragmentManager().beginTransaction(); ft.replace(R.id.fl1, f2); ft.commit(); }
例子
可以把Fragment想象成Activity的另外一種形式。你創(chuàng)建fragments去包含UI組件,就像創(chuàng)建activities那樣。但是,F(xiàn)ragment總是被嵌在Activity中。
下面來(lái)通過(guò)一個(gè)例子看一下流程:
1.創(chuàng)建一個(gè)名為Fragments的工程。
2.在res/layout文件夾下,新建一個(gè)叫fragment1.xml的文件。
<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="fill_parent" android:layout_height="fill_parent" android:background="#00FF00" android:orientation="vertical" > <TextView android:id="@+id/lblFragment1" android:layout_width="fill_parent" android:layout_height="wrap_content" android:text="This is fragment #1" android:textColor="#000000" android:textSize="25sp" /> </LinearLayout>
3.在res/layout文件夾下,新建一個(gè)叫fragment2.xml的文件。
<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="fill_parent" android:layout_height="fill_parent" android:background="#FFFE00" android:orientation="vertical" > <TextView android:layout_width="fill_parent" android:layout_height="wrap_content" android:text="This is fragment #2" android:textColor="#000000" android:textSize="25sp" /> <Button android:id="@+id/btnGetText" android:layout_width="wrap_content" android:layout_height="wrap_content" android:onClick="onClick" android:text="Get text in Fragment #1" android:textColor="#000000" /> </LinearLayout>
4.main.xml中的代碼。
<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="fill_parent" android:layout_height="fill_parent" android:orientation="horizontal" > <fragment android:id="@+id/fragment1" android:name="net.learn2develop.Fragments.Fragment1" android:layout_width="0px" android:layout_height="match_parent" android:layout_weight="1" /> <fragment android:id="@+id/fragment2" android:name="net.learn2develop.Fragments.Fragment2" android:layout_width="0px" android:layout_height="match_parent" android:layout_weight="1" /> </LinearLayout>
5.新建兩個(gè)類(lèi):Fragment1.java和Fragment2.java。
6.Fragment1.java中的代碼。
package net.learn2develop.Fragments; import android.app.Activity; import android.app.Fragment; import android.os.Bundle; import android.util.Log; import android.view.LayoutInflater; import android.view.View; import android.view.ViewGroup; public class Fragment1 extends Fragment { @Override public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) { Log.d("Fragment 1", "onCreateView"); // ---Inflate the layout for this fragment--- return inflater.inflate(R.layout.fragment1, container, false); } }
7.Fragment2.java中的代碼。
package net.learn2develop.Fragments; import android.app.Fragment; import android.os.Bundle; import android.view.LayoutInflater; import android.view.View; import android.view.ViewGroup; import android.widget.Button; import android.widget.TextView; import android.widget.Toast; public class Fragment2 extends Fragment { @Override public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) { // ---Inflate the layout for this fragment--- return inflater.inflate(R.layout.fragment2, container, false); } }
- Android App在ViewPager中使用Fragment的實(shí)例講解
- Android中ViewPager實(shí)現(xiàn)滑動(dòng)指示條及與Fragment的配合
- Android App中使用ViewPager+Fragment實(shí)現(xiàn)滑動(dòng)切換效果
- Android中使用TabHost 與 Fragment 制作頁(yè)面切換效果
- 淺談Android App開(kāi)發(fā)中Fragment的創(chuàng)建與生命周期
- Android應(yīng)用開(kāi)發(fā)中Fragment與Activity間通信示例講解
- Android應(yīng)用開(kāi)發(fā)中Fragment間通信的實(shí)現(xiàn)教程
- 淺談Android app開(kāi)發(fā)中Fragment的Transaction操作
- Android的Fragment的生命周期各狀態(tài)和回調(diào)函數(shù)使用
- Android App中使用ListFragment的實(shí)例教程
相關(guān)文章
Android開(kāi)心消消樂(lè)代碼實(shí)例詳解
這篇文章主要介紹了Android開(kāi)心消消樂(lè)代碼實(shí)例,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-05-05Android應(yīng)用開(kāi)發(fā)中View繪制的一些優(yōu)化點(diǎn)解析
這篇文章主要介紹了Android應(yīng)用開(kāi)發(fā)中View繪制的一些優(yōu)化點(diǎn)解析,包括Layout布局和硬件加速等方面,需要的朋友可以參考下2016-03-03Android數(shù)據(jù)庫(kù)LitePal的基本用法詳解
這篇文章主要介紹了Android數(shù)據(jù)庫(kù)LitePal的基本用法詳解,小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-01-01解析后臺(tái)進(jìn)程對(duì)Android性能影響的詳解
本篇文章是對(duì)Android中后臺(tái)進(jìn)程對(duì)Android性能的影響進(jìn)行了詳細(xì)的分析介紹,需要的朋友參考下2013-05-05Android下SDL2實(shí)現(xiàn)五子棋游戲
這篇文章主要為大家詳細(xì)介紹了Android下SDL2實(shí)現(xiàn)五子棋游戲的相關(guān)資料,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-02-02Android從0到完整項(xiàng)目(1)使用Android studio 創(chuàng)建項(xiàng)目詳解
本篇文章主要介紹了Android從0到完整項(xiàng)目(1)使用Android studio 創(chuàng)建項(xiàng)目詳解,具有一定的參考價(jià)值,有興趣的可以了解一下2017-07-07Android權(quán)限HaloPermission詳細(xì)使用
這篇文章主要介紹了Android權(quán)限HaloPermission詳細(xì)使用,小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-04-04Android SeekBar實(shí)現(xiàn)禁止滑動(dòng)
這篇文章主要為大家詳細(xì)介紹了Android SeekBar實(shí)現(xiàn)禁止滑動(dòng),文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2021-03-03Android自定義控件實(shí)現(xiàn)九宮格解鎖功能
這篇文章主要為大家詳細(xì)介紹了Android自定義控件實(shí)現(xiàn)九宮格解鎖功能,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-05-05