Android中的儀表板設計

Question

我在我的應用程序中有以下類型的儀表板，我想在Android中進行設計。但我無法像設計中那樣創造它。

這裏是設計...

注 - 用於6個按鈕命名爲一，二，三等。我也有我用戶ViewStub的共同頭。我創建了像下圖一樣的320x480圓形圓圈，並將其設置爲背景圖片並相應地放置按鈕。這是我使用的方法。

佈局代碼： -

<?xml version="1.0" encoding="utf-8"?> 
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    android:layout_width="fill_parent" 
    android:layout_height="fill_parent" 
    android:background="@drawable/background" > 

    <LinearLayout 
     android:id="@+id/banner" 
     android:layout_width="fill_parent" 
     android:layout_height="wrap_content" 
     android:layout_marginBottom="10dip" > 

     <ViewStub 
      android:id="@+id/vsHeader" 
      android:layout_width="fill_parent" 
      android:layout_height="wrap_content" 
      android:inflatedId="@+id/headings" 
      android:layout="@layout/header" /> 
    </LinearLayout> 

    <RelativeLayout 
     android:id="@+id/categories" 
     android:layout_width="fill_parent" 
     android:layout_height="wrap_content" 
     android:layout_below="@id/banner" > 

     <ImageView 
      android:id="@+id/logo" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_centerHorizontal="true" 
      android:contentDescription="desc" 
      android:src="@drawable/logo" /> 

     <Button 
      android:id="@+id/one" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_alignParentTop="true" 
      android:layout_below="@id/logo" 
      android:layout_centerHorizontal="true" 
      android:layout_marginTop="100dp" 
      android:background="@drawable/truck_button" 
      android:onClick="onButtonClicker" /> 

     <Button 
      android:id="@+id/two" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_alignParentRight="true" 
      android:layout_alignParentTop="true" 
      android:layout_marginRight="20dp" 
      android:layout_marginTop="150dp" 
      android:background="@drawable/two" 
      android:onClick="onButtonClicker" /> 

     <Button 
      android:id="@+id/three" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_alignLeft="@+id/two" 
      android:layout_below="@+id/two" 
      android:layout_marginTop="15dp" 
      android:background="@drawable/tire_button" 
      android:onClick="onButtonClicker" /> 

     <Button 
      android:id="@+id/four" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_alignBaseline="@+id/two" 
      android:layout_alignBottom="@+id/two" 
      android:layout_marginLeft="25dip" 
      android:layout_marginRight="14dp" 
      android:background="@drawable/tow_truck_button" 
      android:onClick="onButtonClicker" /> 

     <Button 
      android:id="@+id/five" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_alignBaseline="@+id/three" 
      android:layout_alignBottom="@+id/three" 
      android:layout_alignParentLeft="true" 
      android:layout_marginLeft="25dip" 
      android:background="@drawable/trailer_button" 
      android:onClick="onButtonClicker" /> 

     <Button 
      android:id="@+id/six" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_alignLeft="@+id/one" 
      android:layout_below="@+id/five" 
      android:background="@drawable/six" 
      android:onClick="onButtonClicker" /> 
    </RelativeLayout> 

</RelativeLayout> 

如果任何人有這個任何想法請好心幫或提供您的寶貴建議。

Answer 1

最簡單的就是創建自己的CustomView，並跟蹤點擊onTouch，否則你：

1. 在UI上準備不同的細分 - ATLEAST 4-6
2. 使用相對佈局
3. 將它們對齊有他們單獨的backgorund屬性，你想在不同的分辨率下嘗試擴展。