欧美极品高清xxxxhd,国产日产欧美最新,无码AV国产东京热AV无码,国产精品人与动性XXX,国产传媒亚洲综合一区二区,四库影院永久国产精品,毛片免费免费高清视频,福利所导航夜趣136

 找回密碼
 立即注冊

QQ登錄

只需一步,快速開始

搜索
查看: 2955|回復: 0
收起左側

商城開發筆記-04-RecycleView的基本使用

[復制鏈接]
ID:109770 發表于 2016-3-22 17:18 | 顯示全部樓層 |閱讀模式
一、RecycleView的簡介


       RecyclerView是一種新的視圖組,目標是為任何基于適配器的視圖提供相
似的渲染方式。該控件用于在有限的窗口中展示大量數據集,它被作為ListViewGridView控件的繼承者。
       那么有了ListViewGridView為什么還需要RecyclerView這樣的控件呢?整體上看RecyclerView架構,提供了一種插拔式的體驗,高度的解耦,異常的靈活,通過設置它提供的不同LayoutManagerItemDecoration, ItemAnimator實現令人瞠目的效果。

  • 你想要控制其顯示的方式,請通過布局管理器LayoutManager
  • 你想要控制Item間的間隔(可繪制),請通過ItemDecoration
  • 你想要控制Item增刪的動畫,請通過ItemAnimator
  • 你想要控制點擊、長按事件,請自己寫(擦,這點尼瑪。)


二、RecycleView的基本使用
1、在Gradle中引入RecycleView的依賴庫。
compile 'com.android.support:recyclerview-v7:23.1.1'
2、在布局文件當中放置我們的RecycleView
<?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.support.v7.widget.RecyclerView
        android:id="@+id/recycle"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"/>
</LinearLayout>
3、創建適配器類繼承RecycleViewAdapter,步驟為:

  • 繼承RecyclerView.Adapter,并且在Adapter里面聲明ViewHolder類繼承RecyclerView.ViewHolder,最后把自己的ViewHolder類丟進自己的Adapter類的泛型中去。
  • 在自定義ViewHolder類的構造方法中可以通過ID找到布局的控件,控件需要聲明為自定義ViewHolder類的成員變量。
  • 實現RecyclerView.Adapter的所有未實現的函數,onCreateViewHolder主要負責加載布局(加載的時候注意要把父布局寫到參數里去),創建自定義ViewHolder類的對象;onBindViewHolder主要負責把數據設置到Item的控件中;getItemCount主要負責得到數據的數目。
  • 最好把數據聲明為成員變量,在構造函數里面傳進來。
  • 由于RecycleView原生不支持點擊事件,需要自己添加接口進行回調。
代碼如下:
public class MyAdapter extends RecyclerView.Adapter<MyAdapter.MyViewHolder> {
    List<String> mDatas = null;
    Context mContext = null;
    //通過構造函數把要顯示的數據讀取進來
    public MyAdapter(List<String> mDatas, Context context) {
        this.mDatas = mDatas;
        this.mContext = context;
    }
    //相當于ListView中的getView()方法
    @Override
    public MyViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
//      View v = View.inflate(mContext,R.layout.item, null);
        LayoutInflater inflater = LayoutInflater.from(mContext);
        //加載布局的時候需要注意要把parent傳進去
        View v = inflater.inflate(R.layout.layout_item, parent, false);
        MyViewHolder holder = new MyViewHolder(v);
        return holder;
    }
    //在這里需要設置顯示的數據
    @Override
    public void onBindViewHolder(MyViewHolder holder, int position) {
        holder.tv_num.setText(mDatas.get(position));
    }
    @Override
    public int getItemCount() {
        return mDatas.size();
    }
    //自定義ViewHolder必須繼承RecyclerView.ViewHolder,在構造函數中進行ID綁定控件,條目監聽等
    class MyViewHolder extendsRecyclerView.ViewHolder {
        TextView tv_num;
        public MyViewHolder(final View itemView) {
            super(itemView);
            tv_num = (TextView) itemView.findViewById(R.id.tv_num);
            tv_num.setOnClickListener(new View.OnClickListener() {
                @Override
                public void onClick(View v) {
                    if (onItemClickListener != null) {
                        onItemClickListener.onItemClick(itemView, getLayoutPosition(), mDatas.get(getLayoutPosition()));
                    }
                }
            });
        }
    }
    //自定義監聽
    private OnItemClickListener onItemClickListener;
    public void setOnItemClickListener(OnItemClickListener listener) {
        this.onItemClickListener = listener;
    }
    public interface OnItemClickListener {
        void onItemClick(View v, int position, String data);
    }
    public void addData(int position, String data) {
        mDatas.add(position, data);
        notifyItemInserted(position);
    }
    public void removeData(int position) {
        mDatas.remove(position);
        notifyItemRemoved(position);
    }
}

