1. 程式人生 > >RecycleView頻道管理

RecycleView頻道管理

1.MainActivity頁面

package com.example.recycleview01.ui.activity;

import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.support.v7.widget.GridLayoutManager;
import android.support.v7.widget.RecyclerView;
import android.view.Menu;
import android.view.MenuItem;
import android.view.View;
import android.widget.Toast;

import com.example.recycleview01.Bean.ChannelBean;
import com.example.recycleview01.R;
import com.example.recycleview01.ui.adaper.RecycleAdaper;

import java.util.ArrayList;
import java.util.List;

public class MainActivity extends AppCompatActivity {

    private RecyclerView recyclerView;
    private RecycleAdaper adaper;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        //獲取資源id
        recyclerView = findViewById(R.id.recyele);
        //優化
        recyclerView.setHasFixedSize(true);
        //建立介面卡
        adaper = new RecycleAdaper(this);
        //佈局管理器
        GridLayoutManager layoutManager = new GridLayoutManager(this,4);
        //item如何款列顯示
        layoutManager.setSpanSizeLookup(new GridLayoutManager.SpanSizeLookup() {
            @Override
            public int getSpanSize(int i) {
                //是標題就要跨4列
                return adaper.isTitle(i)?4:1;
            }
        });
        //將頻道管理器設定給recycleview
        recyclerView.setLayoutManager(layoutManager);
        adaper.setOnItemCllickListener(new RecycleAdaper.OnItemCllickListener() {
            @Override
            public void onItemClick(View itemView, int position) {
                if(position<0){
                    return;
                }
                /*if (!isEditMode && adaper.isSelectChannel(position)) {
                    Toast.makeText(MainActivity.this, "選中了條目, 返回: " + position, Toast.LENGTH_SHORT).show();
                    return;
                }*/
            //移除
                ChannelBean removeBean = adaper.removeItem(position);
                removeBean.setSelect(!removeBean.isSelect());
                //新增
                adaper.addItem(removeBean);
            }
        });
        //設定介面卡
        recyclerView.setAdapter(adaper);
        initData();
    }

    private void initData() {
        //我的頻道資料
        List<ChannelBean> selectDatas = new ArrayList<>();
        selectDatas.add(new ChannelBean("關注",true,false));
        selectDatas.add(new ChannelBean("推薦",true,false));
        selectDatas.add(new ChannelBean("科技",true,false));
        selectDatas.add(new ChannelBean("美食",true,false));
        selectDatas.add(new ChannelBean("養生",true,false));
        selectDatas.add(new ChannelBean("電影",true,false));
        selectDatas.add(new ChannelBean("生活",true,false));
        selectDatas.add(new ChannelBean("搞笑",true,false));
        selectDatas.add(new ChannelBean("懂車帝",true,false));
        selectDatas.add(new ChannelBean("軍事",true,false));
        selectDatas.add(new ChannelBean("黨媒推薦",true,false));
        selectDatas.add(new ChannelBean("歷史",true,false));
        selectDatas.add(new ChannelBean("體育",true,false));

        //頻道推薦資料
        List<ChannelBean> normalDatas = new ArrayList<>();
        normalDatas.add(new ChannelBean("寵物",false,false));
        normalDatas.add(new ChannelBean("娛樂",false,false));
        normalDatas.add(new ChannelBean("財經",false,false));
        normalDatas.add(new ChannelBean("直播",false,false));
        normalDatas.add(new ChannelBean("特賣",false,false));
        normalDatas.add(new ChannelBean("房產",false,false));
        normalDatas.add(new ChannelBean("精品課",false,false));
        normalDatas.add(new ChannelBean("小說",false,false));
        normalDatas.add(new ChannelBean("時尚",false,false));
        normalDatas.add(new ChannelBean("音訊",false,false));
        normalDatas.add(new ChannelBean("育兒",false,false));
        normalDatas.add(new ChannelBean("數碼",false,false));
        normalDatas.add(new ChannelBean("健康",false,false));
        adaper.setChannelDatas(selectDatas,normalDatas);
    }
    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        getMenuInflater().inflate(R.menu.menu, menu);
        return true;
    }

    private boolean isEditMode = false;

    @Override
    public boolean onOptionsItemSelected(MenuItem item) {
        if (item.getItemId() == R.id.e_action) {
            isEditMode = !isEditMode;
            item.setTitle(isEditMode ? "完成" : "編輯");
            return true;
        }
        return super.onOptionsItemSelected(item);
    }
}

