Android Studio开发学习(六)———TableLayout(表格布局)、FrameLayout(帧布局)

这篇具有很好参考价值的文章主要介绍了Android Studio开发学习(六)———TableLayout(表格布局)、FrameLayout(帧布局)。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

目录

前言

一、Tablelayout

(一)Tablelayout的相关简介

(二)TableLayout使用方法

1. 当TableLayout下面写控件、则控件占据一行的大小。(自适应一行,不留空白)

2.多个组件占据一行,则配合TableRow实现

(三)三个常用属性

 1.collapseColumns(隐藏列)

 2.stretchColumns(拉伸列)

 3.shrinkColumns(收缩列)

(四)总结

 二、FrameLayout(帧布局)

(一)FrameLayout的相关简介

(二)常用属性

(三)实例演示

1.最简单的例子

前言

前面已经学习了平时实际开发中用得较多的线性布局(LinearLayout)相对布局(RelativeLayout), 其实学完这两个基本就够用了,小编在实际开发中用得比较多的也是这两个,虽说用得不多,但是还是有必要学习一下基本的用法的,说不定哪一天能用得上呢! 你说是吧,学多点东西没什么的,又不吃亏!好了,就扯到这里,开始这一节的学习吧,这一节我们会学习 Android中的第三个局:TableLayout(表格布局)

一、Tablelayout(表格布局)

(一)Tablelayout的相关简介

学过HTML的朋友都知道,可以通过< table >< tr >< td >就可以生成一个HTML的表格, 而Android中也允许使用表格的方式来排列组件,就是行与列的方式,就说这节的TableLayout 。

(二)TableLayout使用方法

        1. 当TableLayout下面写控件、则控件占据一行的大小。(自适应一行,不留空白)

如下设置三个button,其宽度为match_parent、按道应该不占据一行,而却一个button占了一整行

<TableLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent">

        <Button
            android:layout_width="match_parent"/>

        <Button
            android:layout_width="match_parent"/>

        <Button
            android:layout_width="match_parent"/>

</TableLayout>

Android Studio开发学习(六)———TableLayout(表格布局)、FrameLayout(帧布局),Android Studio开发与学习,android studio,学习,android

2.多个组件占据一行,则配合TableRow实现

添加TableRow,使其成表格状

一个TableRow代表一行

 <TableLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent">

        <TableRow>
            <TextView
                android:background="#E0E0E0"
                android:padding="8dp"
                android:text="Cell 1" />

            <TextView
                android:background="#E0E0E0"
                android:padding="8dp"
                android:text="Cell 2" />

            <TextView
                android:background="#E0E0E0"
                android:padding="8dp"
                android:text="Cell 3" />
        </TableRow>

        <TableRow>
            <Button
                android:layout_width="match_parent"
                android:text="第一列" />

            <Button
                android:layout_width="match_parent"
                android:text="第二列" />

            <Button
                android:layout_width="match_parent"
                android:text="第三列" />
 
            <TextView
                android:background="#E0E0E0"
                android:padding="8dp"
                android:text="第四列" /> <TextView
                android:background="#E0E0E0"
                android:padding="8dp"
                android:text="第五列" />
        </TableRow>
        <TableRow>
            <Button
                android:layout_width="match_parent"
                android:text="第一列"/>
        </TableRow>

    </TableLayout>

Android Studio开发学习(六)———TableLayout(表格布局)、FrameLayout(帧布局),Android Studio开发与学习,android studio,学习,android

(三)三个常用属性

        1.collapseColumns(隐藏列)

        在TableRow中定义5个按钮后,接着在最外层的TableLayout中添加以下属性: android:collapseColumns = "0,2",就是隐藏第一与第三列,代码如下:

 <TableLayout
        android:id="@+id/TableLayout2"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:collapseColumns="0,2"
        tools:ignore="MissingConstraints">
        <TableRow> 
            <Button
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="one" />

            <Button
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="two" />

            <Button
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="three" />

            <Button
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="four" />

            <Button
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="five" />
        </TableRow>
    </TableLayout>

