1. 程式人生 > >Android Studio [RecyclerView/瀑布流顯示]

Android Studio [RecyclerView/瀑布流顯示]

interface pos scaletype super oid appcompat adapt 分享 near

PuRecyclerViewActivity.java

package com.xdw.a122.recyclerview;

import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.support.v7.widget.RecyclerView;
import android.support.v7.widget.StaggeredGridLayoutManager;
import android.widget.Toast;

import com.xdw.a122.R;

public class PuRecyclerViewActivity extends AppCompatActivity { private RecyclerView mRvPu; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_pu_recycler_view); mRvPu=findViewById(R.id.rv_pu); mRvPu.setLayoutManager(
new StaggeredGridLayoutManager(2,StaggeredGridLayoutManager.VERTICAL)); //水平每行兩列 mRvPu.setAdapter(new StaggeredGridAdapter(PuRecyclerViewActivity.this, new StaggeredGridAdapter.OnItemClickListener() { //接口 @Override public void onClick(int pos) { //監聽器 Toast.makeText(PuRecyclerViewActivity.this
,"Click"+pos,Toast.LENGTH_SHORT).show(); } })); } }

StaggeredGridAdapter.java

package com.xdw.a122.recyclerview;

import android.content.Context;
import android.support.annotation.NonNull;
import android.support.v7.widget.RecyclerView;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ImageView;
import android.widget.TextView;

import com.xdw.a122.R;

public class StaggeredGridAdapter extends RecyclerView.Adapter<StaggeredGridAdapter.LinearViewHolder> {
    private Context mContext;
    private OnItemClickListener mlistener;  //分配空間
    //private List<String> list;
    public StaggeredGridAdapter(Context context, OnItemClickListener listener){
        this.mContext=context;             //內容
        this.mlistener=listener;          //傳輸位置
    }
    @NonNull
    @Override
    public StaggeredGridAdapter.LinearViewHolder onCreateViewHolder(@NonNull ViewGroup viewGroup, int i) {
        return new LinearViewHolder(LayoutInflater.from(mContext).inflate(R.layout.layout_staggered_grid_recyclerview_item,viewGroup,false));
    }

    @Override
    public void onBindViewHolder(@NonNull StaggeredGridAdapter.LinearViewHolder viewHolder, final int i) {
        if(i % 2 !=0){
            viewHolder.imageView.setImageResource(R.drawable.back_2);  //位置為奇數
        }
        else{
            viewHolder.imageView.setImageResource(R.drawable.back_3); //內容
        }

        viewHolder.itemView.setOnClickListener(new View.OnClickListener() {  //監聽器按鍵
            @Override
            public void onClick(View v) {
                mlistener.onClick(i);       //監聽器
            }
        });
    }

    @Override
    public int getItemCount() {
        return 80;
    }
    class LinearViewHolder extends RecyclerView.ViewHolder{

        public ImageView imageView;
        public LinearViewHolder(@NonNull View itemView) {
            super(itemView);
            imageView=itemView.findViewById(R.id.iv);
        }
    }
    public interface OnItemClickListener{  //字節型監聽器
        void onClick(int pos);

    }
}

activity_pu_recycler_view.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"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".recyclerview.PuRecyclerViewActivity">
<android.support.v7.widget.RecyclerView
    android:id="@+id/rv_pu"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="@color/black"></android.support.v7.widget.RecyclerView>
</LinearLayout>

activity_staggered_grid_recyclerview_item.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:background="@color/white"
    >
    <ImageView
        android:id="@+id/iv"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:scaleType="centerCrop"/>
</LinearLayout>

結果:

技術分享圖片

Android Studio [RecyclerView/瀑布流顯示]