RecyclerView水波紋點擊效果

效果圖

這裏寫圖片描述

  • item.xml
    這裏就是主要設置background爲我們後面寫的一個selector
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
              android:orientation="vertical"
              android:background="@drawable/recycler_item_selector"
              android:layout_width="match_parent"
              android:layout_height="wrap_content">
    <TextView
        android:id="@+id/textView"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:gravity="center"
        android:textSize="40sp"
        android:text="aaaa"/>
</LinearLayout>
  • drawable-v21/recycler_item_selector.xml (v21版本以上)
<?xml version="1.0" encoding="utf-8"?>
<ripple xmlns:android="http://schemas.android.com/apk/res/android"
        android:color="@color/colorPrimary">
    <item android:drawable="@color/write"/>
</ripple>
  • drawable/recycler_item_selector.xml (v21版本以下的沒有水波紋效果)
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:drawable="@color/colorPrimary" android:state_pressed="true"/>
    <item android:drawable="@color/colorPrimary" android:state_focused="true"/>
    <item android:drawable="@color/write"/>
</selector>
  • 接下來是MyAdapter
public class MyAdapter extends RecyclerView.Adapter<MyAdapter.ViewHolder> {


    private OnRvItemClick mOnRvItemClick;
    private Context mContext;
    String[] strings;

    public MyAdapter(Context ctx, String[] strings, OnRvItemClick onRvItemClick) {
        mContext = ctx;
        this.mOnRvItemClick = onRvItemClick;
        this.strings = strings;
    }

    @Override
    public ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
        View view = LayoutInflater.from(mContext).inflate(R.layout.item, parent, false);
        return new ViewHolder(view);
    }

    @Override
    public void onBindViewHolder(ViewHolder holder, int position) {
        holder.setData(position);
    }

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


    public class ViewHolder extends RecyclerView.ViewHolder implements View.OnClickListener {
        @BindView(R.id.textView)
        TextView textView;

        public ViewHolder(View itemView) {
            super(itemView);
            ButterKnife.bind(this,itemView);
            itemView.setOnClickListener(this);
        }

        public void setData(int position) {

            textView.setText("position" + position);
        }

        @Override
        public void onClick(View view) {
            if (mOnRvItemClick != null)
                mOnRvItemClick.onItemClick(view, getAdapterPosition());
        }

    }


    /**
     * item點擊接口
     */
    public interface OnRvItemClick {
        void onItemClick(View v, int position);
    }
}
  • MainActivity
public class MainActivity extends AppCompatActivity {

    @BindView(R.id.RecyclerView)
    RecyclerView mRecyclerView;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        ButterKnife.bind(this);
        MyAdapter myAdapter = new MyAdapter(this, null, new MyAdapter.OnRvItemClick() {
            @Override
            public void onItemClick(View v, int position) {
                Toast.makeText(getApplicationContext(), "click" + position, Toast.LENGTH_SHORT)
                        .show();
            }
        });
        mRecyclerView.setLayoutManager(new LinearLayoutManager(this,LinearLayoutManager.VERTICAL,false));

        mRecyclerView.setAdapter(myAdapter);
    }
}

github https://github.com/REIGE/RecyclerViewDemo

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章