如何创建这种图像类型布局？

Question

这是evernote app仪表板布局......

如何创建这种类型的图像按钮..还有标题栏....

Answer 1

以下只是一个指导，您必须修改它以使其更专业的外观：P并满足您的需求

<?xml version="1.0" encoding="utf-8"?>

</LinearLayout>
<LinearLayout
    android:layout_width="fill_parent"
    android:layout_height="wrap_content">
    <Button
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:background="@drawable/b"
    android:drawableTop="@drawable/projects"
    android:textColor="#FFFFFF"
    android:id="@+id/ButtonTest"
    android:paddingTop="60sp"
    android:text="Projects"
    android:layout_weight="1"></Button>
    <Button
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:background="@drawable/b"
    android:drawableTop="@drawable/projects"
    android:textColor="#FFFFFF"
    android:id="@+id/ButtonTest"
    android:paddingTop="60sp"
    android:text="Projects"
    android:layout_weight="1"></Button>

</LinearLayout>
<LinearLayout
    android:layout_width="fill_parent"
    android:layout_height="wrap_content">
    <Button
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:background="@drawable/b"
    android:drawableTop="@drawable/projects"
    android:textColor="#FFFFFF"
    android:id="@+id/ButtonTest"
    android:paddingTop="60sp"
    android:text="Projects"
    android:layout_weight="1"></Button>
    <Button
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:background="@drawable/b"
    android:drawableTop="@drawable/projects"
    android:textColor="#FFFFFF"
    android:id="@+id/ButtonTest"
    android:paddingTop="60sp"
    android:text="Projects"
    android:layout_weight="1"></Button>

</LinearLayout>