仿今日头条的频道管理

仿今日头条的频道管理

这里集成了第三方的库：

  
1. 在app的gradle里面dependencies下配置

       compile 'com.github.andyoom:draggrid:v1.0.1'

   2.在项目的build.gradle中的allprojects下添加

        maven {url "https://jitpack.io"}

   3.权限

    <!-- 在SDCard中创建与删除文件权限 -->

    <uses-permission android:name="android.permission.MOUNT_UNMOUNT_FILESYSTEMS" />

    <!-- 往SDCard写入数据权限 -->

    <uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" />

    <!-- 震动权限 -->

    <uses-permission android:name="android.permission.VIBRATE"/>

    4.在功能清单中配置ChannelActivity     

<activity android:name="com.andy.library.ChannelActivity"></activity>

   配置完成，之后再代码中调用依赖库的方法：

ChannelActivity.startChannelActivity("上下文",集合);

  调用这个方法就可以跳到频道管理页面，依赖库中还实现了：我的频道中可以长按拖动变位置，点击删除到更多频道，更多频道中点击添加到我的频道中，等功能。

然后通过onActivityResult()方法拿到频道管理中的数据，具体的请求码，结果码，打开相应的依赖库文件，ChannelActivity中有定义。

效果图如下：

    

接下来做一个简单的项目，来使用一下这个频道管理功能

将要完成的页面布局：



这个页面中，标题是一个TabLayout,Tablayout最右边的下箭头可以点击，跳转到频道管理界面，正文部分是Viewpager,实现TabLayout标题和Viewpager中的Fragment一一关联，频道管理中的我的频道内容会展示到Tablayout中，做到频道管理和tablayout关联，Viepager内容也随着变化

使用TabLayout要添加依赖：com.android.support:design (com.android.support:design:26.0.0-alpha1)

MainActivity类

你会看到我下面的代码中集合用到到的泛型是ChannelBean，这是频道管理依赖库中已经写好的类，配置好，直接用就可以

创建数据库保存频道管理中的内容，第一次数据没有内容，会默认添加数据，当数据库中有内容就会使用数据库中存储的内容

public class MainActivity extends AppCompatActivity implements View.OnClickListener {

private String[] tabTitles={"推荐","热点","杭州","时尚","科技","体育","娱乐","军事","财经","汽车","房产","社会","情感","女人","旅游","健康","美女","游戏","数码"};
private List<ChannelBean> allList;
private List<ChannelBean> userList;
private ViewPager viewpager;
private MyViewpageAdapter myViewpageAdapter;
private SQLiteDao dao;

@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
TabLayout tabLayout = (TabLayout) findViewById(R.id.tablayout);
ImageView loadMorePindao = (ImageView) findViewById(R.id.loadMorePindao);
TextView showTv = (TextView) findViewById(R.id.showTv);
viewpager = (ViewPager) findViewById(R.id.viewpager);
initData();
//tablayout和viewpager关联起来
 tabLayout.setupWithViewPager(viewpager);
showTv.setOnClickListener(this);
loadMorePindao.setOnClickListener(this);
}
private void initData(){
dao = new SQLiteDao(this);
allList=new ArrayList<>();
userList=new ArrayList<>();
ArrayList<ChannelBean> allpindao = dao.findPindao();
if (allpindao==null||allpindao.size()<1){
ChannelBean channelBean;
for (int i=0;i<19;i++){
if (i<8){
channelBean= new ChannelBean(tabTitles[i], true);
userList.add(channelBean);
}else{
channelBean=new ChannelBean(tabTitles[i],false);
}
allList.add(channelBean);
}
dao.addPindao(allpindao);
}else{
allList.addAll(allpindao);
ArrayList<ChannelBean> userPindao = dao.findUserPindao();
userList.addAll(userPindao);

}
myViewpageAdapter = new MyViewpageAdapter(getSupportFragmentManager(),userList);
viewpager.setAdapter(myViewpageAdapter);
}
@Override
public void onClick(View v) {
switch (v.getId()){
case R.id.showTv:
CityListActivity.startCityActivityForResult(this);
break;
case R.id.loadMorePindao:
ChannelActivity.startChannelActivity(this,allList);
break;
}
}

