Andriod 自定义 RecyclerView 打造超强 Gallery效果 横向滑动 完整实例源码


       Andriod 自定义 RecyclerView 打造超强 Gallery效果 横向ListView 完整实例源码

      大家好,一个RecyclerView 横向滑动的效果是不是值得借鉴呢,下面我们来看看我做的效果:

(记得导入RecyclerView的包哦   导包步骤:  点击打开链接)





下面是需求的效果图:






     因为需要做一个天气的界面效果,所以之前没有经验的我不得不搜索资料来实现,下面我们来看看代码吧:


1.Activity

public class MainActivity extends AppCompatActivity implements RecyAdapter.OnItemClickListener {


    private String TAG="HorizontalActivity";

    private Integer[] mImgIds = {R.mipmap.weather, R.mipmap.ic_launcher, R.mipmap.weather, R.mipmap.ic_launcher, R.mipmap.weather,
            R.mipmap.weather, R.mipmap.ic_launcher_round, R.mipmap.ic_launcher, R.mipmap.weather, R.mipmap.ic_launcher_round, R.mipmap.weather};
    private List<Integer> datas;
    private RecyAdapter recyAdapter;
    private Handler mHandler=new Handler();
    private LinearLayoutManager layoutManager;

    private int oldItem=0;
    private RecyclerView recyclerview;
    private ImageView img;

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

        img = (ImageView) findViewById(R.id.img);
        recyclerview = (RecyclerView) findViewById(R.id.recyclerview);
        initData();
        initRecy();
        
        img.setImageResource(datas.get(0));
        recyAdapter.setOnItemClickListener(this);

    }

    private void initRecy() {
        recyAdapter=new RecyAdapter(this,datas);

        layoutManager = new LinearLayoutManager(this);
        layoutManager.setOrientation(LinearLayoutManager.HORIZONTAL);
        recyclerview.setLayoutManager(layoutManager);
        recyclerview.setAdapter(recyAdapter);

    }

    private void initData() {
        datas=new ArrayList<>();
        for (int i = 0; i <mImgIds.length ; i++) {
            datas.add(mImgIds[i]);
        }

    }
//    Runnable scrollRunnable=new Runnable() {
//        @Override
//        public void run() {
//            recyclerview.scrollBy(3,0);
//
      int firstItem = layoutManager.findFirstVisibleItemPosition();
//            int firstItem=layoutManager.findFirstVisibleItemPosition();
//            if(firstItem!=oldItem&&firstItem>0){
//                oldItem=firstItem;
//                img.setImageResource(datas.get(oldItem%datas.size()));
//            }
//
//            Log.e(TAG, "run: firstItem:"+firstItem );
//
//
//            mHandler.postDelayed(scrollRunnable,10);
//        }
//    };



    @Override
    public void onPointerCaptureChanged(boolean hasCapture) {

    }
    @Override
    protected void onResume() {
        super.onResume();
//        mHandler.postDelayed(scrollRunnable,10);
    }

    @Override
    protected void onStop() {
        super.onStop();
//        mHandler.removeCallbacks(scrollRunnable);
    }

    @Override
    public void onItemClick(View view, int tag) {
//        img.setImageResource(datas.get(tag));//设置图片
        Toast.makeText(this,"第"+tag+"张图片被点击了",Toast.LENGTH_SHORT).show();
    }

}

2.RecyAdapter


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

    private Context context;
    private List<Integer> datas;
    private OnItemClickListener onItemClickListener;

    public RecyAdapter(Context context, List<Integer> datas) {
        this.context = context;
        this.datas = datas;
    }

    @Override
    public ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
        View view = LayoutInflater.from(context).inflate(R.layout.item_horizontal, parent, false);
        ViewHolder vh=new ViewHolder(view);
        view.setOnClickListener(this);
        return vh;
    }


    @Override
    public void onBindViewHolder(ViewHolder holder, int position) {
        int newPos=position%datas.size();

        holder.img.setImageResource(datas.get(newPos));

        holder.itemView.setTag(position);


    }

    @Override
    public int getItemCount() {
        return datas.size();
    }//Integer.MAX_VALUE

    @Override
    public void onClick(View view) {
        if(onItemClickListener!=null){
            onItemClickListener.onItemClick(view, (Integer) view.getTag());
        }
    }


    class ViewHolder extends RecyclerView.ViewHolder {
        ImageView img;
        public ViewHolder(View itemView) {
            super(itemView);
            img=itemView.findViewById(R.id.img);
        }
    }

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

    }
    interface OnItemClickListener{
        void onItemClick(View view,int tag);
    }

}


3.activity_main.xml


<?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">
    <ImageView
        android:layout_width="300dp"
        android:layout_height="350dp"
        android:layout_gravity="center_horizontal"
        android:id="@+id/img"
        android:src="@mipmap/ic_launcher"
        android:scaleType="fitXY"
        />

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



</LinearLayout>


4.item_horizontal.xml

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

    >
    <TextView
        android:layout_width="match_parent"
        android:text="现在"
        android:layout_marginTop="20dp"
        android:gravity="center"
        android:layout_height="wrap_content" />

    <ImageView
        android:layout_width="25dp"
        android:layout_height="25dp"
        android:id="@+id/img"
        android:layout_marginTop="20dp"
        android:layout_marginLeft="5dp"
        android:layout_marginRight="5dp"
        android:scaleType="fitXY"
        />
    <TextView
        android:layout_width="match_parent"
        android:text="15º"
        android:layout_marginTop="20dp"
        android:gravity="center"
        android:layout_height="wrap_content" />


</LinearLayout>

     对,就是这么简单,你值得拥有+   上Demo:     点击下载源码       点击下载源码2

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值