安卓基础（十一）

浏览数：23 / 时间：2015年06月11日

列表-视图

列表-视图

目标人群：没有基础的安卓初学者
知识点：RecyclerView的使用
目标：用在页面中使用RecyclerView展示列表数据

简介

RecyclerView的布局相关说明

正文

1.打开activity_main.xml文件，将其内部的代码修改为如下所示

<RelativeLayout 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/recyclerView"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent" />
</RelativeLayout>

此时该页面内有一个RecyclerView控件，接下来的代码将围绕其进行展开

2.创建一个新的布局文件，命名为item_card.xml，内部的代码为如下所示

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:card_view="http://schemas.android.com/apk/res-auto"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent">
    <!-- 一个包涵了TextView的CardView控件 -->
    <android.support.v7.widget.CardView 
        android:id="@+id/card_view"
        android:layout_gravity="center"
        android:layout_width="200dp"
        android:layout_height="200dp"
        card_view:cardCornerRadius="4dp">

        <TextView
            android:id="@+id/info_text"
            android:layout_width="match_parent"
            android:layout_height="match_parent" />
    </android.support.v7.widget.CardView>
</LinearLayout>

该布局为每个子item对应的布局样式
此处用到了一个新的控件CardView，前往build.gradle添加新的代码引用，如下所示

dependencies {
    compile fileTree(dir: ‘libs‘, include: [‘*.jar‘])
    compile ‘com.android.support:appcompat-v7:21.0.3‘
    compile ‘com.android.support:cardview-v7:21.0.+‘
}

3.RecyclerView只负责UI的显示和对数据集处理，为了指定每个单元View的具体展示形式，我们需要为RecyclerView指定一个 layout manager，代码如下

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        RecyclerView mRecyclerView = (RecyclerView) findViewById(R.id.recyclerView);
        // 当每个子View的大小在布局中不会发生变化时，可以调用本句来提升性能
        mRecyclerView.setHasFixedSize(true);
        // 为RecyclerView指定一个类型为LinearLayoutManager的layout manager
        LinearLayoutManager mLayoutManager = new LinearLayoutManager(this);
        mRecyclerView.setLayoutManager(mLayoutManager);
     }