Android新特性之RecyclerView和CardView聯(lián)合使用

一、RecyelerView和CardView介紹和導入#

RecyelerView和CardView是5.0瀑志,support-v7包中的新控件柜砾。效果是這個樣子的:


使用的話還是要導入的,畢竟不是自帶的琼牧。
Modle的build.gradle里面添加:

 dependencies {
      compile 'com.android.support:recyclerview-v7:25.2.0'
      compile 'com.android.support:cardview-v7:25.2.0'
 }

記住導入的版本必須和appcompat的版本一致要不然會報錯的

二电爹、RecyelerView蔫仙、ListView和GrideView區(qū)別#

RecyelerView提供了三種布局管理器 ,他們都繼承自抽象類LayoutManager:
LinearLayoutManager(線性布局效果)丐箩、
GridLayoutManager(網(wǎng)格布局效果)摇邦、
StaggeredGridLayoutManager(瀑布流布局效果)恤煞。

它是集ListView和GridView于一身的強大控件不但可以實現(xiàn)listview、gridview的橫向滾動施籍,還可以實現(xiàn)瀑布流效果居扒,簡單易用,效果強大丑慎。

看效果:


三.CardView:一個帶圓角和陰影背景的FrameLayout.#

上面的演示動畫里全都是cardview喜喂,那我們就來看一下布局文件吧。

 <?xml version="1.0" encoding="utf-8"?>
 <android.support.v7.widget.CardView 
    xmlns:android="http://schemas.android.com/apk/res/android"
   xmlns:app="http://schemas.android.com/apk/res-auto"
  android:id="@id/cardView"
  android:clickable="true"
  android:focusable="true"
  android:layout_width="match_parent"
  android:layout_height="wrap_content"
  android:layout_margin="7dp"
  app:cardElevation="10dp"
 >
<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="100dp"
    android:clickable="true"     
    android:foreground="?android:attr/selectableItemBackgroundBorderless"
    >

    <ImageView
        android:id="@id/image1"
        android:layout_width="150dp"
        android:layout_height="match_parent"
        android:layout_margin="5dp"
        android:scaleType="centerCrop"
        android:src="@drawable/androidimage2" />

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical">

        <TextView
            android:id="@id/textView1"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_marginTop="20dp"
            android:gravity="center"
            android:text="這里是CardView"
            android:textSize="18sp"
            android:textStyle="bold" />

        <TextView
            android:id="@id/textView2"
            android:gravity="center"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_marginTop="10dp"
            android:text="炫酷的效果嗨起來" />
    </LinearLayout>
  </LinearLayout>
</android.support.v7.widget.CardView>

這里有幾個重點要說的屬性;

1.陰影效果的加深或者說cardview控件Z軸提升屬性:
** app:cardElevation="10dp" **
2.給點擊添加水波紋的效果竿裂,屬性要添加到子控件里才有效:
** android:foreground="? android:attr/selectableItemBackgroundBorderless"**
還要添加
** android:clickable="true"
android:focusable="true" **
才可以哦玉吁。

四、RecyelerView加CardView代碼實現(xiàn)#

1.布局頁面里添加RecyelerView:

  <?xml version="1.0" encoding="utf-8"?>
   <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
   android:orientation="vertical"
   android:layout_width="match_parent"
    android:layout_height="match_parent"
  >
   <android.support.v7.widget.RecyclerView
    android:id="@id/recycleview"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
   ></android.support.v7.widget.RecyclerView>
</RelativeLayout>

2.在Layout文件夾下新建card_view.xml,布局文件代碼在上面第三章腻异。

3.自定義Adapter进副。

public class Adapter extends RecyclerView.Adapter<ViewHolder> {
    private Context mContext;
    ArrayList<ArrayList> mlist;
    TextView tv1;
    TextView tv2;
    ImageView iv;
    CardView cv;

 public Adapter(Context context, ArrayList<ArrayList> list) {
    this.mContext = context;
    this.mlist=list;
}

@Override
public int getItemCount() {
    return mlist.size();
}

@Override
public ViewHolder onCreateViewHolder(ViewGroup parent, int arg1) {
    View view = LayoutInflater.from(mContext).inflate(R.layout.card_view,parent,false);
    cv = (CardView)view.findViewById(R.id.cardView);
    tv1 = (TextView) view.findViewById(R.id.textView1);
    tv2 = (TextView) view.findViewById(R.id.textView2);
    iv = (ImageView) view.findViewById(R.id.image1);
    ViewHolder viewHolder = new ViewHolder(view){};
    return viewHolder;
}

@Override
public void onBindViewHolder(ViewHolder holder, int position) {
    tv1.setText((String)mlist.get(position).get(0));
    tv2.setText((String)mlist.get(position).get(1));
    iv.setImageResource((int)mlist.get(position).get(2));
  }
 }

