Recyclerview横向的滑动与点击事件

效果图

 

1.添加Recyclerview依赖

//recyclerview依赖的添加
compile 'com.android.support:recyclerview-v7:26+'

2.xml中

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

    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="44dp"
        android:background="@drawable/title_bk">

        <ImageView
            android:id="@+id/iv_me"
            android:layout_width="23dp"
            android:layout_height="23dp"
            android:layout_marginLeft="22dp"
            android:layout_marginTop="12dp"
            android:src="@drawable/me" />

    </RelativeLayout>

    <ScrollView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:scrollbars="none">

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:orientation="vertical">

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_gravity="center_horizontal"
                android:layout_marginTop="10dp"
                android:text="产品推荐"
                android:textColor="@color/black"
                android:textSize="16sp" />

            <android.support.v7.widget.RecyclerView
                android:id="@+id/recycler_view"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_marginTop="10dp" />

            <ImageView
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:src="@drawable/home1" />

            <ImageView
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:src="@drawable/home2" />

            <ImageView
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:src="@drawable/home3" />

            <ImageView
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:src="@drawable/home4" />
        </LinearLayout>
    </ScrollView>

</LinearLayout>

3.java代码

package com.fb.hckjfb.fragment;

import android.content.Context;
import android.content.Intent;
import android.os.Bundle;
import android.support.annotation.Nullable;
import android.support.v4.app.Fragment;
import android.support.v7.widget.LinearLayoutManager;
import android.support.v7.widget.RecyclerView;
import android.support.v7.widget.StaggeredGridLayoutManager;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.AdapterView;
import android.widget.ImageView;
import android.widget.TextView;
import android.widget.Toast;

import com.fb.hckjfb.R;
import com.fb.hckjfb.activity.MainActivity;
import com.fb.hckjfb.activity.MeActivity;

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

/**
 * 首页
 */
public class MainHomeFragment extends Fragment implements View.OnClickListener {

    private RecyclerView recycler_view;
    private GalleryAdapter mAdapter;
    private List<Integer> mDatas;
    private ImageView iv_me;

    public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
        View view = inflater.inflate(R.layout.frag_main_home, container, false);
        initDatas();
        recycler_view = view.findViewById(R.id.recycler_view);
        iv_me = view.findViewById(R.id.iv_me);

        iv_me.setOnClickListener(this);
        //设置布局管理器
        StaggeredGridLayoutManager linearLayoutManager = new StaggeredGridLayoutManager(1, StaggeredGridLayoutManager.VERTICAL);//列数
        linearLayoutManager.setOrientation(LinearLayoutManager.HORIZONTAL);//布局横向
        recycler_view.setLayoutManager(linearLayoutManager);
        //设置适配器
        mAdapter = new GalleryAdapter(getActivity(), mDatas);
        //RecyclerView子项的点击事件
        mAdapter.setOnItemClickLitener(new GalleryAdapter.OnItemClickLitener() {
            @Override
            public void onItemClick(View view, int position) {
                if (position == 0) {
                    Toast.makeText(getActivity(), "1", Toast.LENGTH_SHORT).show();
                }
                if (position == 1) {
                    Toast.makeText(getActivity(), "2", Toast.LENGTH_SHORT).show();
                }
                if (position == 2) {
                    Toast.makeText(getActivity(), "3", Toast.LENGTH_SHORT).show();
                }
                if (position == 3) {
                    Toast.makeText(getActivity(), "4", Toast.LENGTH_SHORT).show();
                }
            }

            @Override
            public void onItemLongClick(View view, int position) {

            }
        });

        recycler_view.setAdapter(mAdapter);
        return view;
    }

    private void initDatas() {
        mDatas = new ArrayList<>(Arrays.asList(R.drawable.zqlc, R.drawable.wwlc, R.drawable.wllc, R.drawable.hflc));
    }

    @Override
    public void onClick(View view) {
        switch (view.getId()) {
            case R.id.iv_me:
                startActivity(new Intent(getActivity(), MeActivity.class));
                break;
            default:
                break;
        }
    }

    public static class GalleryAdapter extends RecyclerView.Adapter<GalleryAdapter.ViewHolder> {

        private LayoutInflater mInflater;
        private List<Integer> mDatas;


        //定义点击接口
        public interface OnItemClickLitener {
            void onItemClick(View view, int position);

            void onItemLongClick(View view, int position);
        }

        private OnItemClickLitener mOnItemClickLitener;

        public void setOnItemClickLitener(OnItemClickLitener mOnItemClickLitener) {
            this.mOnItemClickLitener = mOnItemClickLitener;
        }


        public GalleryAdapter(Context context, List<Integer> datats) {
            mInflater = LayoutInflater.from(context);
            mDatas = datats;
        }

        public static class ViewHolder extends RecyclerView.ViewHolder {

            public ViewHolder(View arg0) {
                super(arg0);
            }

            ImageView mImg;
            TextView mTxt;
        }

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

        /**
         * 创建ViewHolder
         */
        @Override
        public ViewHolder onCreateViewHolder(ViewGroup viewGroup, int i) {
            View view = mInflater.inflate(R.layout.item_rv, viewGroup, false);
            ViewHolder viewHolder = new ViewHolder(view);
            viewHolder.mImg = (ImageView) view.findViewById(R.id.iv_item);
            return viewHolder;

        }

        /**
         * 设置值
         */
        @Override
        public void onBindViewHolder(final ViewHolder viewHolder, final int i) {
            viewHolder.mImg.setImageResource(mDatas.get(i));

            // 如果设置了回调，则设置点击事件/长按事件
            if (mOnItemClickLitener != null) {
                viewHolder.itemView.setOnClickListener(new View.OnClickListener() {
                    @Override
                    public void onClick(View v) {
                        int pos = viewHolder.getLayoutPosition();
                        mOnItemClickLitener.onItemClick(viewHolder.itemView, pos);
                    }
                });

                viewHolder.itemView.setOnLongClickListener(new View.OnLongClickListener() {
                    @Override
                    public boolean onLongClick(View v) {
                        int pos = viewHolder.getLayoutPosition();
                        mOnItemClickLitener.onItemLongClick(viewHolder.itemView, pos);
                        return false;
                    }
                });
            }
        }
    }

}