2.介面卡頁面

package com.example.recycleview01.ui.adaper;

import android.content.Context;
import android.support.annotation.NonNull;
import android.support.v7.widget.RecyclerView;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.TextView;

import com.example.recycleview01.Bean.ChannelBean;
import com.example.recycleview01.R;

import java.util.ArrayList;
import java.util.List;

public class RecycleAdaper extends RecyclerView.Adapter<RecycleAdaper.ViewHolder> {
    private List<ChannelBean> selectChannel;
    private List<ChannelBean> normalChannel;
    private Context mContext;

    public RecycleAdaper(Context mContext) {
        this.mContext = mContext;
        //初始化
        selectChannel = new ArrayList<>();
        normalChannel = new ArrayList<>();
    }
    public ChannelBean getItem(int position){
            if(isTitle(position)){
                return null;
            }
            //第一個選中頻道列表的資料
        if(isSelectChannel(position)){
                return selectChannel.get(position-1);
        }
        //第二個未選中頻道列表的資料
        return normalChannel.get(position-selectChannel.size()-2);
    }
    //判斷當前item是否是標題
    public boolean isTitle(int position){
        return isSelectTitle(position)||isNorlamTitle(position);
    }
    //是否是選中的頻道標題
    public boolean isSelectTitle(int position){
        return position == 0;
    }
    //是否是普通的頻道標題
    public boolean isNorlamTitle(int position){
        return position == selectChannel.size()+1;
    }
    //當前position是否是選中的頻道item
    public boolean isSelectChannel(int position){
        return position<=selectChannel.size();
    }
    public void setChannelDatas(List<ChannelBean> selectChannel,List<ChannelBean> normalChannel){
        this.selectChannel = selectChannel;
        this.normalChannel = normalChannel;
        notifyDataSetChanged();
    }

    @Override
    public int getItemViewType(int position) {
        if(isTitle(position)){
            return R.layout.item_channel_title;
        }
        if(isSelectChannel(position)){
            return R.layout.item_channel_select;
        }
        return R.layout.item_channel_normal;
    }
    public ChannelBean removeItem(int position){
        ChannelBean channelBean = null;
        if(isSelectChannel(position)){
            channelBean = selectChannel.remove(position-1);
        }else{
            channelBean = normalChannel.remove(position-selectChannel.size()-2);
        }
        //////////////////////////////
        notifyItemRemoved(position);
        return channelBean;
    }
    public void addItem(ChannelBean item){
        if(item.isSelect()){
            //新增到選中頻道的尾部
            selectChannel.add(item);
            notifyItemInserted(selectChannel.size());
        }else{
            //新增到未選中頻道的頭部
            normalChannel.add(0,item);
            notifyItemInserted(selectChannel.size()+2);
        }
    }
    @NonNull
    @Override
    public ViewHolder onCreateViewHolder(@NonNull ViewGroup viewGroup, int i) {
        if(i== R.layout.item_channel_title){
            return new ViewHolder(LayoutInflater.from(mContext).inflate(i,viewGroup,false));
        }else{
            return new ViewHolder(LayoutInflater.from(mContext).inflate(i,viewGroup,false),listener);
        }
    }

    @Override
    public void onBindViewHolder(@NonNull ViewHolder viewHolder, int i) {
        if(isSelectTitle(i)){
            //我的頻道
            viewHolder.text.setText("我的頻道");
            return;
        }
        if(isNorlamTitle(i)){
            //頻道推薦
            viewHolder.text.setText("頻道推薦");
            return;
        }
        viewHolder.text.setText(getItem(i).getName());
    }

