Android常见界面布局(详细介绍)

编程之家收集整理的这篇文章主要介绍了Android常见界面布局(详细介绍)编程之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

一、View视图

所有的UI元素都是通过View与ViewGroup构建的,对于一个Android应用的用户界面来说,ViewGroup作为容器盛装界面中的控件,它可以包含普通的View控件,也可以包含ViewGroup。

在这里插入图片描述

二、界面布局编写方式

有两种界面布局方式,第一种是在XML文件中编写布局,最常用的也是这种;第二种是在java代码中编写布局,如图:

在这里插入图片描述


1、在XML文件中编写布局

在这里插入图片描述


UI界面如图:

在这里插入图片描述


2、在java代码中编写布局

在这里插入图片描述


UI界面如图:

在这里插入图片描述


三、常见界面布局

1、常用布局及特点:

在这里插入图片描述


2、布局的通用属性
Android系统提供的五种常用布局直接或者间接继承自ViewGroup,因此它们也支持在ViewGroup中定义的属性,这些属性可以看作是布局的通用属性

在这里插入图片描述


3、RelativeLayout相对布局
(1)概述
相对布局(RelativeLayout)是通过相对定位的方式指定子控件位置,即以其它控件或父容器为参照物,摆放控件位置。
(2)定义格式

在这里插入图片描述


(3)相对布局—控件位置属性

在这里插入图片描述


(4)UI界面

在这里插入图片描述


4、LinearLayout线性布局
(1)概述
线性布局(LinearLayout)主要以水平或垂直方式来显示界面中的控件。当控件水平排列时,显示顺序依次为从左到右,当控件垂直排列时,显示顺序依次为从上到下。

在这里插入图片描述

(2)orientation属性

orientation属性控制控件排列方向,包含两个属性值:vertical(垂直)、horizontal(水平);
weight属性表示权重。

在这里插入图片描述


比如一共有三个按钮水平排列,分别为按钮1、按钮2、按钮3,那么orientation属性为horizontal,按钮1的weight为1,按钮2的weight为1,按钮3的weight为2。那么它们的宽度将按照比重来,按钮1占1/4,按钮2占1/4,按钮3占1/2也就是一半,如图:

在这里插入图片描述


(3)线性布局—注意事项

在这里插入图片描述


5、TableLayout表格布局

(1)概述
采用行、列的形式来管理控件,它不需要明确声明包含多少行、多少列,而是通过在TableLayout布局中添加TableRow布局来控制表格的行数,通过在TableRow布局中添加控件来控制表格的列数。

(2)代码样式

<TableLayout xmlns:android="http://schemas.android.com/apk/res/android"
             属性 =属性值”>
             <TableRow>
	UI控件
             </TableRow>
                 ......
</TableLayout>

(3)布局属性和控件属性

在这里插入图片描述


(4)UI界面

<TableLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:stretchColumns="2">//第3列可被拉伸
        <TableRow>
            <Button
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_column="0"//设置控件所在列
                android:text="按钮1" />
	......
        </TableRow>
    </TableLayout>

在这里插入图片描述


6、FrameLayout帧布局

(1)概述
帧布局(FrameLayout)用于在屏幕上创建一块空白区域,添加到该区域中的每个子控件占一帧,这些帧会一个一个叠加在一起,后加入的控件会叠加在上一个控件上层
所有控件都默认显示在屏幕左上角。

(2)定义格式

<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    属性 ="属性值">
</FrameLayout>

(3)UI界面

<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:foreground="@mipmap/ic_launcher"//设置帧布局容器的前景图像(始终在所有子控件之上)
        android:foregroundGravity="left" >//设置前景图像显示位置
    </FrameLayout>

在这里插入图片描述


7、ConstraintLayout约束布局

(1)概述
ConstraintLayout是Android Studio2.2新添加的布局。
它适合使用可视化的方式编写界面布局——当然,可视化操作的背后仍然是使用XML代码实现的,只不过这些代码是Android Studio根据我们的操作自动生成的。包含相对定位、居中定位和倾向、Chain三项。

(2)相对定位
相对定位是在ConstraintLayout中创建布局的基本构建方法之一。相对定位即一个控件相对于另一个控件进行定位。
ConstraintLayout布局中的控件可以在横向和纵向上以添加约束关系的方式进行相对定位,其中,横向边包括Left、Start、Right、End,纵向边包括Top、Bottom、Baseline(文本底部的基准线)。

在这里插入图片描述


(3)相对定位关系的属性

在这里插入图片描述


(4)居中定位和倾向

在这里插入图片描述


在这里插入图片描述


(5)Chain

在这里插入图片描述


在这里插入图片描述

四、总结:

博客内容主要针对Android界面布局的相关知识进行讲解。通过本次的学习,我们希望读者能够掌握View和ViewGroup的功能、掌握不同界面布局以及布局中控件属性的使用,因为在Android应用中,所有功能大部分都体现在界面上,界面的美观会给用户一个友好的体验。

有些东西,并不是越浓越好,要恰到好处。深深的话我们浅浅地说,长长的路我们慢慢地走。

总结

以上是编程之家为你收集整理的Android常见界面布局(详细介绍)全部内容,希望文章能够帮你解决Android常见界面布局(详细介绍)所遇到的程序开发问题。

如果觉得编程之家网站内容还不错,欢迎将编程之家网站推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您喜欢寻找一群志同道合、互帮互助的学习伙伴,可以点击下方链接加入:
编程之家官方1群
编程之家官方2群
编程之家官方3群
编程之家官方4群

相关文章

猜你在找的Android相关文章

*由于工作需要,需要利用MediaCodec实现Playback及Transcode等功能,故在学习过程中翻译了Google官方的MediaCodec API文档,由于作者水平限制,文中难免有错误和不
基本概念: I frame :帧内编码帧 又称intra picture,I 帧通常是每个 GOP(MPEG 所使用的一种视频压缩技术)的第一个帧,经过适度地压缩,做为随机访问的参考点,可以当成图象。
*由于工作需要,需要利用MediaCodec实现Playback及Transcode等功能,故在学习过程中翻译了Google官方的MediaCodec API文档,由于作者水平限制,文中难免有错误和不
*由于工作需要,需要利用MediaCodec实现Playback及Transcode等功能,故在学习过程中翻译了Google官方的MediaCodec API文档,由于作者水平限制,文中难免有错误和不
本文系作者自己学习之所用,文章内容仅出自作者拙劣之思考,问题之处烦请不吝指教。 在frameworksavmedialibmediamediaplayer.cpp中会有语句:const sp&
前言 最近Android对于文件的许多方法进行了修改,网络上又没有对Android4到Android11关于系统相机、系统相册和系统裁剪的适配方案,我花了几天事件总结了一下,先上源码 DEMO源码 先
1.使用内部存储 Android系统能够直接把文件存在设备的内部存储内。 默认情况下,保存在内部存储内的文件是应用程序私有的,其他应用程序(或用户)是无法访问的。 当用户卸载此应用程序时,内部存储的数
Android开发过程中,发现一个小问题,当我们点击屏幕下面的输入框时,我们的RadioGroup会跑到输入法的上面去,如下图 两种解决方法 1、Manifest.xml文件activity标签中添加
微信公众号搜索 “ 程序精选 ” ,选择关注!
微信公众号搜 "程序精选"关注