關於Android開發，這樣的UI如何實現？

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

<LinearLayout?xmlns:android="/apk/res/android"

android:layout_width="match_parent"

android:layout_height="match_parent"

android:background="@android:color/white"

android:orientation="vertical"?>

<RelativeLayout

android:layout_width="fill_parent"

android:layout_height="wrap_content"

android:layout_margin="5dip"

android:background="#ccCCCCFF"?>

<TextView

android:id="@+id/t1"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_alignParentLeft="true"

android:layout_alignParentTop="true"

android:text="當前速度"

android:textColor="@android:color/black"

android:textSize="15sp"?/>

<TextView

android:id="@+id/t2"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_alignParentLeft="true"

android:layout_below="@id/t1"

android:text="公裏/小時"

android:textColor="@android:color/black"

android:textSize="15sp"?/>

<TextView

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_alignParentRight="true"

android:layout_below="@id/t2"

android:text="0.00"

android:textColor="@android:color/black"

android:textSize="20sp"?/>

</RelativeLayout>

<LinearLayout

android:layout_width="fill_parent"

android:layout_height="wrap_content"

android:orientation="horizontal"?>

<RelativeLayout

android:layout_width="0dip"

android:layout_height="wrap_content"

android:layout_margin="5dip"

android:layout_weight="1"

android:background="#ccCCCCFF"?>

<TextView

android:id="@+id/t3"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_alignParentLeft="true"

android:layout_alignParentTop="true"

android:text="距離"

android:textColor="@android:color/black"

android:textSize="15sp"?/>

<TextView

android:id="@+id/t4"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_alignParentLeft="true"

android:layout_below="@id/t3"

android:text="公裏"

android:textColor="@android:color/black"

android:textSize="15sp"?/>

<TextView

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_alignParentRight="true"

android:layout_below="@id/t4"

android:text="3.54"

android:textColor="@android:color/black"

android:textSize="20sp"?/>

</RelativeLayout>

<RelativeLayout

android:layout_width="0dip"

android:layout_height="wrap_content"

android:layout_margin="5dip"

android:layout_weight="1"

android:background="#ccCCCCFF"?>

<TextView

android:id="@+id/t5"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_alignParentLeft="true"

android:layout_alignParentTop="true"

android:text="時間"

android:textColor="@android:color/black"

android:textSize="15sp"?/>

<TextView

android:id="@+id/t6"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_alignParentLeft="true"

android:layout_below="@id/t5"

android:text="?"

android:textColor="@android:color/black"

android:textSize="15sp"?/>

<TextView

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_alignParentRight="true"

android:layout_below="@id/t6"

android:text="0：17：24"

android:textColor="@android:color/black"

android:textSize="20sp"?/>

</RelativeLayout>

</LinearLayout>

</LinearLayout>

剩下的幾項復制粘貼就是了

效果圖如下

上一篇:用VS2013在win7下編寫的C++程序怎麽在XP下運行

下一篇:我的夢想是活著上去勵誌人物故事