4.初始化代碼:

 RecyclerView rv = (RecyclerView)view.findViewById(R.id.recycleview);
  LinearLayoutManager layoutManager= new LinearLayoutManager(getActivity());
 //GridLayoutManager layoutManager=new GridLayoutManager(getActivity(),3);
 //StaggeredGridLayoutManager layoutManager = new StaggeredGridLayoutManager(3, StaggeredGridLayoutManager.VERTICAL);
 rv.setLayoutManager(layoutManager);
 rv.setAdapter(new Adaper(getActivity(),inintList()));

  
       public ArrayList inintList() {
    ArrayList<ArrayList> list = new ArrayList<ArrayList>();
    list.add(inintmLis("這里是CardView","炫酷的效果嗨起來",R.drawable.android1));
    list.add(inintmLis("這里是CardView","炫酷的效果嗨起來",R.drawable.android1));
    list.add(inintmLis("這里是CardView","炫酷的效果嗨起來",R.drawable.android1));
   }
   private ArrayList inintmLis(String str1,String str2,int s) {
     ArrayList list1 = new ArrayList();
    list1.add(str1);
    list1.add(str2);
    list1.add(s);
    return list1;
  }

LinearLayoutManager、GridLayoutManager悔常、StaggeredGridLayoutManager
需要哪個布局管理器就初始化哪個影斑。

總結(jié)##

這些都是一些最基礎的知識,希望我們一起努力机打,進入Android的大家庭矫户。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市残邀,隨后出現(xiàn)的幾起案子皆辽,更是在濱河造成了極大的恐慌,老刑警劉巖罐旗,帶你破解...
    沈念sama閱讀 212,383評論 6 493
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件膳汪,死亡現(xiàn)場離奇詭異唯蝶,居然都是意外死亡九秀,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,522評論 3 385
  • 文/潘曉璐 我一進店門粘我,熙熙樓的掌柜王于貴愁眉苦臉地迎上來鼓蜒,“玉大人,你說我怎么就攤上這事征字《嫉” “怎么了?”我有些...
    開封第一講書人閱讀 157,852評論 0 348
  • 文/不壞的土叔 我叫張陵匙姜,是天一觀的道長畅厢。 經(jīng)常有香客問我,道長氮昧,這世上最難降的妖魔是什么框杜? 我笑而不...
    開封第一講書人閱讀 56,621評論 1 284
  • 正文 為了忘掉前任浦楣,我火速辦了婚禮,結(jié)果婚禮上咪辱,老公的妹妹穿的比我還像新娘振劳。我一直安慰自己,他們只是感情好油狂,可當我...
    茶點故事閱讀 65,741評論 6 386
  • 文/花漫 我一把揭開白布历恐。 她就那樣靜靜地躺著,像睡著了一般专筷。 火紅的嫁衣襯著肌膚如雪弱贼。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 49,929評論 1 290
  • 那天磷蛹,我揣著相機與錄音哮洽,去河邊找鬼。 笑死弦聂,一個胖子當著我的面吹牛鸟辅,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播莺葫,決...
    沈念sama閱讀 39,076評論 3 410
  • 文/蒼蘭香墨 我猛地睜開眼匪凉,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了捺檬?” 一聲冷哼從身側(cè)響起再层,我...
    開封第一講書人閱讀 37,803評論 0 268
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎堡纬,沒想到半個月后聂受,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 44,265評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡烤镐,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,582評論 2 327
  • 正文 我和宋清朗相戀三年蛋济,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片炮叶。...
    茶點故事閱讀 38,716評論 1 341
  • 序言:一個原本活蹦亂跳的男人離奇死亡碗旅,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出镜悉,到底是詐尸還是另有隱情祟辟,我是刑警寧澤,帶...
    沈念sama閱讀 34,395評論 4 333
  • 正文 年R本政府宣布侣肄,位于F島的核電站旧困,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜吼具,卻給世界環(huán)境...
    茶點故事閱讀 40,039評論 3 316
  • 文/蒙蒙 一被芳、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧馍悟,春花似錦畔濒、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,798評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至毅整,卻和暖如春趣兄,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背悼嫉。 一陣腳步聲響...
    開封第一講書人閱讀 32,027評論 1 266
  • 我被黑心中介騙來泰國打工艇潭, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人戏蔑。 一個月前我還...
    沈念sama閱讀 46,488評論 2 361
  • 正文 我出身青樓蹋凝,卻偏偏與公主長得像,于是被迫代替她去往敵國和親总棵。 傳聞我的和親對象是個殘疾皇子鳍寂,可洞房花燭夜當晚...
    茶點故事閱讀 43,612評論 2 350

推薦閱讀更多精彩內(nèi)容