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常见界面布局(详细介绍)所遇到的程序开发问题。

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

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
喜欢与人分享编程技术与工作经验,欢迎加入编程之家官方交流群!

相关文章

猜你在找的Android相关文章

Android本意指“机器人”,Google公司将Android的标识设计为一个绿色机器人, 表示Android系统符合环保概念,是一个轻薄短小,功能强大的移动系统,是第一个真正为手机打造的开放性系统。今天给大家介绍一下常见的Android界面控件。1、TextView控件(1)功能:TextView用于显示文本信息。(2)布局属性和功能描述:(3)代码样式和界面显示:...
(1)点击左侧app目录下的manifests,打开AndroidManiFest.xml文件,如图:(2)找到其中为 android:theme="@style/AppTheme" 的语句,如图:(3)将其修改为 android:theme="@style/Theme.AppCompat.NoActionBar" 即可。
本章目录一、服务概述二、服务的创建三、服务的生命周期四、服务的启动方式1、调用startService()方法启动服务2、调用bindService()方法启动服务五、服务的通信1、本地服务通信和远程服务通信2、实战演练——音乐播放器六、本章小结一、服务概述二、服务的创建清单文件:&lt;?xml version="1.0" encoding="utf-8"?&gt; &lt;manifest xmlns:android="http://schemas.android.com/apk/
本章目录一、内容提供者概述二、创建内容提供者三、访问其他应用程序1、查询其他程序的数据2 、查询系统短信四、内容观察者1、什么是内容观察者2、监测数据变化五、本章小结一、内容提供者概述二、创建内容提供者三、访问其他应用程序1、查询其他程序的数据 //获取相应操作的Uri,Uri.parse()方法是将字符串转化成Uri对象。 Uri uri = Uri.parse("content://cn.itcast.mycontentprovider/person"); //获取Conten
博主发过很多Android项目,很多同学都在评论说道导入之后运行不起来或者报错,这是因为我的项目版本和你Android的gradle版本不一致,这里给大家介绍如何按照自己gradle版本导入我的Android项目。1、首先打开一个Android项目,可以看到里面有这些文件夹,将.gradle和.idea这两个文件夹删除。2、选中build.gradle这个文件,用记事本打开,可以看到这里是自己的版本号,我的是3.6.1,你可以查看自己项目的这个文件的版本号,然后把那个版本号修改到这里就行,当然也可以在
项目目录一、项目概述二、开发环境三、详细设计1、主界面的搭建2、消息界面的搭建3、联系人界面的搭建4、动态界面的搭建5、聊天界面的搭建7、跳转功能实现7.1、选项卡的切换7.2、消息列表的适配器8、昵称的传值四、项目效果五、项目总结一、项目概述本次项目主要包含了QQ消息、联系人和动态三个选项卡界面的切换,其中消息界面设计的很详细,有消息列表和消息内容,在点击消息对话框后,会跳转到聊天界面,还会把联系人姓名传值过来。联系人和动态的界面就是很简单的两张截图,点击底下的TextView实现切换。二、开发环境
一、需求分析1、业务需求分析2、架构分析3、数据库类设计分析4、界面需求分析4.1、记事本界面4.2、添加记录界面4.3、修改记录界面二、开发环境介绍三、记事本功能业务实现1 、搭建聊天界面布局关于修改清单文件可以参考 Android Studio如何去除默认标题栏2 、搭建聊天条目布局3 、封装记录信息实体类4 、编写记事本列表适配器//适配器中的getView()方法public View getView(int position, View con
项目目录一、项目概述二、开发环境三、详细设计1、头像设计2、账号输入框3、密码输入框4、登录按钮5、按钮点击事件四、项目效果五、项目总结一、项目概述QQ是我们日常生活使用最多的软件之一,包含登录界面和进入后的聊天界面、好友列表界面和空间动态界面等。登录界面的制作比较简单,主要考验布局的使用,是实现QQ项目的第一步。现在APP开发的首要工作都是实现登录页面,所以学会了QQ登录界面对以后的软件开发有着很重要的作用。二、开发环境三、详细设计1、头像设计首先在layout文件里面选择了Relative
微信公众号搜索 “ 程序精选 ” ,选择关注!
微信公众号搜 "程序精选"关注