Android Studio开发学习(六)———TableLayout(表格布局)、FrameLayout(帧布局),Android Studio开发与学习,android studio,学习,android

 2.stretchColumns(拉伸列)

        在TableLayout中设置了四个文本框,在最外层的TableLayout中添加以下属性: android:stretchColumns = "1"

设置第二列为可拉伸列,让该列填满这一行所有的剩余空间,代码如下:

<TableLayout
        android:id="@+id/TableLayout2"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:stretchColumns="1"> 
        <TableRow>
            <TextView
                android:background="#E0E0E0"
                android:padding="8dp"
                android:text="one" />

            <TextView
                android:background="#E0E0E0"
                android:padding="8dp"
                android:text="two" />

            <TextView
                android:background="#E0E0E0"
                android:padding="8dp"
                android:text="three" />

            <TextView
                android:background="#E0E0E0"
                android:padding="8dp"
                android:text="four" />

        </TableRow>
    </TableLayout>

Android Studio开发学习(六)———TableLayout(表格布局)、FrameLayout(帧布局),Android Studio开发与学习,android studio,学习,android

 3.shrinkColumns(收缩列)

设置4个文本框和一个按钮,在最外层的TableLayout中添加以下属性: android:shrinkColumns = "1"

设置第二个列为可收缩列,代码如下:

<TableLayout
        android:id="@+id/TableLayout2"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:shrinkColumns="1">

        <TableRow>

            <TextView
                android:background="#E0E0E0"
                android:padding="8dp"
                android:text="one" />

            <TextView
                android:background="#E0E0E0"
                android:padding="8dp"
                android:text="two" />

            <TextView
                android:background="#E0E0E0"
                android:padding="8dp"
                android:text="three" />

            <TextView
                android:background="#E0E0E0"
                android:padding="8dp"
                android:text="four" />

            <Button
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="----------- one--------------- " />

        </TableRow>
    </TableLayout>

Android Studio开发学习(六)———TableLayout(表格布局)、FrameLayout(帧布局),Android Studio开发与学习,android studio,学习,android

(四)总结

Android Studio开发学习(六)———TableLayout(表格布局)、FrameLayout(帧布局),Android Studio开发与学习,android studio,学习,android

 二、FrameLayout(帧布局)

(一)FrameLayout的相关简介

        这个布局直接在屏幕上开辟出一块空白的区域,往里面添加控件的时候,会默认把他们放到这块区域的左上角,而这种布局方式却没有任何的定位方式,所以它应用的场景并不多;帧布局的大小由控件中最大的子控件决定,如果控件的大小一样大的话,那么同一时刻就只能看到最上面的那个组件,后续添加的控件会覆盖前一个,虽然默认会将控件放置在左上角,但是可以通过layout_gravity属性,指定到其他的位置。

(二)常用属性

FrameLayout的属性很少就两个,但是在说之前先介绍一个东西:

前景图像:永远处于帧布局最上面,直接面对用户的图像,就是不会被覆盖的图片。

两个属性:

        1.android:foreground:设置改帧布局容器的前景图像

        2.android:foregroundGravity:设置前景图像显示的位置

(三)实例演示

简单的例子
<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/main"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".SixthActivity"
    android:foreground="@mipmap/knowledge"
    android:foregroundGravity="right|bottom"
    >
    <TextView
        android:layout_width="200dp"
        android:layout_height="200dp"
        android:background="#2eaa0f" />
    <TextView
        android:layout_width="150dp"
        android:layout_height="150dp"
        android:background="#bdaccc" />
    <TextView
        android:layout_width="100dp"
        android:layout_height="100dp"
        android:background="#77b8ff" />
</FrameLayout>

Android Studio开发学习(六)———TableLayout(表格布局)、FrameLayout(帧布局),Android Studio开发与学习,android studio,学习,android文章来源地址https://www.toymoban.com/news/detail-849292.html

