天天看點

RecyclerView,CardView導入和使用(Demo)

簡介:

本文主要介紹Android L新增加的兩個UI控件RecyclerView,CardView的導入和使用。

RecyclerView是ListView的更新版

CardView則是Google提供的一個卡片式視圖元件

本例就是使用RecyclerView來展示多個CardView的一個小例子,先看下效果圖:

導入RecyclerView,CardView

由于RecyclerView,CardView是放在support library v7包中,是以我們想要使用就必須要導包。

下面就介紹下在Eclipse和Android Studio中是如何導入這兩個包的。

Eclipse:

第一步:通過SDK manager下載下傳/更新Android Support Libraries(5.0版本最新為21) 

第二步:導入CardView和RecyclerView項目(都在support v7中)

1.在Eclipse中點選Import,導入Android項目

2.導入CardView和RecycleView,路徑為your sdk path\extras\android\support\v7\cardview(RecycleView則為相同目錄下的recyclerview)

3.導入時記得将工程copy到本地并建議重命名,這樣友善以後管理例如:

第三步:設定Library

1..将兩個工程設定為Library

2..在主工程中引入這兩個Library例如:

通過這三步就可以将這兩個包導入進來了。

Android Studio

Android Stuido相對于Eclipse簡單的多:

第一步:

首先要確定已經将Android Support Libraries更新到最新.

第二步:

打開項目中的build.gradle檔案,在dependencies中添加如下代碼。

第三步:

重新Build一下工程。

Build完成後就會發現這兩個包就已經導入進來了

代碼介紹:

主題:

首先這個黑色基調的主題是使用了Material.Dark.ActionBar樣式。

設定方法:修改values-v21檔案夾下styles.xml檔案:

布局檔案:

recycler_view.xml(RecyclerView布局檔案):

FrameLayout裡包含了RecyclerView控件

card_view.xml(CardView布局檔案):

CardView視圖中包含了一個ImageView和一個TextView分别顯示圖檔和文字資訊

唯一需要介紹的就是在布局檔案中使用了,如下兩個屬性:

他倆的作用分别是設定CardView的背景顔色和外圍的圓角大小(注意要使用card_view命名空間)

代碼:

Actor類(封裝資料的Model類):

封裝了演員的名字和圖檔名,getImageResourceId()方法的作用就是根據圖檔命找到系統資源

MyActivity(程式主要制Activity)

MyAdapter(自定義擴充卡類)

所有代碼介紹完畢了,可以總結為以下兩點:

RecyclerView:

了解為之前的ListView,不過需要設定LinearLayoutManager(目前資料不多我也有點迷糊以後再補充)和ItemAnimator(為每個條目設定操作動畫)兩個新屬性

RecyclerView.Adapter:

了解為預設自帶和基于ViewHolder的新的擴充卡,隻不過回調方法稍有不同,但本質都是一樣的。

寫在最後:

最近在寫一個ANDROID L——Material Design詳解的系列文章。

動畫

目前隻差最後一個動畫部分了。原計劃是等動畫篇寫完之後再分别寫它們的使用Demo,但是上一篇UI控件感覺寫的不夠詳細,是以先把UI控件的Demo寫出來。

視圖陰影和動畫的使用Demo等最後動畫篇寫完後再更新,敬請期待。。。

    本文轉自 一點點征服   部落格園部落格,原文連結:http://www.cnblogs.com/ldq2016/p/5591963.html,如需轉載請自行聯系原作者

繼續閱讀