六大常用布局总结

作者: dayang | 来源:发表于2017-03-30 15:11 被阅读114次

LinearLayout

线性布局,有两个方向:垂直与水平,控件的位置控制使用weight与layout_gravity;

RelativeLayout

相对布局,使用多个相对属性控制控件的位置,无法使用layout_gravity

TableLayout
  • stretchColumns属性指定列数,从0开始计数
  • 一个控件占据一行
  • 大多数属性跟LinearLayout差不多
  • 列的宽度,通过weight设置

使用<TableRow>标签,标签本身代表一列,标签里面的控件依次各占一列

用TableLayout实现账号输入
  <TableLayout
      android:id="@+i/tableUser"
      android:layout_width="match_parent"
      android:layout_height="wrap_content"
      android:gravity="center_vertical"
      android:stretchColumns="0,1">        
      <TableRow
          android:layout_width="match_parent"
          android:layout_height="wrap_content">
      <TextView
          android:id="@+id/tvText"
          android:layout_width="0dp"
          android:layout_height="wrap_content"
          android:layout_weight="1"//
          android:text="用户:"
          android:textSize="20dp" />
      <EditText 
         android:id="@+id/etEditText"                
         android:layout_width="0dp"
         android:layout_height="wrap_content"
         android:layout_weight="5"
         android:hint="请输入用户名字" />
     </TableRow>
  </TableLayout>
GridLayout

有水平和垂直两个方向;使用columnCount进行一行有多少列的设置,使用columnSpan进行控件的跨列设置,占据一行
使用weightColumns进行列的权重

一些呵呵哒的属性

  • columnCount 设置一行的最大列数
  • rowCount 设置最大的行数
  • columnSpan 设置跨列数
  • rowSpan 设置跨行数
  • columnWeight 列的权重
  • rowWeight 行的权重
FrameLayout

帧布局,将控件以一层层帧的形式放置在布局中,像是一叠信件

PercentRelativeLayout

更像是线性布局与相对布局的合体,使用百分比进行控件的大小设置

一些让人呵呵哒的属性

  • layout_widthPercent;值为百分比
  • layout_heigthPercent;值为百分比
使用步骤
  • 加上编译jar包,在gradle文件中compile设置
    compile 'com.android.support:percent:24.0.0'
  • 在布局文件中进行app命名空间设置
    xmlns:app="http://schemas.android.com/apk/res-auto"

相关文章

  • 六大常用布局总结

    LinearLayout 线性布局,有两个方向:垂直与水平,控件的位置控制使用weight与layout_grav...

  • web前端教程:CSS 布局十八般武艺都在这里了

    CSS布局 布局是CSS中一个重要部分,本文总结了CSS布局中的常用技巧,包括常用的水平居中、垂直居中方法,以及单...

  • Android 六大基本布局

    1.android 六大基本布局: 线性布局LinearLayou、相对布局RelativeLayout、表格布局...

  • Android基础01

    Android中有六大布局,分别是:LinearLayout(线性布局),RelativeLayout(相对布局)...

  • Android应用开发之线性布局

    Android中有六大布局,分别是: LinearLayout(线性布局) RelativeLayout(相对布局...

  • 常用居中布局总结

    一、水平居中 1、行内元素 父元素设置text-align:center. 2、块级元素 margin:0 aut...

  • 经典页面布局学习

    总结几种常用的页面布局 上中下布局 页面运行效果: 左右两栏布局 页面运行效果: 左右两栏纯浮动实现宽度固定,不能...

  • CSS的布局与居中

    今天就总结一下CSS中几种常用的布局方式和居中方式。 1. 左右布局 网页布局常见左右两列布局,左侧栏是固定宽度。...

  • Android布局

    看了几篇文章以及自己写了一些,关于布局的问题,根据别人的写作总结一下得到 一.基本理论Android六大基本布局分...

  • 2.1.2 快速掌握 Android 中的六大布局

    本篇我们介绍了六大布局Linear Layout(线性布局)、Frame Layout(帧布局)、Relative...

网友评论

    本文标题:六大常用布局总结

    本文链接:https://www.haomeiwen.com/subject/holzpttx.html