4、下面是MainActivity中需要進行的處理。核心的步驟(某些步驟可不分先后)如下:

  • 通過ID找到RecyclerView
  • RecyclerView設置Adapter
  • RecyclerView設置布局管理器,常用的布局管理器有LinearLayoutManager:線性布局,LayoutManager的實現類,類型包括VerticalHorizontalGridLayoutManager;格子布局,繼承自LinearLayoutManager,實現效果類似GridViewStaggeredGridLayoutManager交錯的格子布局,同樣也是LayoutManager的實現類,類型包括VerticalHorizontal,與GridLayoutManager很相似,不過是交錯的格子,也就是寬高不等的格子視圖,類似瀑布流的效果。
  • RecyclerView設置數據插入、刪除的時候的動畫效果,這里使用默認的。下面的網址是GitHub上面的開源動畫效果:https://github.com/gabrielemariotti/RecyclerViewItemAnimators
  • RecyclerView設置Item之間的裝飾器,這里也是使用GitHub提供的裝飾器,代碼會在附件中給出。
代碼如下:
public class MainActivity extendsAppCompatActivity {
    List<String> datas = null;
    private RecyclerView recyclerView;
    private MyAdapter myAdapter;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        initData();
        recyclerView = (RecyclerView) findViewById(R.id.recycle);
        //設置RecycleView的適配器
        myAdapter = new MyAdapter(datas, this);
        recyclerView.setAdapter(myAdapter);
        //設置布局管理器,以渲染出不同的效果
        recyclerView.setLayoutManager(new LinearLayoutManager(this));
        //設置插入、刪除數據的動畫效果(這里使用默認的動畫)
        recyclerView.setItemAnimator(new DefaultItemAnimator());
        //設置每個Item之間的裝飾(這里設置為分隔線)
        recyclerView.addItemDecoration(new DividerItemDecoration(this, DividerItemDecoration.VERTICAL_LIST));
        //設置條目監聽,需要自定義接口
        myAdapter.setOnItemClickListener(new MyAdapter.OnItemClickListener() {
            @Override
            public void onItemClick(View v, int position, String data) {
                Toast.makeText(MainActivity.this, data, Toast.LENGTH_SHORT).show();
            }
        });
    }
    private void initData() {
        datas = new ArrayList<>();
        for (int i = 0; i < 300; i++) {
            datas.add(i + "");
        }
    }
    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        getMenuInflater().inflate(R.menu.menu_main, menu);
        return super.onCreateOptionsMenu(menu);
    }
    @Override
    public boolean onOptionsItemSelected(MenuItem item) {
        switch (item.getItemId()) {
            case R.id.action_add:
                myAdapter.addData(0, "new data");
                recyclerView.scrollToPosition(0);
                break;
            case R.id.action_delete:
                myAdapter.removeData(0);
                break;
            case R.id.action_gridview:
                recyclerView.setLayoutManager(new GridLayoutManager(this, 4));
                break;
            case R.id.action_listview:
                recyclerView.setLayoutManager(new LinearLayoutManager(this));
                break;
            case R.id.action_staggeredgridview:
                recyclerView.setLayoutManager(new StaggeredGridLayoutManager(4,
                       StaggeredGridLayoutManager.VERTICAL));
                break;
        }
        return true;
    }
}


三、運行效果
                                

先上圖三張,具體的一些動畫效果需要自己體會。

對啦,notifyDataSetChanged方法以及棄用了,請注意RecycleView的新規矩:
notifyDataSetChanged()棄用
notifyItemChanged(intposition)
notifyItemInserted(intposition)
notifyItemMoved(intfromPosition, int toPosition)
notifyItemRemoved(intposition)
//range系列,多個item的操作
notifyItemRangeChanged(intpositionStart, int itemCount)
notifyItemRangeInserted(intpositionStart, int itemCount)
notifyItemRangeRemoved(intpositionStart, int itemCount)

補充:可以通過AdaptergetViewType(intposition)方法實現多種不同的條目。
具體做法是根據position的不同例如奇數偶數,或者特定值,然后根據viewType參數的不同去inflate不同的item布局即可。
如下圖所示:
   


回復

使用道具 舉報

您需要登錄后才可以回帖 登錄 | 立即注冊

本版積分規則

小黑屋|51黑電子論壇 |51黑電子論壇6群 QQ 管理員QQ:125739409;技術交流QQ群281945664

Powered by 單片機教程網

快速回復 返回頂部 返回列表