android activity 各种布局方式以及相关参数

作者: Android高级工程师 | 来源:发表于2019-04-20 21:14 被阅读0次

android activity 各种布局方式以及相关参数
android 事件分发以及滑动冲突
面试宝典|Android基础（一）
android 键盘挡住界面问题
Android 界面侧滑
Fragment学习及简单实践
Android--UI布局
LayoutInflater加载布局
Android 面试题总结
View篇_04view绘制流程

LinearLayout - 线形布局。
orientation - 容器内元素的排列方式。vertical: 子元素们垂直排列；horizontal: 子元素们水平排列
gravity - 内容的排列形式。常用的有 top, bottom, left, right, center 等

FrameLayout - 层叠式布局。以左上角为起点，将 FrameLayout 内的元素一层覆盖一层地显示
TableLayout - 表格式布局。
TableRow - 表格内的行，行内每一个元素算作一列
collapseColumns - 设置 TableLayout 内的 TableRow 中需要隐藏的列的列索引，多个用“,”隔开
stretchColumns - 设置 TableLayout 内的 TableRow 中需要拉伸（该列会拉伸到所有可用空间）的列的列索引，多个用“,”隔开
shrinkColumns - 设置 TableLayout 内的 TableRow 中需要收缩（为了使其他列不会被挤到屏幕外，此列会自动收缩）的列的列索引，多个用“,”隔开
RelativeLayout - 相对定位布局。
layout_centerInParent - 将当前元素放置到其容器内的水平方向和垂直方向的中央位置（类似的属性有：layout_centerHorizontal, layout_alignParentLeft 等）
layout_marginLeft - 设置当前元素相对于其容器的左侧边缘的距离
layout_below - 放置当前元素到指定的元素的下面
layout_alignRight - 当前元素与指定的元素右对齐

layout_width - 宽。

fill_parent: 宽度跟着父元素走；

wrap_content: 宽度跟着本身的内容走；

直接指定一个 px 值来设置宽

layout_height - 高。

fill_parent: 高度跟着父元素走；

wrap_content: 高度跟着本身的内容走；

直接指定一个 px 值来设置高
<?xml version="1.0" encoding="utf-8"?>

<!--
FrameLayout - 层叠式布局。以左上角为起点，将  FrameLayout 内的元素一层覆盖一层地显示
-->
<FrameLayout android:layout_height="wrap_content"
    android:layout_width="fill_parent">
    <TextView android:layout_width="wrap_content"
        android:layout_height="wrap_content" android:text="FrameLayout">
    </TextView>
    <TextView android:layout_width="wrap_content"
        android:layout_height="wrap_content" android:text="Frame Layout">
    </TextView>
</FrameLayout>

<TextView android:layout_width="wrap_content"
    android:layout_height="wrap_content" android:text="@string/hello" />

<!--
TableLayout - 表格式布局。
    TableRow - 表格内的行，行内每一个元素算作一列
    collapseColumns - 设置 TableLayout 内的 TableRow 中需要隐藏的列的列索引，多个用“,”隔开
    stretchColumns - 设置 TableLayout 内的 TableRow 中需要拉伸（该列会拉伸到所有可用空间）的列的列索引，多个用“,”隔开
    shrinkColumns - 设置 TableLayout 内的 TableRow 中需要收缩（为了使其他列不会被挤到屏幕外，此列会自动收缩）的列的列索引，多个用“,”隔开
-->
<TableLayout android:id="@+id/TableLayout01"
    android:layout_width="fill_parent" android:layout_height="wrap_content"
    android:collapseColumns="1">
    <TableRow android:id="@+id/TableRow01" android:layout_width="fill_parent"
        android:layout_height="wrap_content">
        <TextView android:layout_width="wrap_content"
            android:layout_weight="1" android:layout_height="wrap_content"
            android:text="行1列1" />
        <TextView android:layout_width="wrap_content"
            android:layout_weight="1" android:layout_height="wrap_content"
            android:text="行1列2" />
        <TextView android:layout_width="wrap_content"
            android:layout_weight="1" android:layout_height="wrap_content"
            android:text="行1列3" />
    </TableRow>
    <TableRow android:id="@+id/TableRow01" android:layout_width="wrap_content"
        android:layout_height="wrap_content">
        <TextView android:layout_width="wrap_content"
            android:layout_height="wrap_content" android:text="行2列1" />
    </TableRow>
</TableLayout>

<!--
AbsoluteLayout - 绝对定位布局。
    layout_x - x 坐标。以左上角为顶点
    layout_y - y 坐标。以左上角为顶点
-->
<AbsoluteLayout android:layout_height="wrap_content"
    android:layout_width="fill_parent">
    <TextView android:layout_width="wrap_content"
        android:layout_height="wrap_content" android:text="AbsoluteLayout"
        android:layout_x="100px" 
        android:layout_y="100px" />
</AbsoluteLayout>

<!--
RelativeLayout - 相对定位布局。
    layout_centerInParent - 将当前元素放置到其容器内的水平方向和垂直方向的中央位置（类似的属性有 ：layout_centerHorizontal, layout_alignParentLeft 等）
    layout_marginLeft - 设置当前元素相对于其容器的左侧边缘的距离
    layout_below - 放置当前元素到指定的元素的下面
    layout_alignRight - 当前元素与指定的元素右对齐
-->
<RelativeLayout android:id="@+id/RelativeLayout01"
    android:layout_width="fill_parent" android:layout_height="fill_parent">
    <TextView android:layout_width="wrap_content" android:id="@+id/abc"
        android:layout_height="wrap_content" android:text="centerInParent=true"
        android:layout_centerInParent="true" />
    <TextView android:layout_width="wrap_content"
        android:layout_height="wrap_content" android:text="marginLeft=20px"
        android:layout_marginLeft="20px" />
    <TextView android:layout_width="wrap_content"
        android:layout_height="wrap_content" android:text="xxx"
        android:layout_below="@id/abc" android:layout_alignRight="@id/abc" />
</RelativeLayout>

</LinearLayout>