Android中的常用布局

川长思鸟来 2023-09-24 14:29 136阅读 0赞

![在这里插入图片描述][52bd12767f9e4e1394e52d808f03cfc8.png_pic_center]

#### 目录 ####

*  Android常用布局
 *   *   *   *  一、布局介绍
             *  二、布局属性
             *   *  1、公有属性
                 *  2、特有属性
             *  三、选择器（selector)
             *   *  1.作用
                 *  2.属性
                 *  3.实例说明

## Android常用布局 ##

Android系统中为我们提供的五大布局：LinearLayout(线性布局)、RelativeLayout(相对布局)、FrameLayout(帧布局)、AbsoluteLayout(绝对布局)、TablelLayout(表格布局）其中最常用的的是LinearLayout、TablelLayout和RelativeLayout。这些布局都可以嵌套使用。

##### 一、布局介绍 #####

<table> 
 <thead> 
  <tr> 
   <th>布局</th> 
   <th>介绍/特点</th> 
   <th>应用场景</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>LinerLayout（线性布局）</td> 
   <td>控件排列方式 = 线性的垂直/水平</td> 
   <td>布局内控件按照线性垂直/水平排列</td> 
  </tr> 
  <tr> 
   <td>RelativeLayout （相对布局）</td> 
   <td>根据参照物（某个控件id）来确定控件的位置</td> 
   <td>控件之间存在位置上的联系</td> 
  </tr> 
  <tr> 
   <td>FrameLayout（帧布局）</td> 
   <td>放入的控件都被放在左上角且后加入的控件会重叠覆盖在之前加入的控件上面</td> 
   <td>控件相互叠加</td> 
  </tr> 
  <tr> 
   <td>TableLayout（表格布局）</td> 
   <td>通过表格形式布局控件位置</td> 
   <td>控件之间存在固定的位置关系</td> 
  </tr> 
  <tr> 
   <td>AbsoluteLayout（绝对布局）</td> 
   <td>采用坐标的方式定位控件，左上角时（0，0）往右X轴递增往下Y轴递增</td> 
   <td>已过时</td> 
  </tr> 
 </tbody> 
</table>

##### 二、布局属性 #####

###### 1、公有属性 ######

即各个布局都存在的属性

<table> 
 <thead> 
  <tr> 
   <th>属性</th> 
   <th>介绍</th> 
   <th>使用</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>layout_width 、layout_height</td> 
   <td>设置布局的宽/高</td> 
   <td>android:layout_width=“wrap_content”//所需的最小尺寸 android:layout_height=“match_parent”//充满父布局 android:layout_width=“65dp”//固定宽高</td> 
  </tr> 
  <tr> 
   <td>layout_margin+方位</td> 
   <td>设置控件边缘相对于父控件的边距</td> 
   <td>layout_margin=“10dp”//设置四面边距layout_marginTop=“10dp”//设置上边距layout_marginBottom=“10dp”//设置下边距layout_marginLeft=“10dp”//设置左边距layout_marginRight=“10dp”//设置右边距</td> 
  </tr> 
  <tr> 
   <td>padding +方位</td> 
   <td>设置控件内容的边缘相对于控件的边距</td> 
   <td>layout_padding=“10dp”//设置四面边距layout_paddingTop=“10dp”//设置上边距layout_paddingBottom=“10dp”//设置下边距layout_paddingLeft=“10dp”//设置左边距layout_paddingRight=“10dp”//设置右边距</td> 
  </tr> 
  <tr> 
   <td>layout_gravity</td> 
   <td>控件相对父控件的位置</td> 
   <td>android:layout_gravity=“center”//居中android:layout_gravity=“center_horizontal”//水平居中android:layout_gravity=“center_vertival”//垂直居中</td> 
  </tr> 
  <tr> 
   <td>gravity</td> 
   <td>控件内容相对控件的位置</td> 
   <td>android:layout_gravity=“center”//居中android:layout_gravity=“center_horizontal”//水平居中android:layout_gravity=“center_vertival”//垂直居中</td> 
  </tr> 
 </tbody> 
</table>

###### 2、特有属性 ######

<table> 
 <thead> 
  <tr> 
   <th>布局</th> 
   <th>特有属性</th> 
   <th>用法</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>LinerLayout（线性布局）</td> 
   <td>orientation(设置控件的排列方式)layout_weight(根据设置的权重，将布局控件按比例分配，主要设置在布局内的控件中)</td> 
   <td>android:orientation=“horizontal”//水平android:orientation=“vertical”//垂直 android:layout_weight=“1.0”//设置权重</td> 
  </tr> 
  <tr> 
   <td>RelativeLayout(相对布局)</td> 
   <td>layout_alignParentXXX(当前控件对齐父控件的X方位)</td> 
   <td>android:layout_alignParentTop=“true”//当前控件顶端对齐父控件顶端 android:layout_alignParentBottom=“true”//当前控件底端对齐父控件底端android:layout_alignParentLeft=“true”//当前控件左端对齐父控件左端android:layout_alignParentRight=“true”//当前控件右端对齐父控件右端android:layout_centerInParent=“true”//当前控件位于父控件正居中的位置android:layout_centerVertival=“true”//当前控件位于父控件垂直居中的位置android:layout_centerHorizontal=“true”//当前控件位于父控件水平居中的位置</td> 
  </tr> 
  <tr> 
   <td>RelativeLayout(相对布局)</td> 
   <td>layout_X（当前控件位于某个控件的X方位）</td> 
   <td>android:layout_above=“@id/text”//当前控件位于text控件的上方 android:layout_below=“@id/text”//当前控件位于text控件的下方 android:layout_toLeftOf=“@id/text”//当前控件位于text控件的左方 android:layout_toRightOf=“@id/text”//当前控件位于text控件的右方 android:layout_alignTop=“@id/text”//当前控件的顶部 对齐 text控件的顶部 android:layout_alignRight(End)=“@id/text”//当前控件的右部 对齐 text控件的右部 android:layout_alignBottom=“@id/text”//当前控件的底部 对齐 text控件的底部 android:layout_alignLeft(Start)=“@id/text”//当前控件的左部 对齐 text控件的左部</td> 
  </tr> 
  <tr> 
   <td>AbsoluteLayout(绝对布局)</td> 
   <td>layout_x(指定控件的x坐标)<p>layout_y(指定控件的Y坐标)</p></td> 
   <td>android:layout_x=“50dp” android:layout_y=“50dp”</td> 
  </tr> 
  <tr> 
   <td>TableLayout(表格布局)</td> 
   <td>TableLayout的行TableRow = 一个水平排列的线性布局继承自线性布局故具备线性布局的全部属性</td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>FrameLayout</td> 
   <td>只具备基础属性</td> 
   <td></td> 
  </tr> 
 </tbody> 
</table>

5个布局元素可相互嵌套使用，从而实现各种不同的效果

##### 三、选择器（selector) #####

###### 1.作用 ######

通过设置选择器（selector）可使控件 在不同操作下（默认、点击等） 显示不同样式

通过 xml编写 = selector.xml

###### 2.属性 ######

<table> 
 <thead> 
  <tr> 
   <th>XML属性</th> 
   <th>说明</th> 
   <th></th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>android:drawable</td> 
   <td>放一个drawable资源</td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>android:state_pressed</td> 
   <td>按下状态，如一个按钮触摸或者点击。</td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>android:state_focused</td> 
   <td>取得焦点状态，比如用户选择了一个文本框。android:state_hovered</td> 
   <td>光标悬停状态，通常与focused state相同，它是4.0的新特性</td> 
  </tr> 
  <tr> 
   <td>android:state_selected</td> 
   <td>选中状态</td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>android:state_enabled</td> 
   <td>能够接受触摸或者点击事件</td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>android:state_checked</td> 
   <td>被checked了，如：一个RadioButton可以被check了。</td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>android:state_enabled</td> 
   <td>能够接受触摸或者点击事件</td> 
   <td></td> 
  </tr> 
 </tbody> 
</table>

注：上述所有属性的取值 ： boolean属性 = true、false

###### 3.实例说明 ######

在drawable添加 selector.xml 资源文件  
button\_selector.xml:

<?xml version="1.0" encoding="UTF-8"?>
    < selector xmlns:android="http://schemas.android.com/apk/res/android">
    
     < !-- 指定按钮按下时的图片 -->
     <item android:state_pressed="true"  
           android:drawable="@drawable/start_down"
     />
    
     < !-- 指定按钮松开时的图片 --> 
     <item android:state_pressed="false"
           android:drawable="@drawable/start"
     />
    
    < /selector>

在布局文件main.xml中控件的属性设置:

四、布局形状（Shape）

*  作用：设置布局的颜色、边框线
 *  使用：通过 xml编写 = shape.xml
 *  具体使用

<shape xmlns:android="http://schemas.android.com/apk/res/android">
    
    //默认颜色
    <solid android:color="#876543"/>
    //哪个方向有边框线
      <padding
            android:bottom="0dp"
            android:left="1dp"
            android:right="1dp"
            android:top="1dp" />
         //边框线颜色、大小
        <stroke
            android:width="1dp"
            android:color="#000000" />

在布局文件main.xml中控件的属性设置:

[52bd12767f9e4e1394e52d808f03cfc8.png_pic_center]: https://img-blog.csdnimg.cn/52bd12767f9e4e1394e52d808f03cfc8.png#pic_center