android复杂布局示例

最新推荐文章于 2024-04-27 13:43:55 发布

转载最新推荐文章于 2024-04-27 13:43:55 发布 · 109 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/meetrice/archive/2011/08/29/2158224.html

文章标签：

#移动开发

本文详细介绍了如何使用XML来构建Android应用的界面布局，包括头部、底部和中部的结构设计，以及颜色、文本等样式的应用。通过实例展示了如何在Android应用中实现灵活且美观的界面设计。

<?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>