如何在android中制作类似walkman的布局

我是android版面的新手，我想创建一个像这样的版面

正如你所知，它的索尼随身听用户界面 我只想要一个像这样的背景，还有一些像那些盒子。。 这是我的布局

enter code here<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:id="@+id/RelativeLayout1"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="#ff000000"
android:orientation="vertical"
android:padding="0dp"
android:paddingBottom="@dimen/activity_vertical_margin"
android:paddingLeft="0dp"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"
tools:context=".Hafez" >

<ImageView
    android:id="@+id/bg_top"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:scaleType="fitStart"
    android:src="@drawable/music_library_albums_header" />

<ImageView
    android:id="@+id/bg_gradient"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:scaleType="fitEnd"
    android:src="@drawable/bg_gradient" />

<LinearLayout
    android:id="@+id/linearLayout2"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignParentLeft="true"
    android:layout_below="@+id/imageView2"
    android:layout_marginLeft="52dp" >

    <Button
        android:id="@+id/button1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:background="@drawable/tiles_bg"
        android:text="Button" />

    <Button
        android:id="@+id/button2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Button" />

    <Button
        android:id="@+id/button3"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Button" />

</LinearLayout>

<LinearLayout
    android:id="@+id/LinearLayout1"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_alignParentLeft="true"
    android:layout_alignParentTop="true"
    android:layout_marginTop="147dp"
    android:orientation="horizontal"
    android:paddingLeft="@dimen/activity_vertical_margin" >

    <Button
        android:id="@+id/btn_back"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_weight="0"
        android:background="@drawable/back_button"
        android:minHeight="10dp"
        android:minWidth="10dp" />

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

        <TextView
            android:id="@+id/textView1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:paddingLeft="15dp"
            android:text="Liberary"
            android:textAppearance="?android:attr/textAppearanceLarge"
            android:textColor="#ffffff" />

        <TextView
            android:id="@+id/textView2"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:paddingLeft="14dp"
            android:text="Chose what you want"
            android:textAppearance="?android:attr/textAppearanceSmall"
            android:textColor="#ffffff" />
    </LinearLayout>
</LinearLayout>

在此处输入代码

我真的搞不清楚它的背景。正如你们所看到的，屏幕的顶部有一个图像，直到中间，然后我们在屏幕的底部看到一个渐变。但我不能设置渐变，从顶部图像开始，一直到屏幕结束。。 我想要一个像屏幕一样的东西来分开。Tob和底部，在顶部我设置了图像，在底部有一个渐变和其他框在它们前面。有什么方法可以做到这一点吗？

---

感谢您的帮助

简单的方法是使用背景图像进行板条箱线性布局。 上面的布局采用一个文本视图和网格视图3*3行和列

---

使用图像和文本视图实现gridview布局

图像不可见将其上载到某个站点并链接到图像我试图将图像添加到我的帖子中，但我没有足够的声誉，因此我更改了图像地址，以便能够在此处发布，感谢您的编辑