到了这里,关于Android Studio开发学习(六)———TableLayout(表格布局)、FrameLayout(帧布局)的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • Android常用布局之FrameLayout(帧布局)

    FrameLayout(帧布局)可以说是六大布局中最为简单的一个布局,这个布局直接在屏幕上开辟出一块空白的区域,当我们往里面添加控件的时候,会默认把他们放到这块区域的 左上角, 而这种布局方式却没有任何的定位方式,所以它应用的场景并不多;帧布局的大小由控件中最大的子控件

    2023年04月10日
    浏览(79)
  • Android Studio开发学习(五)———LinearLayout(线性布局)

            认识了解一下Android中的布局,分别是: LinearLayout(线性布局),RelativeLayout(相对布局),TableLayout(表格布局), FrameLayout(帧布局),AbsoluteLayout(绝对布局),GridLayout(网格布局) 等。 1.常见属性 (1)id值: android:id=\\\"@+id/\\\"         id相当于一个标识,方便后期写代码时找

    2024年04月13日
    浏览(25)
  • Android 的 FrameLayout (帧布局)

    FrameLayout(帧布局)可以说是六大布局中最为简单的一个布局,这个布局直接在屏幕上开辟出一块空白的区域,当我们往里面添加控件的时候,会默认把他们放到这块区域的左上角,而这种布局方式却没有任何的定位方式,所以它应用的场景并不多;帧布局的大小由控件中最大的子控件决

    2024年02月06日
    浏览(62)
  • Android布局【TableLayout】

    TableLayout 也称为表格布局 android:collapseColumns :设置需要被隐藏的列的序列号,从0开始 android:stretchColumns :设置允许被拉伸的列的列序号,从0开始,拉伸占据的是剩余的空间 android:shrinkColumns :设置允许被收缩的列的列序号,从0开始 android:layout_column :显示在第几列 android:l

    2024年02月12日
    浏览(34)
  • 【Android从零单排系列三十三】《Android布局介绍——FrameLayout》

    目录 前言 一 FrameLayout基本介绍 二 FrameLayout使用方法 三 FrameLayout常见属性及方法 四 FrameLayout简单案例 五 总结 小伙伴们,在上文中我们介绍了Android布局AbsoluteLayout,本文我们继续盘点介绍Android开发中另一个常见的布局,帧布局FrameLayout。 FrameLayout是Android中的一种布局容器,

    2024年02月12日
    浏览(28)
  • Android Studio学习一得——Android用户界面的设计布局

    当我们创建了一个安卓项目后,我们会发现真正建立一个完善的安卓项目并不是想象的那么容易。其实和设计可视化界面一样,开发安卓也需要考虑很多方面,主要考虑的还是界面布局和需要的组件。 Android系统按照 MVC ( 模型(model) - 视图(view) - 控制器(controller) )设计模式将应

    2024年02月09日
    浏览(36)
  • HarmonyOS学习路之开发篇—Java UI框架(TableLayout)

    TableLayout使用表格的方式划分子组件。 TableLayout的共有XML属性继承自:Component TableLayout的自有XML属性见下表: 属性名称 中文描述 取值 取值说明 使用案例 alignment_type 对齐方式 align_edges 表示TableLayout内的组件按边界对齐。 ohos:alignment_type=\\\"align_edges\\\" align_contents 表示TableLayout内的

    2024年02月09日
    浏览(29)
  • 布局设计和实现:计算器UI【TableLayout、GridLayout】

    根据自己的需求输入其他信息 填写完成后,点击 Finish 即可 在 res/layout 文件夹中的XML文件中创建UI界面。在这个XML文件中,您可以使用TableLayout来设计计算器界面。 2.1 创建layout文件夹 但是默认创建出来的项目并不会包含 layout 布局文件夹,因此需要我们自行创建 在 res 目录内

    2024年02月04日
    浏览(30)
  • Android Studio安卓开发--ListView学习整理

    ListView允许用户通过手指上下滑动的方式将屏幕外的数据滚动到屏幕内,同时屏幕上原有的数据则会滚动出屏幕。 (1)activity_main.xml布局中加入ListView控件:(先占满整个布局的空间) (2)MainActivity.java中使用ListView展示大量数据: 使用ArrayAdapter泛型类(指定为String)将数据

    2024年01月20日
    浏览(37)
  • android studio 页面布局(1)

    2023年04月24日
    浏览(70)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包