仿今日头条的频道管理
前言
做了一个仿今日头条的频道管理，虽然用别人写好的库，但是真正想去实现时发现了不少问题
- 如何把上面的TabLayout和下面的Viewpager关联起来
- 当点击添加时如何保存信息（下次进入时添加的频道仍然存在）
- 如何加载不同的数据（根据什么来判断）
用到的第三方
maven { url "https://jitpack.io" } compile 'com.github.andyoom:draggrid:v1.0.1'到这就可以来写自己的思路了。
布局
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:id="@+id/activity_main"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context="test.bawei.com.pindaoguanli.MainActivity">
<LinearLayout
android:layout_width="match_parent"
android:layout_height="40dp"
android:orientation="horizontal">
<android.support.design.widget.TabLayout
android:layout_weight="1"
android:id="@+id/tab"
android:layout_width="match_parent"
android:layout_height="40dp"
app:tabMode="scrollable"
app:tabSelectedTextColor="#f00"
xmlns:app="http://schemas.android.com/apk/res-auto"
app:tabPadding="5dp">android.support.design.widget.TabLayout>
<Button
android:id="@+id/btn"
android:layout_width="40dp"
android:layout_height="40dp"
android:text="添"/>
LinearLayout>
RelativeLayout>
也很简单只是实现Tablayout和添加的按钮
在MainActivity里面几个重点部分：注释已经很详细了无非就是两种情况的判断：点击添加频道管理的按钮和没有点击频道管理的按钮，而有没有点击频道的按钮又有两个要处理：在Viewpager加载多少个fragment和给Tablayout设置几个标题，最后只要把所有数据都保存到SharedPreferences里。
private void LoadData() {
list = new ArrayList<>();
initDat1a();
// 创建Fragmnet对象
String str = sp.getString(TAB_DATA_KEY,null);
if(str==null){
for(int i=0;inew Myfragment());
}
}else{
// 当我们点击添加数据时通过解析保存的值来创建Fragmnet对象
List listAll= new Gson().fromJson(str, new TypeToken>() {
}.getType());
for(int i = 0;iif (listAll.get(i).isSelect()){
list.add(new Myfragment());
}
}
}
//将Viewpager和Tablayout绑定
viewpage = new Viewpage(getSupportFragmentManager(),list);
pager.setAdapter(viewpage);
tabLayout.setTabMode(TabLayout.MODE_SCROLLABLE);
tabLayout.setupWithViewPager(pager);
//通过判断来个tablayout加载标题（点击按钮和未点击按钮）
if(str==null){
for(int i=0;iget(i).getName());
}
}else {
List listAll= new Gson().fromJson(str, new TypeToken>() {}.getType());
for(int i = 0;iif (listAll.get(i).isSelect()==true)
tabLayout.getTabAt(i).setText(listAll.get(i).getName());
}
}
} 另外就是加载不同数据的问题：我是通过适配器用bundle把position传过去通过位置来加载不同的页面。
到这难点就解决了下面贴一下所有代码方便理解
item
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical" android:layout_width="match_parent"
android:layout_height="match_parent">
<ListView
android:id="@+id/list"
android:layout_width="match_parent"
android:layout_height="match_parent">ListView>
LinearLayout>item_list
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:orientation="vertical"
android:layout_height="match_parent">
<TextView
android:id="@+id/titles"
android:text="GGGGGGGGGGGGGGGGGGGGGGGGGGG"
android:gravity="center"
android:layout_width="match_parent"
android:layout_height="wrap_content"
/>
<ImageView
android:id="@+id/imgs"
android:layout_width="match_parent"
android:layout_height="120dp"
android:background="@mipmap/ic_launcher"/>
LinearLayout>
MainActivity
public class MainActivity extends AppCompatActivity implements View.OnClickListener{
private TabLayout tabLayout;
private Button button;
private ViewPager pager;
private List list;
private Viewpage viewpage;
private final String TAB_DATA_KEY = "TabJson";
private List tabList;
private SharedPreferences sp;
private List tabListAll = new ArrayList<>();
private String jsonbeans;
List urlList;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
//使用SharedPreferences来存储记忆值
sp = getSharedPreferences(TAB_DATA_KEY,MODE_PRIVATE);
tabLayout = (TabLayout)findViewById(R.id.tab);
pager = (ViewPager)findViewById(R.id.page);
button = (Button)findViewById(R.id.btn);
button.setOnClickListener(this);
LoadData();
}
private void LoadData() {
list = new ArrayList<>();
initDat1a();
// 创建Fragmnet对象
String str = sp.getString(TAB_DATA_KEY,null);
if(str==null){
for(int i=0;inew Myfragment());
}
}else{
// 当我们点击添加数据时通过解析保存的值来创建Fragmnet对象
List listAll= new Gson().fromJson(str, new TypeToken>() {
}.getType());
for(int i = 0;iif (listAll.get(i).isSelect()){
list.add(new Myfragment());
}
}
}
//将Viewpager和Tablayout绑定
viewpage = new Viewpage(getSupportFragmentManager(),list);
pager.setAdapter(viewpage);
tabLayout.setTabMode(TabLayout.MODE_SCROLLABLE);
tabLayout.setupWithViewPager(pager);
//通过判断来个tablayout加载标题（点击按钮和未点击按钮）
if(str==null){
for(int i=0;ielse {
List listAll= new Gson().fromJson(str, new TypeToken>() {}.getType());
for(int i = 0;iif (listAll.get(i).isSelect()==true)
tabLayout.getTabAt(i).setText(listAll.get(i).getName());
}
}
}
@Override
public void onClick(View v) {
// 对点击按钮的判断，如果没有添加频道则使用tabList里面的默认数据 否则从SharedPreferences取出
LoadData();
String string = sp.getString(TAB_DATA_KEY, null);
if(string==null){
ChannelActivity.startChannelActivity(MainActivity.this,tabList);
}else{
ChannelActivity.startChannelActivity(MainActivity.this,string);
}
}
private void initDat1a() {
// 装要添加的频道true表示默认添加false表示点击频道后选择要加入
tabList = new ArrayList<>();
tabList.add(new ChannelBean("推荐",true));
tabList.add(new ChannelBean("热点",true));
tabList.add(new ChannelBean("北京",true));
tabList.add(new ChannelBean("社会",true));
tabList.add(new ChannelBean("头条",true));
tabList.add(new ChannelBean("看点",true));
tabList.add(new ChannelBean("体育",true));
tabList.add(new ChannelBean("关注",false));
tabList.add(new ChannelBean("育儿",false));
tabList.add(new ChannelBean("购物",false));
tabList.add(new ChannelBean("分享",false));
tabList.add(new ChannelBean("NBA",false));
tabList.add(new ChannelBean("乐视",false));
}
//重写回调监听的方法
@Override
protected void onActivityResult(int requestCode, int resultCode, Intent data) {
super.onActivityResult(requestCode, resultCode, data);
if(requestCode== ChannelActivity.REQUEST_CODE&&resultCode==ChannelActivity.RESULT_CODE)
{
jsonbeans = data.getStringExtra(ChannelActivity.RESULT_JSON_KEY);
//保存
sp.edit().putString(TAB_DATA_KEY,jsonbeans).commit();
//一定要写在commit的下面
LoadData();
Log.e("requestCode","requestCode="+jsonbeans);
}
}
@Override
public void onWindowFocusChanged(boolean hasFocus) {
super.onWindowFocusChanged(hasFocus);
if (hasFocus && Build.VERSION.SDK_INT >= 19) {
View decorView = getWindow().getDecorView();
decorView.setSystemUiVisibility(
View.SYSTEM_UI_FLAG_LAYOUT_STABLE
| View.SYSTEM_UI_FLAG_LAYOUT_HIDE_NAVIGATION
| View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN
| View.SYSTEM_UI_FLAG_HIDE_NAVIGATION
| View.SYSTEM_UI_FLAG_FULLSCREEN
| View.SYSTEM_UI_FLAG_IMMERSIVE_STICKY);
}
}
Myfragment
@ContentView(R.layout.item)
public class Myfragment extends Fragment {
@ViewInject(R.id.list)
private ListView listview;
private String path;
private List list;
private MyAdaper adaper;
@Nullable
@Override
public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
View view =x.view().inject(this,inflater,container);
list=new ArrayList<>();
Bundle bundle = getArguments();
int name = bundle.getInt("name");
path="http://wangyi.butterfly.mopaasapp.com/news/api?type=war&limit=30&page="+name;
adaper = new MyAdaper();
listview.setAdapter(adaper);
getDate();
return view;
}class MyAdaper extends BaseAdapter{
@Override
public int getCount() {
return list.size();
}
@Override
public Object getItem(int position) {
return list.get(position);
}
@Override
public long getItemId(int position) {
return position;
}
@Override
public View getView(int position, View convertView, ViewGroup parent) {
convertView=View.inflate(getActivity(),R.layout.item_list,null);
TextView title= (TextView) convertView.findViewById(R.id.titles);
ImageView img= (ImageView) convertView.findViewById(R.id.imgs);
title.setText(list.get(position).getTitle());
x.image().bind(img,list.get(position).getImgurl());
return convertView;
}
}
private void getDate() {
RequestParams params = new RequestParams(path);
x.http().get(params, new Callback.CacheCallback() {
@Override
public void onSuccess(String result) {
Gson gson = new Gson();
User user = gson.fromJson(result, User.class);
list.addAll(user.getList());
adaper.notifyDataSetChanged();
}
@Override
public void onError(Throwable ex, boolean isOnCallback) {
}
@Override
public void onCancelled(CancelledException cex) {
}
@Override
public void onFinished() {
}
@Override
public boolean onCache(String result) {
return false;
}
});
}
}
ViewPager
public class Viewpage extends FragmentPagerAdapter {
private List list;
public Viewpage(FragmentManager fm,List list) {
super(fm);
this.list = list;
}
@Override
public Fragment getItem(int position) {
// 把位置传过去
Bundle bundle = new Bundle();
bundle.putInt("name",position+1);
list.get(position).setArguments(bundle);
return list.get(position);
}
@Override
public int getCount() {
return list.size();
}
} 我用了Xutils3.0所以别忘了导入依赖库和网络权限
效果如图