@Override
protected void onActivityResult(int requestCode, int resultCode, Intent data) {
super.onActivityResult(requestCode, resultCode, data);
if (requestCode==ChannelActivity.REQUEST_CODE&&resultCode==ChannelActivity.RESULT_CODE){
String stringExtra = data.getStringExtra(ChannelActivity.RESULT_JSON_KEY);
Gson gson = new Gson();
List<ChannelBean> list= gson.fromJson(stringExtra, new TypeToken<List<ChannelBean>>() {
}.getType());
allList.clear();
userList.clear();
allList.addAll(list);
for (ChannelBean lists:list) {
if (lists.isSelect()){
userList.add(lists);
}
}
myViewpageAdapter.notifyDataSetChanged();
dao.deletePindao();
dao.addPindao(allList);

//可能会在添加频道，删除频道，频道位置变化是，tablayout标题内容，与framgnet显示的内容不相符了，这时候就要得到
fragment管理者，将fragment都移除掉，在重新添加
FragmentManager supportFragmentManager = getSupportFragmentManager();
       List<Fragment> fragments = supportFragmentManager.getFragments();
       FragmentTransaction fragmentTransaction = supportFragmentManager.beginTransaction();
       for (Fragment fragment:fragments) {
         fragmentTransaction.remove(fragment);
        }
       fragmentTransaction.commitAllowingStateLoss();
        recreate();

 }
}
}

数据库类     

public class SQLite extends SQLiteOpenHelper {
public SQLite(Context context) {
super(context,"pindao.db", null, 1);
}

@Override
public void onCreate(SQLiteDatabase db) {
db.execSQL("create table pindao(name varchar(20),selected integer)");
}

@Override
public void onUpgrade(SQLiteDatabase db, int oldVersion, int newVersion) {

}
}

数据库具体操作类

