如何实现这种材质效果？

Question

我已经看到了很多应用程序中的这一点，但我不知道这究竟是什么.... 任何人都可以告诉我吗？其实，我想告诉我的应用程序一些文字与本次上调的背景之类的话.... 请告诉我如何得到这个效果..

以下是图像：

Answer 1

你可以试试这个：

<?xml version="1.0" encoding="utf-8"?> 
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content" 
    android:orientation="vertical"> 


    <android.support.v7.widget.CardView 
     android:id="@+id/cardView" 
     android:layout_margin="20dp" 
     android:layout_width="match_parent" 
     android:layout_height="match_parent"> 
     <LinearLayout 
      android:layout_width="match_parent" 
      android:orientation="vertical" 
      android:layout_height="wrap_content"> 
     <TextView 
      android:layout_width="match_parent" 
      android:text="My Title Text" 
      android:padding="20dp" 
      android:textSize="18sp" 
      android:textColor="#000" 
      android:layout_height="wrap_content" /> 

     <TextView 
      android:layout_width="match_parent" 
      android:layout_height="2dp" 
      android:background="#e6b121" 
      android:id="@+id/your_id" /> 

      <TextView 
       android:layout_width="match_parent" 
       android:layout_height="wrap_content" 
       android:padding="20dp" 
       android:text="Lorem ipsum dolor sit amet, mel esse eripuit patrioque id. Id inimicus scripserit delicatissimi est, id vide velit erant sed. Has an veri mutat accumsan, te iusto dolore similique nec. An laboramus delicatissimi nam, ea brute consul vis." 
       android:id="@+id/textView17" /> 

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


</LinearLayout> 

，这将给你的结果是：

也试试这个：

<?xml version="1.0" encoding="utf-8"?> 
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content" 
    android:orientation="vertical"> 


    <android.support.v7.widget.CardView 
     android:id="@+id/cardView" 
     android:layout_margin="20dp" 
     android:layout_width="match_parent" 
     android:layout_height="match_parent"> 
     <LinearLayout 
      android:layout_width="match_parent" 
      android:orientation="vertical" 
      android:layout_height="wrap_content"> 
     <TextView 
      android:layout_width="match_parent" 
      android:text="My Title Text" 
      android:padding="20dp" 
      android:textSize="18sp" 
      android:textColor="#000" 
      android:layout_height="wrap_content" /> 

     <TextView 
      android:layout_width="match_parent" 
      android:layout_height="2dp" 
      android:background="#e6b121" 
      android:id="@+id/your_id" /> 

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

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

        <TextView 
         android:layout_width="match_parent" 
         android:layout_height="wrap_content" 
         android:layout_weight="1" 
         android:padding="10dp" 
         android:text="Screen On:" 
         android:id="@+id/textView17" /> 

        <TextView 
         android:layout_width="match_parent" 
         android:layout_height="wrap_content" 
         android:layout_weight="1" 
         android:padding="10dp" 
         android:text="19m 28s" 
         android:id="@+id/textView18" /> 
       </LinearLayout> 

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

        <TextView 
         android:layout_width="match_parent" 
         android:layout_height="wrap_content" 
         android:layout_weight="1" 
         android:padding="10dp" 
         android:text="Discharge while On/Off:" 
         android:id="@+id/textView19" /> 

        <TextView 
         android:layout_width="match_parent" 
         android:layout_height="wrap_content" 
         android:layout_weight="1" 
         android:padding="10dp" 
         android:text="7%/3%" 
         android:id="@+id/textView20" /> 
       </LinearLayout> 
      </LinearLayout> 

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


</LinearLayout> 

但是，当然，你将需要实现一个自定义的适配器将其改编成ListView或RecyclerView

希望它能帮助！ ！