Android 如何实现RecyclerView横向滑动

最新推荐文章于 2025-05-13 17:12:17 发布

原创最新推荐文章于 2025-05-13 17:12:17 发布 · 5k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#android #RecyclerView #横向滑动

Android 专栏收录该内容

13 篇文章

订阅专栏

本文介绍了在Android中如何使RecyclerView实现横向滑动，通过设置布局、适配器、ViewHolder和Activity中的配置来达成目标。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Android 如何实现RecyclerView横向滑动

代码可以分为几个模块，适配器，ViewHolder，布局，item 布局，Activity中设置横行滑动

布局如下：

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

    <!-- user list-->
    <LinearLayout
        android:layout_marginTop="7dp"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal">

        <RelativeLayout
            android:gravity="center_vertical"
            android:padding="3dp"
            android:layout_gravity="center_vertical"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:background="@drawable/circle_shape">

            <com.facebook.drawee.view.SimpleDraweeView
                android:id="@+id/user_info_touxiang"
                android:layout_width="35dp"
                android:layout_height="35dp"
                fresco:roundAsCircle="true"
                fresco:placeholderImage="@drawable/second"
                >
            </com.facebook.drawee.view.SimpleDraweeView>

            <TextView
                android:id="@+id/live_room_name_name"
                android:layout_toRightOf="@+id/user_info_touxiang"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="直播房间"
                android:textSize="8sp"
                android:layout_marginLeft="2dp"

                />

            <TextView
                android:id="@+id/live_room_people"
                android:layout_toRightOf="@+id/user_info_touxiang"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="人数"
                android:textSize="8sp"
                android:layout_below="@+id/live_room_name_name"
                android:layout_marginTop="2dp"
                android:layout_marginLeft="2dp"

                />

        </RelativeLayout>

        <android.support.v7.widget.RecyclerView
            android:id="@+id/room_recyclerView"
            android:layout_gravity="center_vertical"
           android:layout_marginLeft="15dp"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"

            >

        </android.support.v7.widget.RecyclerView>

    </LinearLayout>


</RelativeLayout>

</pre>其中每一个item的布局如下：<pre code_snippet_id="1913335" snippet_file_name="blog_20161005_3_1518249" name="code" class="java"><LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:fresco="http://schemas.android.com/apk/res-auto"
    android:orientation="vertical"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content">

    <com.facebook.drawee.view.SimpleDraweeView
        android:id="@+id/user_info_touxiang"
        android:layout_width="30dp"
        android:layout_height="30dp"
        fresco:roundAsCircle="true"
        fresco:placeholderImage="@drawable/second"

        ></com.facebook.drawee.view.SimpleDraweeView>

适配器的代码如下：

public class LiveRoomRecyclerViewAdapter extends RecyclerView.Adapter{

    public LiveRoomRecyclerViewHolder mliveRoomRecyclerViewHolder;
    public static List<UserInfoModel> mDatas;

    public  void initData(List<UserInfoModel> list){
        mDatas = list;

    }

    @Override
    public int getItemCount() {
        return mDatas.size();
    }

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

        mliveRoomRecyclerViewHolder =
                new LiveRoomRecyclerViewHolder(LayoutInflater.from(parent.getContext()).
                        inflate(R.layout.layout_liveroom_recyclerview_item,parent,false));//绑定每个item布局

        return mliveRoomRecyclerViewHolder;
    }

    @Override
    public void onBindViewHolder(RecyclerView.ViewHolder mliveRoomRecyclerViewHolder, int position) {
        LiveRoomRecyclerViewHolder  liveRoomRecyclerViewHolder = (LiveRoomRecyclerViewHolder) mliveRoomRecyclerViewHolder;
        liveRoomRecyclerViewHolder.setData(mDatas.get(position));
    }
}

ViewHolder的代码如下：


public class LiveRoomRecyclerViewHolder extends RecyclerView.ViewHolder{

    public SimpleDraweeView mNewsPicture;

    public LiveRoomRecyclerViewHolder(View layout) {
        super(layout);
        mNewsPicture = (SimpleDraweeView)layout.findViewById(R.id.user_info_touxiang);
    }

    public  void setData( UserInfoModel itemModel){
        if (itemModel == null)return;;

        //portrait 链接
        String portrait =  itemModel.portrait;//每一个item在ArrayList中的位置的liveCreator(UserInfoModel)的图片的链接
        mNewsPicture.setImageURI(ImageUrlParser.avatarRoomHeadImageUrl(portrait));
    }

Activity 中的主要代码如下：

private LiveRoomRecyclerViewAdapter mliveRoomRecyclerViewAdapter;
    private RecyclerView mRecyclerView ;

mliveRoomRecyclerViewAdapter = new LiveRoomRecyclerViewAdapter();
        mRecyclerView = (RecyclerView)findViewById(R.id.room_recyclerView);

        LinearLayoutManager linearLayoutManager = new LinearLayoutManager(this);
        linearLayoutManager.setOrientation(LinearLayoutManager.HORIZONTAL);//横向滚动的RecycleView

        mRecyclerView.setLayoutManager(linearLayoutManager);
        mliveRoomRecyclerViewAdapter.initData(mItemList);
        mRecyclerView.setAdapter(mliveRoomRecyclerViewAdapter);

最后当数据改变的时候记得加上

 mliveRoomRecyclerViewAdapter.notifyDataSetChanged();//数据改变,通知ui