public class SQLiteDao {

private final SQLiteDatabase db;

public SQLiteDao(Context context){
SQLite sqLite = new SQLite(context);
db = sqLite.getWritableDatabase();
}
public void addPindao(List<ChannelBean> channelBeanList){
for (ChannelBean channelBean:channelBeanList) {
ContentValues values = new ContentValues();
values.put("name",channelBean.getName());
values.put("selected",channelBean.isSelect());
db.insert("pindao",null,values);
}
}
public ArrayList<ChannelBean> findPindao(){
Cursor cursor = db.query("pindao", null, null, null, null, null, null);
ArrayList<ChannelBean> list = new ArrayList<>();
while (cursor.moveToNext()){
String name = cursor.getString(cursor.getColumnIndex("name"));
int selected = cursor.getInt(cursor.getColumnIndex("selected"));
ChannelBean channelBean = new ChannelBean(name,selected==0?false:true);
list.add(channelBean);
}
return list;
}
public ArrayList<ChannelBean> findUserPindao(){
Cursor cursor = db.query("pindao", null,"selected=?",new String[]{"1"}, null, null, null);
ArrayList<ChannelBean> channelBeens = new ArrayList<>();
while (cursor.moveToNext()){
String name = cursor.getString(cursor.getColumnIndex("name"));
int selected = cursor.getInt(cursor.getColumnIndex("selected"));
ChannelBean channelBean = new ChannelBean(name, selected == 0 ? false : true);
channelBeens.add(channelBean);
}
return channelBeens;
}
public void deletePindao(){
db.delete("pindao",null,null);
}

Adapter类

public class MyViewpageAdapter extends FragmentPagerAdapter {
private List<ChannelBean> tabTitles;
public MyViewpageAdapter(FragmentManager fm, List<ChannelBean> tabTitles) {
super(fm);
this.tabTitles=tabTitles;
}

@Override
public Fragment getItem(int position) {
MyFragment myFragment = new MyFragment();
Bundle bundle = new Bundle();
bundle.putString("text",tabTitles.get(position).getName());
myFragment.setArguments(bundle);
return myFragment;
}

@Override
public int getCount() {
return tabTitles.size();
}

@Override
public CharSequence getPageTitle(int position) {
return tabTitles.get(position).getName();
}
}

Fragment类

public class MyFragment extends Fragment {

private View view;
private ListView lv;

@Nullable
@Override
public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
view = inflater.inflate(R.layout.myfragment, container, false);
return view;
}

//使用的xutils3
@Override
public void onActivityCreated(@Nullable Bundle savedInstanceState) {
super.onActivityCreated(savedInstanceState);
lv = (ListView) view.findViewById(R.id.lv);
String url="http://api.kkmh.com/v1/daily/comic_lists/0";
RequestParams requestParams = new RequestParams(url);
requestParams.addQueryStringParameter("since","0");
requestParams.addQueryStringParameter("gender","0");
x.http().get(requestParams, new Callback.CommonCallback<String>() {
@Override
public void onSuccess(String result) {
Gson gson = new Gson();
Data data = gson.fromJson(result, Data.class);
List<Data.DataBean.ComicsBean> comics = data.getData().getComics();
MyAdapter adapter = new MyAdapter(comics);
lv.setAdapter(adapter);
}

@Override
public void onError(Throwable ex, boolean isOnCallback) {

}

@Override
public void onCancelled(CancelledException cex) {

}

@Override
public void onFinished() {

}
});

}
class MyAdapter extends BaseAdapter{

private List<Data.DataBean.ComicsBean> comics;
public MyAdapter(List<Data.DataBean.ComicsBean> comics) {
this.comics=comics;
}

@Override
public int getCount() {
return comics.size();
}

@Override
public Object getItem(int position) {
return comics.get(position);
}

@Override
public long getItemId(int position) {
return position;
}

@Override
public int getViewTypeCount() {
return 2;
}

@Override
public int getItemViewType(int position) {
if (position%2==0){
return 0;
}else{
return 1;
}
}

@Override
public View getView(int position, View convertView, ViewGroup parent) {
int type = getItemViewType(position);
ViewHolder holder=null;
ViewHolder2 holder2=null;
switch (type){
case 0:
if (convertView==null){
convertView=convertView.inflate(getActivity(),R.layout.listview_item1,null);
holder=new ViewHolder();
holder.textView= (TextView) convertView.findViewById(R.id.showText1);
holder.image= (ImageView) convertView.findViewById(R.id.showImage1);
convertView.setTag(holder);
}else{
holder= (ViewHolder) convertView.getTag();
}
break;
case 1:
if (convertView==null){
convertView=convertView.inflate(getActivity(),R.layout.listview_item2,null);
holder2=new ViewHolder2();
holder2.textView= (TextView) convertView.findViewById(R.id.showText2);
holder2.image= (ImageView) convertView.findViewById(R.id.showImage2);
convertView.setTag(holder2);
}else{
holder2= (ViewHolder2) convertView.getTag();
}
break;
}
switch (type){
case 0:
holder.textView.setText(comics.get(position).getTitle());
getImage(comics.get(position).getCover_image_url(),holder.image);
break;
case 1:
holder2.textView.setText(comics.get(position).getTitle());
getImage(comics.get(position).getCover_image_url(),holder2.image);
break;
}
return convertView;
}
}
class ViewHolder{
private TextView textView;
private ImageView image;
}
class ViewHolder2{
private TextView textView;
private ImageView image;
}
private void getImage(String path,ImageView imageView){
DisplayImageOptions options=new DisplayImageOptions.Builder()
.cacheInMemory(true)
.cacheOnDisk(true)
.build();
ImageLoader.getInstance().displayImage(path,imageView,options);
}
}