如何设计材料设计指南中的列表示例？答案

【问题标题】：How to design the list example as seen in Material Design Guidelines?如何设计材料设计指南中的列表示例？
【发布时间】：2017-06-18 10:26:54
【问题描述】：

我正在学习 Android 编程，我正在尝试准确重现 Material design guidelines 的特定列表项示例的布局，但我不确定如何做到这一点：

你能给我一些帮助吗？谢谢。

【问题讨论】：

标签： android android-layout material-design

【解决方案1】：

1- 在你的drawables中添加一个新的xml文件并将其命名为“circle_avatar.xml”

并插入以下代码：

<shape 
   xmlns:android="http://schemas.android.com/apk/res/android"
   android:shape="rectangle">
   <corners
       android:radius="100dip"/>
   <solid
       android:color="#ff4CAF50" />
   <stroke
       android:width="2dip"
       android:color="#FFF" />
   <padding
       android:left="6dip"
       android:right="6dip"
       android:top="5dip"
       android:bottom="5dip" />
</shape>

2- 在您的主要 xml 布局中：

<FrameLayout
        android:layout_width="40dp"
        android:layout_height="40dp"
        android:layout_marginRight="20dp"
        android:layout_marginTop="10dp"
        android:id="@+id/layout_circle_avatar"
        android:layout_gravity="center_vertical"
        android:background="@drawable/circle_avatar">

                <ImageView
                      android:layout_width="match_parent"
                      android:layout_height="match_parent"
                      android:id="@+id/circle_pic"
                      android:src="@drawable/icon1"/>
   </FrameLayout>

PS。您可以随时对其进行更改以满足您的需求

【讨论】：