ANDROID L——Material Design詳解（UI控制項）

標籤：android l   material   recyclerview   cardview   

轉載請註明本文出自大苞米的部落格（http://blog.csdn.net/a396901990），謝謝支援！

Android L：

Google已經確認Android L就是Android Lollipop（5.0）。

前幾天發現Android5.0正式版的sdk已經可以下載了，而且首次搭載Android L系統的Nexus 6和 Nexus 9也即將上市。

所以是時候開始學習Android L了！

關於Android L如何配置模擬器和建立項目，如果大家有興趣的話可以看看我之前的一篇文章：

Android L——模擬器配置及建立項目

Material Design：

Material Design是Google推出的一個全新的設計語言，它的特點就是擬物扁平化。

Material Design包含了很多內容，我大致把它分為四部分：

主題和布局——ANDROID L——Material Design詳解（主題和布局）

視圖和陰影——ANDROID L——Material Design詳解（視圖和陰影）

UI控制項——ANDROID L——Material Design詳解（UI控制項）

動畫

今天就先來說說第三部分——Material新增的UI控制項

UI控制項
在Android L中新增了兩個控制項分別是 RecyclerView， CardView：

RecyclerView：

RecyclerView是ListView的升級版，它提供了更好的效能而且更容易使用。

RecyclerView這個控制項是一個可以裝載大量的視圖集合，並且可以非常效率的進行回收和滾動。當你list中的元素經常動態改變時可以使用RecyclerView控制項。

RecyclerView非常容易使用，它提供了如下兩個功能：

為每個條目位置提供了layout管理器（RecyclerView.setLayoutManager）

為每個條目設定了操作動畫（RecyclerView.setItemAnimator）

下面的例子介紹了如何定義和使用一個 RecyclerView：

1.在布局檔案中添加一個RecyclerView

<!-- A RecyclerView with some commonly used attributes --><android.support.v7.widget.RecyclerView    android:id="@+id/my_recycler_view"    android:scrollbars="vertical"    android:layout_width="match_parent"    android:layout_height="match_parent"/>

2.初始化RecyclerView參數，設定layoutManager和adapter

public class MyActivity extends Activity {    private RecyclerView mRecyclerView;    private RecyclerView.Adapter mAdapter;    private RecyclerView.LayoutManager mLayoutManager;    @Override    protected void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        setContentView(R.layout.my_activity);        mRecyclerView = (RecyclerView) findViewById(R.id.my_recycler_view);        // improve performance if you know that changes in content        // do not change the size of the RecyclerView        mRecyclerView.setHasFixedSize(true);        // use a linear layout manager        mLayoutManager = new LinearLayoutManager(this);        mRecyclerView.setLayoutManager(mLayoutManager);        // specify an adapter (see also next example)        mAdapter = new MyAdapter(myDataset);        mRecyclerView.setAdapter(mAdapter);    }    ...}

3.建立一個adapter

public class MyAdapter extends RecyclerView.Adapter<MyAdapter.ViewHolder> {    private String[] mDataset;    // Provide a reference to the type of views that you are using    // (custom viewholder)    public static class ViewHolder extends RecyclerView.ViewHolder {        public TextView mTextView;        public ViewHolder(TextView v) {            super(v);            mTextView = v;        }    }    // Provide a suitable constructor (depends on the kind of dataset)    public MyAdapter(String[] myDataset) {        mDataset = myDataset;    }    // Create new views (invoked by the layout manager)    @Override    public MyAdapter.ViewHolder onCreateViewHolder(ViewGroup parent,                                                   int viewType) {        // create a new view        View v = LayoutInflater.from(parent.getContext())                               .inflate(R.layout.my_text_view, parent, false);        // set the view's size, margins, paddings and layout parameters        ...        ViewHolder vh = new ViewHolder(v);        return vh;    }    // Replace the contents of a view (invoked by the layout manager)    @Override    public void onBindViewHolder(ViewHolder holder, int position) {        // - get element from your dataset at this position        // - replace the contents of the view with that element        holder.mTextView.setText(mDataset[position]);    }    // Return the size of your dataset (invoked by the layout manager)    @Override    public int getItemCount() {        return mDataset.length;    }}

CardView：

CardView繼承自FrameLayout，允許你在card視圖中顯示資訊. CardView也可以設定陰影和圓角。（其實現在很多應用都自訂了Card視圖，Google這回將card視圖作為基本控制項，可以拿來直接使用了）

Layout中為CardView設定圓角使用card_view:cardCornerRadius屬性

代碼中為CardView設定圓角使用CardView.setRadius方法

為CardView設定背景顏色使用card_view:cardBackgroundColor屬性

在布局中包含一個CardView，如下：

<!-- A CardView that contains a TextView --><android.support.v7.widget.CardView    xmlns:card_view="http://schemas.android.com/apk/res-auto"    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>

相容性：
RecyclerView，CardView都包含在Android L Developer Preview Support Library中，所以他們可以在之前的版本中使用，只會有一些限制。

總結：

我將Material Design分為如下四部分：

主題和布局——ANDROID L——Material Design詳解（主題和布局）

視圖和陰影——ANDROID L——Material Design詳解（視圖和陰影）

UI控制項——ANDROID L——Material Design詳解（UI控制項）

動畫

本文所介紹的兩個控制項（RecyclerView，CardView）非常重要，因為在以後Android L的開發中會經常用到。

這篇文章介紹的內容都是從官方文檔翻譯過來的，大家看著可能有點迷糊。不過沒關係，過幾天我會更新一個介紹RecyclerView，CardView在Android Studio和Eclipse中是如何導包，和兩個控制項結合使用的小Demo。

Material Desgin的介紹只剩下動畫部分了，我會儘快更新，敬請期待。。。

ANDROID L——Material Design詳解（UI控制項）