如何實現谷歌喜歡卡片查看

Question

我不知道如何實施卡片視圖佈局就像在谷歌教程，在教程中只有簡單的卡片視圖，但如何得到這樣的結果？ https://developer.android.com/design/material/images/card_travel.png

我可以實現這一點，但我需要這樣做，以便不增加視圖層次使得渲染很長。

請給出任何示例，我如何實現這樣的觀點。在佈局中使用它

compile 'com.android.support:cardview-v7:21.+' 

例：

Answer 1

就在你的依賴添加此

<android.support.v7.widget.CardView 
    xmlns:android="http://schemas.android.com/apk/res/android" 
    xmlns:card_view="http://schemas.android.com/apk/res-auto" 
    xmlns:tools="http://schemas.android.com/tools" 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content" 
    android:layout_margin="8dp" 
    card_view:cardCornerRadius="1dp"> 

    <RelativeLayout 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     tools:context="com.eugene.fithealth.TestingForSO"> 


     <ImageView 
      android:id="@+id/image" 
      android:layout_width="match_parent" 
      android:layout_height="200dp" 
      android:orientation="vertical" 
      android:scaleType="centerCrop" 
      android:src="@drawable/drawer_image"/> 

     <TextView 
      android:layout_width="match_parent" 
      android:layout_height="50dp" 
      android:layout_above="@+id/description" 
      android:background="#50000000" 
      android:gravity="center_vertical" 
      android:paddingLeft="16dp" 
      android:text="Hello World!" 
      android:textColor="#fff" 
      android:textSize="22dp"/> 


     <TextView 
      android:id="@+id/description" 
      android:layout_width="match_parent" 
      android:layout_height="wrap_content" 
      android:layout_below="@+id/image" 
      android:layout_marginBottom="8dp" 
      android:paddingLeft="16dp" 
      android:paddingTop="16dp" 
      android:text="Random Text Blah Blah Blah" 
      android:textSize="16dp"/> 

     <Button 
      android:id="@+id/btnOne" 
      style="?android:buttonBarButtonStyle" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_below="@+id/description" 
      android:layout_marginBottom="4dp" 
      android:layout_marginLeft="4dp" 
      android:text="Button One" 
      android:textColor="#000"/> 

     <Button 
      android:id="@+id/btnTwo" 
      style="?android:buttonBarButtonStyle" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_below="@+id/description" 
      android:layout_toRightOf="@id/btnOne" 
      android:text="Button Two" 
      android:textColor="#03A9F4"/> 

    </RelativeLayout> 
</android.support.v7.widget.CardView> 

Answer 2

試試這個cardlib庫。我一直在使用它，它很棒！