下面是软件运行时的界面:
xml代码如下:
- <?xml version="1.0" encoding="UTF-8"?>
- <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
- android:id="@+id/RelativeLayout_bg" android:layout_width="fill_parent"
- android:layout_height="fill_parent">
- <!-- 头部 -->
- <RelativeLayout
- android:id="@+id/MyLayout_top"
- android:orientation="horizontal"
- android:layout_width="fill_parent"
- android:layout_height="20dp"
- android:layout_alignParentTop="true"
- android:gravity="center">
- <TextView
- android:id="@+id/view_top"
- android:layout_width="wrap_content"
- android:layout_height="wrap_content"
- android:textColor="#FF00ff00"
- android:text="顶部标题" />
- </RelativeLayout>
- <!-- 底部 -->
- <RelativeLayout
- android:id="@+id/MyLayout_bottom"
- android:orientation="horizontal"
- android:layout_width="fill_parent"
- android:layout_height="40dp"
- android:layout_alignParentBottom="true"
- android:gravity="center">
- <Button
- android:id="@+id/Button_goMain"
- android:text="底部按钮"
- android:layout_width="wrap_content"
- android:layout_height="wrap_content" />
- </RelativeLayout>
- <!-- 中部 -->
- <RelativeLayout
- android:orientation="horizontal"
- android:layout_width="fill_parent"
- android:layout_height="fill_parent"
- android:layout_above="@id/MyLayout_bottom"
- android:layout_below="@id/MyLayout_top">
- <!-- 中部左侧栏 -->
- <LinearLayout
- android:id="@+id/MyLayout_middleleft"
- android:orientation="vertical"
- android:layout_width="60dp"
- android:layout_height="fill_parent"
- android:background="#1d2152"
- android:layout_alignParentLeft="true"
- android:gravity="center">
- <TextView
- android:id="@+id/view_middleleft"
- android:layout_width="wrap_content"
- android:layout_height="wrap_content"
- android:textColor="#FF00cc00"
- android:text="左侧标题 " />
- </LinearLayout>
- <!-- 中部主框架 -->
- <LinearLayout
- android:id="@+id/LinearLayoutMiddle"
- android:orientation="vertical"
- android:layout_width="fill_parent"
- android:layout_height="fill_parent"
- android:background="#eeccee"
- android:gravity="center"
- android:layout_toRightOf="@id/MyLayout_middleleft">
- <TextView
- android:id="@+id/view_middle_area"
- android:layout_width="wrap_content"
- android:layout_height="wrap_content"
- android:textColor="#000066"
- android:text="主面板标题" />
- </LinearLayout>
- <!-- 中部右侧栏 -->
- <LinearLayout
- android:orientation="vertical"
- android:layout_width="60dp"
- android:layout_height="fill_parent"
- android:background="#1d2152"
- android:layout_alignParentRight="true"
- android:gravity="center">
- <TextView
- android:id="@+id/view_middle_right_area"
- android:layout_width="wrap_content"
- android:layout_height="wrap_content"
- android:textColor="#000066"
- android:text="右标题" />
- </LinearLayout>
- </RelativeLayout>
- </RelativeLayout>