android - Android ユーザー インターフェイスの変更のビルド

Question

私はAndroidが初めてです。私にとっては新しいです.UIを変更しようとたくさん試みましたが、できません.UIを修正するために助けが必要です。問題を解決する................................................................. ...................

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:a="http://schemas.android.com/apk/res/android"
a:layout_width="match_parent"
a:layout_height="match_parent">
<RelativeLayout
    a:id="@+id/buttonsLayout"
    a:layout_alignParentBottom="true"
    a:layout_width="wrap_content"
    a:layout_height="wrap_content"
    a:layout_centerInParent="true">
    <Button
        a:text="^"
        a:id="@+id/up"
        a:layout_height="wrap_content"
        a:layout_width="wrap_content"
        a:layout_alignParentTop="true"
        a:layout_centerHorizontal="true" />
    <Button
        a:text="&lt;"
        a:id="@+id/left"
        a:layout_height="wrap_content"
        a:layout_width="wrap_content"
        a:layout_toLeftOf="@+id/center"
        a:layout_centerVertical="true" />
    <Button
        a:text="0"
        a:id="@+id/center"
        a:layout_height="wrap_content"
        a:layout_width="wrap_content"
        a:layout_below="@+id/up"
        a:layout_centerHorizontal="true"
        a:layout_centerVertical="true" />
    <Button
        a:text="&gt;"
        a:id="@+id/right"
        a:layout_height="wrap_content"
        a:layout_width="wrap_content"
        a:layout_toRightOf="@+id/center"
        a:layout_centerVertical="true" />
    <Button
        a:text="v"
        a:id="@+id/down"
        a:layout_height="wrap_content"
        a:layout_width="wrap_content"
        a:layout_below="@+id/center"
        a:layout_centerHorizontal="true" />
</RelativeLayout>
<ImageView
    a:src="@android:drawable/ic_menu_gallery"
    a:layout_width="match_parent"
    a:layout_height="match_parent"
    a:layout_alignParentTop="true"
    a:layout_above="@+id/buttonsLayout"
    a:id="@+id/imageView1" />
</RelativeLayout>

そのようなUIが欲しいリンクを参照してください