前言
目前，大多數(shù)app都是采用TabLayout+ViewPager+Fragment的方式來為用戶提供一個(gè)平滑的多界面切換方式价认。本次課程將對(duì)這這三種組件使用進(jìn)行以下基本的梳理以及簡(jiǎn)單的拓展无宿。
基本使用
首先引入相應(yīng)的依賴
implementation 'com.android.support:support-v4:28.0.0'
implementation 'com.android.support:design:28.0.0'
其實(shí)如果對(duì)RecyclerView熟悉的話就會(huì)發(fā)現(xiàn)其實(shí)使用起來是類似的，其中主要關(guān)心四個(gè)對(duì)象：Tablayout、ViewPager已卷、PagerAdapter、Fragment淳蔼。其中前兩個(gè)跟普通的View控件一樣侧蘸，可以直接通過XML來進(jìn)行布局以及在onCreate獲取相應(yīng)的實(shí)例
<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".MainActivity">
<com.google.android.material.tabs.TabLayout
android:layout_width="match_parent"
android:layout_height="40dp"
android:id="@+id/main_tab"
app:tabSelectedTextColor="#A73870"
android:background="#ffffff"
app:layout_constraintTop_toTopOf="parent"
>
</com.google.android.material.tabs.TabLayout>
<androidx.viewpager.widget.ViewPager
android:id="@+id/main_pager"
android:layout_width="match_parent"
android:layout_height="0dp"
app:layout_constraintTop_toBottomOf="@+id/main_tab"
app:layout_constraintBottom_toBottomOf="parent"/>
</androidx.constraintlayout.widget.ConstraintLayout>
首先說一下Fragment，F(xiàn)ragment是需要我們?nèi)ダ^承并重寫的鹉梨，它具有以下性質(zhì)：
- Fragment是依賴于Activity的讳癌，不能獨(dú)立存在的。
- 一個(gè)Activity里可以有多個(gè)Fragment存皂。
- 一個(gè)Fragment可以被多個(gè)Activity重用晌坤。
- Fragment有自己的生命周期，并能接收輸入事件旦袋。
- 我們能在Activity運(yùn)行時(shí)動(dòng)態(tài)地添加或刪除Fragment骤菠。
在這里我們由于是在講基本使用，所以就給出Fragment的最基本的使用法方法疤孕。
首先商乎，創(chuàng)建繼承Fragment的類。
Fragment有很多可以復(fù)寫的方法祭阀，其中最常用的就是onCreateView()鹉戚，該方法返回Fragment的UI布局，我們需要去重寫它专控，完成它和相應(yīng)的布局文件的綁定抹凳。也比較類似于Activity的onCreat( ) 。
直接上代碼：
class ExampleFragment : Fragment() {
override fun onCreateView(inflater: LayoutInflater, container: ViewGroup?, savedInstanceState: Bundle?): View {
val view: View = inflater.inflate(R.layout.example_fragment, container, false)
...
return view
}
}
以上就是最簡(jiǎn)單的Fragment踩官。
同時(shí)Fragment還有其他方法在生命周期的各個(gè)時(shí)期被調(diào)用却桶，在此不在贅述，有興趣可以看一下蔗牡。
如果在創(chuàng)建Fragment時(shí)要傳入?yún)?shù)颖系，必須要通過setArguments(Bundle bundle)方式添加，而不建議通過為Fragment添加帶參數(shù)的構(gòu)造函數(shù)辩越，因?yàn)橥ㄟ^setArguments()方式添加嘁扼，在由于內(nèi)存緊張導(dǎo)致Fragment被系統(tǒng)殺掉并恢復(fù)（re-instantiate）時(shí)能保留這些數(shù)據(jù)。
我們可以在Fragment的onAttach()中(之后所調(diào)用方法的也可以)通過getArguments()獲得傳進(jìn)來的參數(shù)黔攒，并在之后使用這些參數(shù)趁啸。如果要獲取Activity對(duì)象强缘，不建議調(diào)用getActivity()，而是在onAttach()中將Context對(duì)象強(qiáng)轉(zhuǎn)為Activity對(duì)象不傅。
其他操作基本和Activity類似旅掂，大家可以類比推導(dǎo)一下。
OK访娶，到這里基本上Fragment 的使用也就講完了商虐。
接下來說一下TabLayout+ViewPager+Fragment方法的使用流程：
- 創(chuàng)建存儲(chǔ)多個(gè)Fragment實(shí)例的列表
- 創(chuàng)建PagerAdapter實(shí)例并關(guān)聯(lián)到Viewpager中
- 將ViewPager關(guān)聯(lián)到Tablayout中
- 根據(jù)需求改寫Tablayout屬性*
最后一步不是必須的，為了更加清楚地描述這個(gè)調(diào)用流程崖疤，貼上一個(gè)示意圖：
同時(shí)秘车，往往會(huì)通過擴(kuò)展FragmentPagerAdapter的方式來使它變得更加好用一點(diǎn)～（我覺得原生的寫出來就很不優(yōu)雅）。我們往往會(huì)增加兩個(gè)ArrayList和一個(gè)??新的add方法來使其可以輕輕送送完成對(duì)Fragment的添加劫哼。
具體拓展如下：
class FragmentAdapter(fm: FragmentManager) : FragmentPagerAdapter(fm) {
var fragmentsOfMylist: MutableList<Fragment> = ArrayList()
var fragmentsTitles: MutableList<String> = ArrayList()
fun add(fragment: Fragment, title: String) {
fragmentsOfMylist.add(fragment)
fragmentsTitles.add(title)
}
override fun getItem(position: Int): Fragment = fragmentsOfMylist[position]
override fun getCount(): Int = fragmentsOfMylist.size
override fun getPageTitle(position: Int): CharSequence = fragmentsTitles[position]
override fun destroyItem(container: ViewGroup, position: Int, `object`: Any) {
// super.destroyItem(container, position, `object`)
}
}
兩個(gè)ArrayList一個(gè)儲(chǔ)存Title叮趴，一個(gè)儲(chǔ)存具體的fragment。再通過override相應(yīng)的方法权烧，以此達(dá)到綁定的效果眯亦。
之后我們就可以在mainActivity( )完成輕松調(diào)用。
class MainActivity : AppCompatActivity() {
override fun onCreate(savedInstanceState: Bundle?) {
super.onCreate(savedInstanceState)
supportRequestWindowFeature(Window.FEATURE_NO_TITLE)
setContentView(R.layout.activity_main)
val mybookPager: ViewPager = findViewById(R.id.main_pager)
val mybookTabLayout: TabLayout = findViewById(R.id.main_tab)
val myhomePagerAdapter = FragmentAdapter(supportFragmentManager)//創(chuàng)建自己的FragmentPagerAdapter
myhomePagerAdapter.apply {
add(ExampleFragment(), "已借閱")
add(ExampleFragment(), "借閱統(tǒng)計(jì)")
add(ExampleFragment(), "閱讀")
}//載入相應(yīng)的fragment以及title
mybookPager.adapter = myhomePagerAdapter//設(shè)定viewPager的Adapter
mybookTabLayout.apply {
setupWithViewPager(mybookPager)//將tablayout與viewPager綁定
tabGravity = TabLayout.GRAVITY_FILL
setSelectedTabIndicatorColor(Color.parseColor("#A73870"))//自定義tablayout
}
}
}
清爽豪嚎，簡(jiǎn)潔搔驼，高效
那如果我們不去做拓展谈火，應(yīng)該怎么調(diào)用呢侈询？
不妨給大家看一下。
以下是部分代碼
List<Fragment> fragments = new ArrayList<>();
List<String> titles = new ArrayList<>();
···
fragments.add(MyFragment.newInstance("11111", "11111"));
fragments.add(MyFragment.newInstance("22222", "22222"));
fragments.add(MyFragment.newInstance("33333", "33333"));
fragments.add(MyFragment.newInstance("44444", "44444"));
fragments.add(MyFragment.newInstance("55555", "55555"));
titles.add("fragment1");
titles.add("fragment2");
titles.add("fragment3");
titles.add("fragment4");
titles.add("fragment5");
viewPager.setAdapter(new FragmentStatePagerAdapter(getSupportFragmentManager()) {
@Override
public Fragment getItem(int position) {
return fragments.get(position);
}
@Override
public int getCount() {
return fragments.size();
}
@Override
public void destroyItem(ViewGroup container, int position, Object object) {
super.destroyItem(container, position, object);
}
@Nullable
@Override
public CharSequence getPageTitle(int position) {
return titles.get(position);
}
});
tabLayout.setupWithViewPager(viewPager);
}
···
更恐怖的是糯耍，你需要在每一個(gè)用到TabLayout+Fragment+ViewPageractivity的里面都寫一遍扔字。
小拓展
PagerAdapter
PagerAdapter是一個(gè)抽象類，它有兩個(gè)實(shí)現(xiàn)子類供我們使用温技，分別是FragmentStatePagerAdapter和FragmentPagerAdapter革为。創(chuàng)建這兩個(gè)類的實(shí)例需要傳入一個(gè)FragmentManager對(duì)象，像代碼那樣處理就行了舵鳞，從類名就可以看出來它倆的最大差別就在“State-狀態(tài)”上震檩，什么意思呢？指的是所包含存儲(chǔ)的Fragment對(duì)象的狀態(tài)是否保存蜓堕。
而這兩個(gè)的最大區(qū)別在哪呢抛虏？我不得不先說一下ViewPager還有一個(gè)比較重要的函數(shù)是：
viewPager.setOffscreenPageLimit(int limit);
這個(gè)方法默認(rèn)值為1，Google在開發(fā)ViewPager時(shí)套才，考慮到如果滑動(dòng)的時(shí)候才創(chuàng)建Fragment實(shí)例時(shí)會(huì)帶來一定程度的卡頓迂猴，因此為ViewPager設(shè)置了緩存機(jī)制，而上述函數(shù)則是設(shè)置緩存Fragment的數(shù)量背伴，示意圖如下：
也就是說沸毁，limit的值代表著還要緩存當(dāng)前Fragment左右各limit個(gè)Fragment峰髓，一共會(huì)創(chuàng)建2*limit+1個(gè)Fragment。超出這個(gè)limit范圍的Fragment就會(huì)被銷毀息尺，而上述兩種PagerAdapter的差別就是銷毀的流程不同携兵！
這里就不放Log圖給大家看，直接告訴大家搂誉，F(xiàn)ragmentPagerAdapter在銷毀Fragment時(shí)不會(huì)調(diào)用onDestroy（）方法眉孩，而帶了State的Adapter則會(huì)調(diào)用Fragment的onDestroy()方法，換言之勒葱，前者僅僅是銷毀了Fragment的View視圖而沒有銷毀Fragment這個(gè)對(duì)象浪汪，但是后者則徹徹底底地消滅了Fragment對(duì)象。
結(jié)論：
FragmentPagerAdapter適用于Fragment比較少的情況凛虽，它會(huì)把每一個(gè)Fragment保存在內(nèi)存中死遭，不用每次切換的時(shí)候，去保存現(xiàn)場(chǎng)凯旋，切換回來在重新創(chuàng)建呀潭，所以用戶體驗(yàn)比較好。而對(duì)于Fragment比較多的情況至非，需要切換的時(shí)候銷毀以前的Fragment以釋放內(nèi)存钠署，就可以使用FragmentStatePagerAdapter。
