现在的位置: 首页 > 综合 > 正文

android复杂布局示例

2012年10月14日 ⁄ 综合 ⁄ 共 2075字 ⁄ 字号 评论关闭
<?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/RelativeLayout_top"
android:orientation
="horizontal"
android:layout_width
="fill_parent"
android:layout_height
="50dp"
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/RelativeLayout_bottom"
android:orientation
="horizontal"
android:layout_width
="fill_parent"
android:layout_height
="50dp"
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>
<!-- 中部 -->
<LinearLayout
android:orientation="horizontal"
android:layout_width
="fill_parent"
android:layout_height
="fill_parent"
android:layout_above
="@id/RelativeLayout_bottom"
android:layout_below
="@+id/RelativeLayout_top">
<!-- 中部左侧栏 -->
<RelativeLayout
android:id="@+id/RelativeLayout_middleleft"
android:orientation
="vertical"
android:layout_width
="200dp"
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
="左侧标题 " />
</RelativeLayout>
<!-- 中部主框架 -->
<LinearLayout
android:orientation="vertical"
android:layout_width
="fill_parent"
android:layout_height
="fill_parent"
android:background
="#eeccee"
android:gravity
="center"
android:layout_toRightOf
="@id/RelativeLayout_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>
</RelativeLayout>

  实际显示效果如下:

抱歉!评论已关闭.