RecyclerView高級(jí)用法

之前寫(xiě)了個(gè)RecyclerView的使用方法與如何設(shè)置點(diǎn)擊監(jiān)聽(tīng)，后來(lái)群里有個(gè)人問(wèn)我如何在點(diǎn)擊item的時(shí)候?yàn)閕tem添加圖片，并在點(diǎn)擊其他item的時(shí)候，新的item里添加圖片，之前的item里的圖片消失。聽(tīng)起來(lái)很簡(jiǎn)單，但實(shí)際。。。

網(wǎng)上找了點(diǎn)例子看了下，都不太滿意，而且寫(xiě)的比較繁瑣，還是自己動(dòng)手吧。。。

點(diǎn)擊后給item添加圖片，這個(gè)簡(jiǎn)單，但是點(diǎn)擊下一個(gè)item的時(shí)候如何讓上一個(gè)item還原呢？其實(shí)這個(gè)也還不算難，關(guān)鍵是如何解決上下滑動(dòng)的圖片混亂問(wèn)題。。。

折騰了一個(gè)上午才做好。。。下面上源碼：

主布局：左邊是個(gè)豎直方向列表，右邊是個(gè)3排的瀑布流

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="horizontal">


    <android.support.v7.widget.RecyclerView
        android:id="@+id/recyclerView"
        android:layout_width="0dp"
        android:layout_weight="1"
        android:layout_height="match_parent"
        />

    <android.support.v7.widget.RecyclerView
        android:id="@+id/recyclerView2"
        android:layout_width="0dp"
        android:layout_weight="1"
        android:layout_height="match_parent"/>

</LinearLayout>

item：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

    <TextView
        android:id="@+id/tv"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:drawableTop="@android:drawable/btn_star_big_on"
        android:text="1111111" />

    <ImageView
        android:id="@+id/p_w_picpathView"
        android:visibility="gone"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:background="@drawable/ok"/>

</LinearLayout>

MainActivity：

public class MainActivity extends AppCompatActivity {

    private RecyclerView recyclerView;
    private RecyclerView recyclerView2;
    private MyAdapter adapter;

    private String[] ibsValue = {"直播1111111111", "番劇111111111111", "動(dòng)畫(huà)1111111111111111111111111111111111111111111", "音樂(lè)", "舞蹈", "游戲", "科技",
            "娛樂(lè)111111111111111", "鬼畜111111111111111", "電影1111111111", "電視劇1111111", "游戲中心11111111111","直播1111111111", "番劇111111111111", "動(dòng)畫(huà)1111111111111111111111111111111111111111111", "音樂(lè)", "舞蹈", "游戲", "科技",
            "娛樂(lè)111111111111111", "鬼畜111111111111111", "電影1111111111", "電視劇1111111", "游戲中心11111111111","直播1111111111", "番劇111111111111", "動(dòng)畫(huà)1111111111111111111111111111111111111111111", "音樂(lè)", "舞蹈", "游戲", "科技",
            "娛樂(lè)111111111111111", "鬼畜111111111111111", "電影1111111111", "電視劇1111111", "游戲中心11111111111","直播1111111111", "番劇111111111111", "動(dòng)畫(huà)1111111111111111111111111111111111111111111", "音樂(lè)", "舞蹈", "游戲", "科技",
            "娛樂(lè)111111111111111", "鬼畜111111111111111", "電影1111111111", "電視劇1111111", "游戲中心11111111111","直播1111111111", "番劇111111111111", "動(dòng)畫(huà)1111111111111111111111111111111111111111111", "音樂(lè)", "舞蹈", "游戲", "科技",
            "娛樂(lè)111111111111111", "鬼畜111111111111111", "電影1111111111", "電視劇1111111", "游戲中心11111111111","直播1111111111", "番劇111111111111", "動(dòng)畫(huà)1111111111111111111111111111111111111111111", "音樂(lè)", "舞蹈", "游戲", "科技",
            "娛樂(lè)111111111111111", "鬼畜111111111111111", "電影1111111111", "電視劇1111111", "游戲中心11111111111","直播1111111111", "番劇111111111111", "動(dòng)畫(huà)1111111111111111111111111111111111111111111", "音樂(lè)", "舞蹈", "游戲", "科技",
            "娛樂(lè)111111111111111", "鬼畜111111111111111", "電影1111111111", "電視劇1111111", "游戲中心11111111111","直播1111111111", "番劇111111111111", "動(dòng)畫(huà)1111111111111111111111111111111111111111111", "音樂(lè)", "舞蹈", "游戲", "科技",
            "娛樂(lè)111111111111111", "鬼畜111111111111111", "電影1111111111", "電視劇1111111", "游戲中心11111111111"};

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        recyclerView = (RecyclerView) findViewById(R.id.recyclerView);
        recyclerView2= (RecyclerView) findViewById(R.id.recyclerView2);
        /**
         * 設(shè)置固定尺寸
         */
        recyclerView.setHasFixedSize(false);
        recyclerView2.setHasFixedSize(false);
        /**
         * 想用線性布局就用這個(gè)
         */
        LinearLayoutManager linearLayoutManager=new LinearLayoutManager(this);
        /**
         * 如果用線行布局的話，可以設(shè)置垂直/橫向
         */
        // linearLayoutManager.setOrientation(LinearLayoutManager.HORIZONTAL);
        /**
         * 想用網(wǎng)格布局就用這個(gè)
         */
        //GridLayoutManager gridLayoutManager=new GridLayoutManager(this,2);
        /**
         * 想用瀑布流布局就用這個(gè)
         */
        //StaggeredGridLayoutManager staggeredGridLayoutManager = new StaggeredGridLayoutManager(3, StaggeredGridLayoutManager.VERTICAL);
        StaggeredGridLayoutManager staggeredGridLayoutManager1 = new StaggeredGridLayoutManager(3, StaggeredGridLayoutManager.VERTICAL);
        /**
         * 在這里選擇排列布局（用哪個(gè)就放進(jìn)來(lái)就行了）
         */
        recyclerView.setLayoutManager(linearLayoutManager);
        recyclerView2.setLayoutManager(staggeredGridLayoutManager1);
        /**
         * 設(shè)置適配器
         */
        adapter = new MyAdapter(ibsValue);
        recyclerView.setAdapter(adapter);
        recyclerView2.setAdapter(new MyAdapter(ibsValue));

    }
}