    @Override
    public int getItemCount() {
        return selectChannel.size()+normalChannel.size()+2;
    }
    private OnItemCllickListener listener;

    public RecycleAdaper setOnItemCllickListener(OnItemCllickListener listener){
            this.listener = listener;
            return this;
    }
    //定義介面
    public interface OnItemCllickListener{
        void onItemClick(View itemView,int position);
    }
    class ViewHolder extends RecyclerView.ViewHolder{
            TextView text;
            public ViewHolder(View itemView){
                super(itemView);
                text = itemView.findViewById(R.id.text);
            }
        public ViewHolder(@NonNull View itemView, final OnItemCllickListener listener) {
            this(itemView);
            itemView.setOnClickListener(new View.OnClickListener() {
                @Override
                public void onClick(View v) {
                    if(listener==null){
                        return;
                    }
                    listener.onItemClick(ViewHolder.this.itemView,getAdapterPosition());
                }
            });

        }
    }
}

3.主頁面佈局

<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.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=".ui.activity.MainActivity">

    <android.support.v7.widget.RecyclerView
        android:id="@+id/recyele"
        android:layout_width="0dp"
        android:layout_height="0dp"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

</android.support.constraint.ConstraintLayout>

4.標題的本佈局

<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content">
    <TextView
        android:id="@+id/text"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="標題"
        android:paddingRight="16dp"
        android:paddingLeft="16dp"
        android:paddingTop="8dp"
        android:paddingBottom="8dp"
        />
</android.support.constraint.ConstraintLayout>

5.選中的頻道的佈局

在這裡插入程式碼片<?xml version="1.0" encoding="utf-8"?>
<FrameLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:paddingBottom="5dp"
    android:paddingTop="5dp"
    android:paddingLeft="5dp"
    android:paddingRight="5dp"
    >
    <TextView
        android:id="@+id/text"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
       android:gravity="center_horizontal"
        android:padding="10dp"
        android:text="頻道名稱"
        android:background="@drawable/shape_text"
        />
</FrameLayout>

6.未選中的頻道佈局

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:paddingBottom="5dp"
    android:paddingTop="5dp"
    android:paddingLeft="5dp"
    android:paddingRight="5dp"
    >
<TextView
    android:id="@+id/text"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:text="頻道名稱"
    android:padding="10dp"
    android:gravity="center_horizontal"
    android:background="@drawable/shape_text"
    />
</FrameLayout>

7.方框用shape做

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle"
    >
<size
    android:width="50dp"
    android:height="20dp"
    />
    <stroke
        android:color="#ccc"
        android:width="1dp"
        />
</shape>

8.頭部編輯和完成切換

<?xml version="1.0" encoding="utf-8"?>
<menu xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto">
    <item android:id="@+id/e_action" android:title="編輯" app:showAsAction="always"/>
</menu>

9.bean類

package com.example.recycleview01.Bean;

public class ChannelBean {
    //名稱
    private String name;
    //是否選擇的頻道
    private boolean isSelect;
    //是否當前頻道
    private boolean isCurrent;
    //是否固定不能更改的
    private boolean isFixted;

    public ChannelBean(String name, boolean isSelect, boolean isCurrent) {
        this.name = name;
        this.isSelect = isSelect;
        this.isCurrent = isCurrent;
    }

    public String getName() {
        return !isSelect?"+"+name:name;
    }

    public void setName(String name) {
        this.name = name;
    }

    public boolean isSelect() {
        return isSelect;
    }

    public void setSelect(boolean select) {
        isSelect = select;
    }

    public boolean isCurrent() {
        return isCurrent;
    }

    public void setCurrent(boolean current) {
        isCurrent = current;
    }

    public boolean isFixted() {
        return isFixted;
    }

    public void setFixted(boolean fixted) {
        isFixted = fixted;
    }
}

在這裡插入圖片描述