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

Question

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

你可以给我一些帮助吗？ 谢谢。

Answer 1

1-在您的drawable中添加一个新的xml文件并将其命名为＆＃34; circle_avatar.xml＆＃34;

并插入以下代码：

<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。您可以随时对其进行更改以满足您的需求