Android-RecycleView的雙向列表左右聯(lián)動(dòng)效果

效果圖.png

開(kāi)篇

有一個(gè)需求,需要做一個(gè)左右雙向聯(lián)動(dòng)的列表波岛。類似于餓了么點(diǎn)餐頁(yè)面妙同,但是遠(yuǎn)沒(méi)有那么復(fù)雜射富,只是用于展示的一個(gè)頁(yè)面。只用了兩個(gè)RecycleView加適配器粥帚,沒(méi)有調(diào)用Fragment胰耗。

MainActivity

public class MainActivity extends Activity {

    private RecyclerView mRvClass;
    private RecyclerView mRvStudent;
    private ClassAdapter classAdapter;
    private StudentAdapter studentAdapter;

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

        initView();
        initAdapter();
    }


    private void initView() {
        mRvClass = findViewById(R.id.rv_class);
        mRvStudent = findViewById(R.id.rv_student);
    }

    private void initAdapter() {
        LinearLayoutManager linearLayoutManager = new LinearLayoutManager(MainActivity.this);
        mRvClass.setLayoutManager(linearLayoutManager);
        classAdapter = new ClassAdapter(MainActivity.this);
        mRvClass.setAdapter(classAdapter);
        //設(shè)置默認(rèn)的選取狀態(tài)
        mRvClass.setScrollingTouchSlop(0);

        LinearLayoutManager linearLayoutManager1 = new LinearLayoutManager(MainActivity.this);
        mRvStudent.setLayoutManager(linearLayoutManager1);
        studentAdapter = new StudentAdapter(MainActivity.this);
        mRvStudent.setAdapter(studentAdapter);

        /**
         * 左側(cè)列表的事件處理
         * */
        classAdapter.setOnItemClickListener(new ClassAdapter.OnItemClickListener() {
            @Override
            public void onItemClick(View view, int position) {
                mRvClass.setScrollingTouchSlop(position);
                studentAdapter.setData(position);
                studentAdapter.notifyDataSetChanged();
            }
        });
    }
}

activity_main

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

    <android.support.v7.widget.RecyclerView
        android:id="@+id/rv_class"
        android:layout_width="90dp"
        android:layout_height="match_parent" />

    <View
        android:layout_width="1dp"
        android:layout_height="match_parent"
        android:background="#363636" />

    <android.support.v7.widget.RecyclerView
        android:id="@+id/rv_student"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_marginLeft="2dp" />
</LinearLayout>

ClassAdapter

public class ClassAdapter extends RecyclerView.Adapter<ClassAdapter.ViewHolder> {

    private Context context;
    private OnItemClickListener mOnItemClickListener = null;
    private List<Boolean> isClicks;//控件是否被點(diǎn)擊,默認(rèn)為false,如果被點(diǎn)擊芒涡,改變值柴灯,控件根據(jù)值改變自身顏色

    public ClassAdapter(Context context) {

        this.context = context;
        isClicks = new ArrayList<>();
        for (int i = 0; i < 10; i++) {
            isClicks.add(false);
            if (i == 0) {
                isClicks.set(0, true);
            }
        }

    }

    @NonNull
    @Override
    public ViewHolder onCreateViewHolder(@NonNull ViewGroup parent, int viewType) {
        View view = LayoutInflater.from(context).inflate(R.layout.class_layout, parent, false);
        ClassAdapter.ViewHolder holder = new ClassAdapter.ViewHolder(view);

        return holder;
    }

    @Override
    public void onBindViewHolder(@NonNull final ViewHolder holder, final int position) {

        holder.itemView.setTag(holder.tv_class_name);


        if (isClicks.get(position)) {
            holder.tv_class_name.setTextColor(Color.parseColor("#ff0000"));
        } else {
            holder.tv_class_name.setTextColor(Color.parseColor("#000000"));
        }

        holder.tv_class_name.setText("年級(jí)" + position);

        // 如果設(shè)置了回調(diào)卖漫,則設(shè)置點(diǎn)擊事件
        if (mOnItemClickListener != null) {
            holder.itemView.setOnClickListener(new View.OnClickListener() {
                @Override
                public void onClick(View v) {
                    for (int i = 0; i < isClicks.size(); i++) {
                        isClicks.set(i, false);
                    }
                    isClicks.set(position, true);
                    notifyDataSetChanged();
                    mOnItemClickListener.onItemClick(holder.itemView, position);
                }
            });
        }
    }

    @Override
    public int getItemCount() {
        return 10;
    }

    public void setOnItemClickListener(OnItemClickListener onItemClickListener) {
        this.mOnItemClickListener = onItemClickListener;
    }

    public interface OnItemClickListener {

        void onItemClick(View view, int position);

    }

    public class ViewHolder extends RecyclerView.ViewHolder {

        private TextView tv_class_name;

        public ViewHolder(@NonNull View itemView) {
            super(itemView);
            tv_class_name = itemView.findViewById(R.id.tv_class_name);
        }
    }
}

StudentAdapter

