安卓學習-- RecyclerView簡單入門，安卓recyclerview

安卓學習-- RecyclerView簡單入門，安卓recyclerview
一、加入JAR包

第一感覺這個東東,好複雜,沒ListView來的快,方便

在項目中加入android-support-v7-recyclerview.jar包

這個包在extras\android\support\v7\recyclerview\libs這個目錄下。
在studio中加入依賴

//添加依賴包compile 'com.android.support:recyclerview-v7:+

二、在布局檔案中加入RecyclerView。

<?xml version="1.0" encoding="utf-8"?><RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"    xmlns:tools="http://schemas.android.com/tools"    android:layout_width="match_parent"    android:layout_height="match_parent"    android:paddingBottom="@dimen/activity_vertical_margin"    android:paddingLeft="@dimen/activity_horizontal_margin"    android:paddingRight="@dimen/activity_horizontal_margin"    android:paddingTop="@dimen/activity_vertical_margin"    tools:context="com.liunan.recyclerviewstudy.MainActivity">    <android.support.v7.widget.RecyclerView        android:id="@+id/main_recylist"        android:layout_width="wrap_content"        android:layout_height="wrap_content" /></RelativeLayout>

三在Activtiy中初始化

package com.liunan.recyclerviewstudy;import android.app.Activity;import android.graphics.drawable.GradientDrawable;import android.support.v7.app.AppCompatActivity;import android.os.Bundle;import android.support.v7.widget.DefaultItemAnimator;import android.support.v7.widget.GridLayoutManager;import android.support.v7.widget.LinearLayoutManager;import android.support.v7.widget.OrientationHelper;import android.support.v7.widget.RecyclerView;import android.support.v7.widget.StaggeredGridLayoutManager;import java.util.ArrayList;import java.util.List;public class MainActivity extends Activity {    private RecyclerView mRecyclerView;    private List<String> mDataList ;    private MyAdapter myAdapter;    @Override    protected void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        setContentView(R.layout.activity_main);        initView();        initData();    }    /**     * 初始化     */    private void initView() {        //找到這個Listview        mRecyclerView = (RecyclerView) findViewById(R.id.main_recylist);        //設定線性管理器        mRecyclerView.setLayoutManager(new LinearLayoutManager(this));    }    /**     * 初始化資料     */    private void initData() {        mDataList = new ArrayList<String>();        for (int i=0;i<50;i++){            mDataList.add("內容 - "+i);        }        /*        設定適配器         */        myAdapter = new MyAdapter(mDataList);        mRecyclerView.setAdapter(myAdapter);    }}

 

三設定Adapter與Item

這個Adapter要繼承RecyclerView.Adapter

package com.liunan.recyclerviewstudy;import android.support.v7.widget.RecyclerView;import android.view.LayoutInflater;import android.view.View;import android.view.ViewGroup;import android.widget.TextView;import java.util.List;/** * RecyclerView適配器 */public class MyAdapter extends RecyclerView.Adapter<MyAdapter.ViewHolder> {    private List<String> mDataList;    public MyAdapter(List<String> list) {        mDataList = list;    }    @Override    public int getItemCount() {        // 返回資料集合大小        return mDataList == null ? 0 : mDataList.size();    }     @Override     public void onBindViewHolder(ViewHolder holder, int position) {        //擷取這個TextView        TextView tv= holder.mTvTitle;        tv.setText(mDataList.get(position));    }    @Override    public ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {        return new ViewHolder(LayoutInflater.from(parent.getContext()).inflate(R.layout.main_listview, parent, false));    }    public class ViewHolder extends RecyclerView.ViewHolder {        private TextView mTvTitle;        public ViewHolder(View itemView) {            super(itemView);            mTvTitle = (TextView) itemView.findViewById(R.id.item_tv);        }    }}

item

<?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="wrap_content">    <TextView        android:clickable="true"        android:textSize="18sp"        android:id="@+id/item_tv"        android:layout_width="200dp"        android:layout_height="50dp"        android:background="#ff0"        android:text="測試"/></LinearLayout>

運行效果

 

四更改為GridView

在Activity中將

//設定線性管理器        mRecyclerView.setLayoutManager(new LinearLayoutManager(this));

 

更改為

//設定表格管理器        mRecyclerView.setLayoutManager(new GridLayoutManager(this,2));

效果

 

五使用瀑布式的方式

同樣更改上面的地方

//設定瀑布式,交錯       mRecyclerView.setLayoutManager(new StaggeredGridLayoutManager(2, OrientationHelper.VERTICAL));

更改adapter中onBindViewHolder方法

     @Override     public void onBindViewHolder(ViewHolder holder, int position) {        //擷取這個TextView        TextView tv= holder.mTvTitle;       // 擷取布局參數        LinearLayout.LayoutParams lp = (LinearLayout.LayoutParams) tv.getLayoutParams();        //根據資料的位置設定不同的高度與背景色        if(position%2==0){            //設定背景色            tv.setBackgroundColor(Color.parseColor("#3300ff00"));            //設定高度            lp.height=100;        }else{            tv.setBackgroundColor(Color.parseColor("#3300ffff"));            lp.height=50;        }        tv.setLayoutParams(lp);        tv.setText(mDataList.get(position));    }

效果

 

預設的分割線沒有實現要自己實現RecyclerView.ItemDecoration