ANDROID L——Material Design詳解（UI控件）

轉載請註明本文出自大苞米的博客（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控件）

動畫——ANDROID L——Material Design詳解（動畫篇）

今天就先來講說第三部分——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控件）

動畫——ANDROID L——Material Design詳解（動畫篇）

本文所介紹的兩個控件（RecyclerView，CardView）很是重要，由於在之後Android L的開發中會常常用到。

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

Android L——RecyclerView,CardView導入和使用（Demo）

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