public class StudentAdapter extends RecyclerView.Adapter<StudentAdapter.ViewHolder> {

    private Context context;
    private int i = 0;

    public StudentAdapter(Context context) {
        this.context = context;
    }

    @NonNull
    @Override
    public ViewHolder onCreateViewHolder(@NonNull ViewGroup parent, int viewType) {

        View view = LayoutInflater.from(context).inflate(R.layout.student_layout, parent, false);
        StudentAdapter.ViewHolder holder = new StudentAdapter.ViewHolder(view);

        return holder;
    }

    @Override
    public void onBindViewHolder(@NonNull ViewHolder holder, int position) {
        holder.tv_name.setText("學(xué)生+" + i);
    }

    @Override
    public int getItemCount() {
        return 10;
    }

    public void setData(int position) {
        this.i = position;
    }


    public class ViewHolder extends RecyclerView.ViewHolder {
        private TextView tv_name;

        public ViewHolder(@NonNull View itemView) {
            super(itemView);
            tv_name = itemView.findViewById(R.id.tv_name);
        }
    }
}

(另加 RecycleView中Item的,點(diǎn)擊改變顏色赠群,點(diǎn)擊其他項(xiàng)改變顏色羊始,上一次點(diǎn)擊的變回原來(lái)的顏色)

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市查描,隨后出現(xiàn)的幾起案子突委,更是在濱河造成了極大的恐慌,老刑警劉巖冬三,帶你破解...
    沈念sama閱讀 206,602評(píng)論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件匀油,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡勾笆,警方通過(guò)查閱死者的電腦和手機(jī)敌蚜,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,442評(píng)論 2 382
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)窝爪,“玉大人弛车,你說(shuō)我怎么就攤上這事∑衙浚” “怎么了纷跛?”我有些...
    開(kāi)封第一講書人閱讀 152,878評(píng)論 0 344
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)邀杏。 經(jīng)常有香客問(wèn)我忽舟,道長(zhǎng),這世上最難降的妖魔是什么淮阐? 我笑而不...
    開(kāi)封第一講書人閱讀 55,306評(píng)論 1 279
  • 正文 為了忘掉前任叮阅,我火速辦了婚禮,結(jié)果婚禮上泣特,老公的妹妹穿的比我還像新娘浩姥。我一直安慰自己,他們只是感情好状您,可當(dāng)我...
    茶點(diǎn)故事閱讀 64,330評(píng)論 5 373
  • 文/花漫 我一把揭開(kāi)白布勒叠。 她就那樣靜靜地躺著,像睡著了一般膏孟。 火紅的嫁衣襯著肌膚如雪眯分。 梳的紋絲不亂的頭發(fā)上,一...
    開(kāi)封第一講書人閱讀 49,071評(píng)論 1 285
  • 那天柒桑,我揣著相機(jī)與錄音弊决,去河邊找鬼。 笑死,一個(gè)胖子當(dāng)著我的面吹牛飘诗,可吹牛的內(nèi)容都是我干的与倡。 我是一名探鬼主播,決...
    沈念sama閱讀 38,382評(píng)論 3 400
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼昆稿,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼纺座!你這毒婦竟也來(lái)了?” 一聲冷哼從身側(cè)響起溉潭,我...
    開(kāi)封第一講書人閱讀 37,006評(píng)論 0 259
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤净响,失蹤者是張志新(化名)和其女友劉穎,沒(méi)想到半個(gè)月后喳瓣,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體别惦,經(jīng)...
    沈念sama閱讀 43,512評(píng)論 1 300
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 35,965評(píng)論 2 325
  • 正文 我和宋清朗相戀三年夫椭,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片氯庆。...
    茶點(diǎn)故事閱讀 38,094評(píng)論 1 333
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡蹭秋,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出堤撵,到底是詐尸還是另有隱情仁讨,我是刑警寧澤,帶...
    沈念sama閱讀 33,732評(píng)論 4 323
  • 正文 年R本政府宣布实昨,位于F島的核電站洞豁,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏荒给。R本人自食惡果不足惜丈挟,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,283評(píng)論 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望志电。 院中可真熱鬧曙咽,春花似錦、人聲如沸挑辆。這莊子的主人今日做“春日...
    開(kāi)封第一講書人閱讀 30,286評(píng)論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)鱼蝉。三九已至洒嗤,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間魁亦,已是汗流浹背渔隶。 一陣腳步聲響...
    開(kāi)封第一講書人閱讀 31,512評(píng)論 1 262
  • 我被黑心中介騙來(lái)泰國(guó)打工, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留洁奈,地道東北人派撕。 一個(gè)月前我還...
    沈念sama閱讀 45,536評(píng)論 2 354
  • 正文 我出身青樓婉弹,卻偏偏與公主長(zhǎng)得像,于是被迫代替她去往敵國(guó)和親终吼。 傳聞我的和親對(duì)象是個(gè)殘疾皇子镀赌,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 42,828評(píng)論 2 345

推薦閱讀更多精彩內(nèi)容