androidUI 设计之四-----多按钮选择

此案例适用于多个按钮模拟菜单的场景:


androidUI 设计之四-----多按钮选择

布局示意图:

 


androidUI 设计之四-----多按钮选择

实现代码:

 

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
  xmlns:android="http://schemas.android.com/apk/res/android"
  android:layout_width="wrap_content"
  android:layout_height="wrap_content"
  android:background="@drawable/test_bg3"
  android:gravity="center">
    <LinearLayout 
    	android:id="@+id/linearLayout1"
    	android:layout_width="wrap_content"  
    	android:layout_height="wrap_content"
    	android:orientation="vertical">
        <RelativeLayout android:layout_width="580px" android:id="@+id/relativeLayout1" android:layout_height="240px">
            <TextView  android:id="@+id/textView1"
            	android:layout_height="wrap_content"  
                android:layout_width="wrap_content" 
                android:text="多按鈕模擬菜單"
                android:textColor="@color/normwrite_Color"
                android:textSize="25px"
                android:layout_marginLeft="150px"></TextView>
            <ImageView android:id="@+id/imageView1" android:background="@drawable/test_button4" android:layout_height="91px" android:layout_marginLeft="400px" android:layout_width="90px" ></ImageView>
        </RelativeLayout>
        <LinearLayout android:id="@+id/linearLayout2"
        	android:layout_width="400px"  
        	android:layout_height="140px"
        	android:orientation="vertical">
            <LinearLayout 
            	android:layout_width="wrap_content" 
            	android:id="@+id/linearLayout3" 
            	android:layout_height="fill_parent">
                <ImageButton android:layout_width="70px" android:id="@+id/imageButton1" android:layout_marginLeft="20px" android:layout_marginTop="3px" android:layout_height="70px" android:background="@drawable/test_button1"></ImageButton>
                <ImageButton android:layout_width="70px" android:id="@+id/imageButton2" android:layout_marginLeft="20px" android:layout_marginTop="3px" android:layout_height="70px" android:background="@drawable/test_button2"></ImageButton>
                <ImageButton android:layout_width="70px" android:id="@+id/imageButton3" android:layout_marginLeft="20px" android:layout_marginTop="3px" android:layout_height="70px" android:background="@drawable/test_button3"></ImageButton>
            </LinearLayout>
        </LinearLayout>
    </LinearLayout>
</LinearLayout>