luncy_yuan的博客

AR学习开发Android应用前期软件配置

Android布局方式详解

Android常见5中布局方式:
1. 线性布局
2. 帧结构
3. 表格布局
4. 相对布局
5. 绝对布局

1、线性布局LinearLayout

采用垂直或者水平方式进行布局,属性值有vertical和horizontal两种。
android:orientation:可以设置布局的方向
android:gravity:用来控制组件的对齐方式
layout_weight:控制各个组件在布局中的相对大小。
案例:
效果图:
这里写图片描述
核心代码:

<?xml version="1.0" encoding="utf-8"?> 
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    android:orientation="vertical" 
    android:layout_width="fill_parent" 
    android:layout_height="fill_parent" 
    >       
    <LinearLayout 
        android:layout_width="fill_parent" 
        android:layout_height="wrap_content" 
        android:orientation="vertical" 
        > 
        <EditText 
            android:layout_width="fill_parent" 
            android:layout_height="wrap_content" 
            /> 
    </LinearLayout> 
    <LinearLayout 
        android:layout_width="fill_parent" 
        android:layout_height="wrap_content" 
        android:orientation="horizontal" 
        android:gravity="right" 
        > 
    <!-- android:gravity="right"表示Button组件向右对齐 --> 
        <Button 
            android:layout_height="wrap_content" 
            android:layout_width="wrap_content" 
            android:text="确定" 
            /> 
        <Button 
            android:layout_height="wrap_content" 
            android:layout_width="wrap_content" 
            android:text="取消" 
            />    
     </LinearLayout> 
</LinearLayout> 

2、帧结构FrameLayout

帧布局是从屏幕的左上角(0,0)坐标开始布局,多个组件层叠排列,第一个添加的组件放到最底层,最后添加到框架中的视图显示在最上面。上一层的会覆盖下一层的控件。
案例:
效果图:
这里写图片描述
核心代码:

<?xml version="1.0" encoding="utf-8"?> 
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    android:layout_width="fill_parent" 
    android:layout_height="fill_parent" 
    > 
    <TextView    
        android:layout_width="300dp"   
        android:layout_height="300dp"   
        android:background="#00BFFF"          
        /> 
    <TextView    
        android:layout_width="260dp"   
        android:layout_height="260dp"   
        android:background="#FFC0CB"          
        /> 
    <TextView    
        android:layout_width="220dp"   
        android:layout_height="220dp"   
        android:background="#0000FF"          
        /> 
</FrameLayout> 

3、表格布局TableLayout

表格布局是一个ViewGroup以表格显示它的子视图(view)元素,即行和列标识一个视图的位置。
表格布局常用的属性如下:
android:collapseColumns:隐藏指定的列
android:shrinkColumns:收缩指定的列以适合屏幕,不会挤出屏幕
android:stretchColumns:尽量把指定的列填充空白部分
android:layout_column:控件放在指定的列
android:layout_span:该控件所跨越的列数
这里写图片描述
核心代码:

<?xml version="1.0" encoding="utf-8"?> 
<TableLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    android:layout_width="fill_parent" 
    android:layout_height="fill_parent" 
    > 
    <TableRow> 
        <Button 
            android:text="Button1" 
            /> 
        <Button 
            android:text="Button2" 
            /> 
        <Button 
            android:text="Button3" 
            /> 
    </TableRow> 
    <TableRow> 
        <Button 
            android:text="Button4" 
            /> 
        <Button 
            android:layout_span="2" 
            android:text="Button5" 
            /> 
    </TableRow> 

</TableLayout> 

4、相对布局RelativeLayout

相对布局是按照组件之间的相对位置来布局,比如在某个组件的左边,右边,上面和下面。
案例分析:
效果图:
这里写图片描述
核心代码:

<?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="wrap_content" 
    android:padding="10px" 
    > 
    <TextView    
        android:id="@+id/tev1" 
        android:layout_width="wrap_content"   
        android:layout_height="wrap_content"   
        android:layout_marginBottom="30dp" 
        android:text="Please Type Here:" 
        /> 
    <EditText 
        android:id="@+id/tx1" 
        android:layout_width="match_parent" 
        android:layout_height="wrap_content" 
        android:layout_below="@id/tev1" 
        /> 
    <Button 
        android:id="@+id/btn1" 
        android:layout_height="wrap_content" 
        android:layout_width="wrap_content" 
        android:layout_below="@id/tx1" 
        android:layout_alignParentRight="true" 
        android:text="确定" 
        /> 
    <Button 
        android:id="@+id/btn2" 
        android:layout_height="wrap_content" 
        android:layout_width="wrap_content" 
        android:layout_below="@id/tx1" 
        android:layout_toLeftOf="@id/btn1" 
        android:layout_marginRight="30dp" 
        android:text="取消" 
        /> 
</RelativeLayout> 

5.绝对布局

绝对布局通过指定子组件的确切X,Y坐标来确定组件的位置,在Android2.0 API文档中标明该类已经过期,可以使用FrameLayout或者RelativeLayout来代替。所以这里不再详细介绍。

阅读更多
想对作者说点什么? 我来说一句

Android布局详解

2011年10月07日 22KB 下载

Android六大布局详解

2016年09月27日 276KB 下载

没有更多推荐了,返回首页

不良信息举报

Android布局方式详解

最多只允许输入30个字

加入CSDN,享受更精准的内容推荐,与500万程序员共同成长!
关闭
关闭