版權聲明:本文為部落客原創文章,未經部落客允許不得轉載。https://blog.csdn.net/zhang45362613/article/details/89310688
最近遇到一個自定義頻道的功能需求,網上有很多這樣的demo,這裡就不說了,我來說說在實作的時候遇到的坑。
問題:既然有了自定義頻道,那麼自定義頻道完成後,肯定是需要動态的去改變這些頻道的展示,我采用了TabLayout+ViewPager的組合進行展示。大緻的效果如下,具體實作自己去找找吧(如有源碼需求可以留言)
![部分效果示範.gif](http://upload-images.jianshu.io/upload_images/937851-2df50ff9833dd386.gif?imageMogr2/auto-orient/strip)
好了,言歸正傳。
首先展示一下主界面的xml代碼吧
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical">
<android.support.design.widget.TabLayout
android:id="@+id/tablayout"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="#E0E0E0"
app:tabIndicatorColor="@color/ind_red"
app:tabMode="fixed"
app:tabSelectedTextColor="@color/material_orange"
app:tabTextColor="@android:color/black"
app:tabIndicatorHeight="5dp"
app:tabTextAppearance="@style/TabStyle"
/>
<android.support.v4.view.ViewPager
android:id="@+id/tab_viewpager"
android:layout_width="match_parent"
android:layout_height="0dp"
android:layout_weight="1"
android:background="@android:color/white" />
</LinearLayout>
代碼實作如下
注:ChannelEntity是頻道的執行個體,隻有id和name兩個屬性,實作get和set方法,這裡就不展示代碼了
//首先建立一個list集合來接收頻道設定界面設定的頻道資訊
selecte_channel = (List<ChannelEntity>) getIntent().getSerializableExtra("list");;
tabLayout.setTabMode(TabLayout.MODE_SCROLLABLE);
// vp_pager.setAdapter(new MorePagerAdapter(selecte_channel))
adapter = new MyViewPagerAdapter(getSupportFragmentManager(), selecte_channel);
vp_pager.setAdapter(adapter);
tabLayout.setupWithViewPager(vp_pager);
這裡建立一個handler來接收改變fragment的消息,并改變頁面
public class MyReciver extends Handler{
@Override
public void handleMessage(Message msg) {
// selecte_channel.remove(0);
selecte_channel.add(new ChannelEntity((long) 0, "新增頻道"));//這裡為了測試,動态增加一個頻道
adapter.RefreshFragments(selecte_channel);
vp_pager.setCurrentItem(0);
tabLayout.scrollTo(0,0);//這裡主要是在重新整理後,tablayout會滾動,我這裡強制到第一個
}
}
需要注意的是記得對myReciver進行執行個體化哦
最後就是重點的了,遇到了很多坑,各種數組越界等問題,或者tablayout重新整理後,但是fragment頁面不能及時重新整理(将FragmentPagerAdapter改成FragmentStatePagerAdapter試試,因為前者是不再重複執行fragment的oncreate方法的)
public class MyViewPagerAdapter extends FragmentStatePagerAdapter {
private List<ChannelEntity> list = new ArrayList<>();
private List<Fragment> fragments = new ArrayList<>();
private FragmentManager fm;
public MyViewPagerAdapter(FragmentManager fm, List<ChannelEntity> data) {
super(fm);
this.fm = fm;
this.list = data;
this.fragments = new ArrayList<>();
initFragments();
// for (ChannelEntity entity : data){
// this.fragments.add(new TabFragment());
// }
}
@Override
public Fragment getItem(int position) {
return fragments.get(position);
}
@Override
public int getCount() {
return fragments.size();
}
@Override
public CharSequence getPageTitle(int position) {
return list.get(position).getName();
}
@Override
public int getItemPosition(Object object) {
return POSITION_NONE;
}
/**
* 根據頻道資訊,添加對應的頁面
*/
public void initFragments(){
for (ChannelEntity entity : list){
Log.e("entity.getid", "getid = " + entity.getId());
Log.e("entity.getid", "getname = " + entity.getName());
if(!entity.getName().equals("頻道0")){
fragments.add(new TabFragment());
}else {
fragments.add(new Fragment1());
}
}
}
/**
* 動态重新整理資料後,重新整理界面
**/
public void RefreshFragments(List<ChannelEntity> datalist){
//避免重複建立fragment
if(this.fragments != null){
FragmentTransaction ft = fm.beginTransaction();
for(Fragment f:this.fragments){
ft.remove(f);
}
ft.commit();
ft=null;
fm.executePendingTransactions();
}
this.list = datalist;
this.fragments = new ArrayList<>();
initFragments();
notifyDataSetChanged();
}
fragment1和tabfragment兩個fragment都是一個簡單的為了區分的頁面,自己簡單寫吧。然後在調用的時候,發送消息到myReciver中觸發重新整理就可以了
寫得不好,請見諒,如果不足請指正!
更正:https://blog.csdn.net/u012762986/article/details/79778727這個博文也是可以解決問題,一并推薦給大家