Adapter：

public class MyAdapter extends RecyclerView.Adapter<MyAdapter.ViewHolder> implements View.OnClickListener{

    public List<ViewHolder> listViewHolder= new ArrayList<ViewHolder>();
    /**
     * 這里創(chuàng)建一個(gè)數(shù)組，準(zhǔn)備接收傳過(guò)來(lái)的數(shù)據(jù)
     */
    public String[] datas;

    /**
     * 這里調(diào)用在創(chuàng)建MyAdapter實(shí)例的時(shí)候，可以將數(shù)據(jù)傳過(guò)來(lái)
     * @param mdatas
     */
    public MyAdapter(String[] mdatas){
        datas=mdatas;
    }

    /**
     * 這里加載加載Item，并且創(chuàng)建ViewHolder對(duì)象，把加載的Item（View）傳給viewholder
     * @param parent
     * @param viewType
     * @return
     */
    @Override
    public ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
        //這里加載item
        View view=LayoutInflater.from(parent.getContext()).inflate(R.layout.item,parent,false);
        //這里創(chuàng)建ViewHolder，并把view傳過(guò)去，與viewholder綁定
        ViewHolder viewHolder=new ViewHolder(view,parent.getContext());
        //這里設(shè)置item的點(diǎn)擊監(jiān)聽(tīng)
        view.setOnClickListener(this);
        //這里設(shè)置標(biāo)簽
        view.setTag(viewHolder);
        return viewHolder;
    }

    /**
     * 這里給item中的子View綁定數(shù)據(jù)
     * @param holder
     * @param position
     */
    @Override
    public void onBindViewHolder(ViewHolder holder, int position) {
        //這里是item復(fù)用時(shí)候，讓如果下標(biāo)與上一次被點(diǎn)擊的那個(gè)item的下標(biāo)一致，就顯示，否則就隱藏，避免圖標(biāo)錯(cuò)亂
        if(position==pos){
            holder.mImageView.setVisibility(View.VISIBLE);
            //這里必須調(diào)用下這個(gè)點(diǎn)擊方法，否則會(huì)出現(xiàn)一個(gè)圖片可出現(xiàn)2個(gè)的bug
            onClick((View) holder.mImageView.getParent());
        }else{
            holder.mImageView.setVisibility(View.GONE);
        }
        //以下根據(jù)自己需要情況進(jìn)行設(shè)置
        holder.mTextView.setTextSize(10);
        holder.mTextView.setText(datas[position]);
    }

    /**
     * 這里返回item數(shù)量
     * @return
     */
    @Override
    public int getItemCount() {
        return datas.length;
    }

    //這里是初始化位置，設(shè)置-1就是說(shuō)開(kāi)始不顯示，比如想開(kāi)始顯示在position為2的位置，就設(shè)置2就行了
    int pos=-1;

    /**
     * 點(diǎn)擊監(jiān)聽(tīng)
     * @param v
     */
    @Override
    public void onClick(View v) {
        //每次點(diǎn)擊item，都先把之前被點(diǎn)擊的item進(jìn)行初始化（還原）
        for(int i=0;i<listViewHolder.size();i++){
            listViewHolder.get(i).mImageView.setVisibility(View.GONE);
        }
        //把item的標(biāo)簽取出
        ViewHolder viewHolder= (ViewHolder) v.getTag();
        //設(shè)置被點(diǎn)擊的item顯示圖標(biāo)
        viewHolder.mImageView.setVisibility(View.VISIBLE);
        //通過(guò)viewHolder獲取當(dāng)前item的下標(biāo)，并賦值給成員變量
        pos = viewHolder.getAdapterPosition();
        //清理集合
        listViewHolder.clear();
        //添加被點(diǎn)擊的item到集合，這是個(gè)標(biāo)識(shí)，為了下次點(diǎn)擊的時(shí)候清理圖標(biāo)用。
        listViewHolder.add(viewHolder);
    }


    /**
     * ViewHolder類(lèi)，注意要繼承RecyclerView.ViewHolder
     */
    public static class ViewHolder extends RecyclerView.ViewHolder {

        public TextView mTextView;
        public ImageView mImageView;
        public Context context;

        public ViewHolder(View itemView,Context context) {
            super(itemView);
            mTextView= (TextView) itemView.findViewById(R.id.tv);
            mImageView= (ImageView) itemView.findViewById(R.id.p_w_picpathView);
            this.context=context;
        }

    }

}

運(yùn)行效果：

上面寫(xiě)了注釋?zhuān)谝阎姆椒ɡ?，我覺(jué)得算非常簡(jiǎn)潔明了了。

有什么意見(jiàn)可以給我留言，互相交流，共同進(jìn)步！