前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >android常用布局详解「建议收藏」

android常用布局详解「建议收藏」

作者头像
全栈程序员站长
发布2022-09-05 11:19:56
1.8K0
发布2022-09-05 11:19:56
举报
文章被收录于专栏:全栈程序员必看

大家好,又见面了,我是你们的朋友全栈君。

view和布局

在一个Android应用程序中,用户界面通过View和ViewGroup对象构建。Android中有很多种View和ViewGroup,他们都继承自View类。View对象是Android平台上表示用户界面的基本单元。

View的布局显示方式直接影响用户界面,View的布局方式是指一组View元素如何布局,准确的说是一个ViewGroup中包含的一些View怎么样布局。ViewGroup类是布局(layout)和视图容器(View container)的基类,此类也定义了ViewGroup.LayoutParams类,它作为布局参数的基类,此类告诉父视图其中的子视图想如何显示.

在这里插入图片描述
在这里插入图片描述

LinearLayout 线性布局

线性布局是按照水平或垂直的顺序将子元素(可以是控件或布局)依次按照顺序排列,每一个元素都位于前面一个元素之后。 线性布局分为两种:水平方向和垂直方向的布局。分别通过属性android:orientation=“vertical” 和 android:orientation=”horizontal”来设置。

android:gravity:内部控件对齐方式,常用属性值有center、center_vertical、center_horizontal、top、bottom、left、right等。gravity可以设置两个,表示更精准的定位。

center:居中显示,这里并不是表示显示在LinearLayout的中心,当LinearLayout线性方向为垂直方向时,center表示水平居中,但是并不能垂直居中,此时等同于

center_horizontal的作用;同样当线性方向为水平方向时,center表示垂直居中,等同于center_vertical。

top、bottom、left、right顾名思义为内部控件居顶、低、左、右布局。

这里要与android:layout_gravity区分开,layout_gravity是用来设置自身相对于父元素的布局。

android:layout_weight: 权重,用来分配当前控件在剩余空间的大小,如果你不设置,所有的视图都有一个layout_weight值,默认为零,意思是需要显示多大的视图就占据多大的屏幕空间。

正常情况下,值越大占据高度或宽度越大。例外的情况,在LineayLayout布局中使用这个属性时需要注意: 当水平方向布局且子控件的宽度为fill_parent或match_parent时,值越小占据宽度越大,垂直方向也一样。分析一下这种情况,类似这样的代码。因为设置为match_parent时候,layout_weight代表的是要给控件分配剩余空间,谁的权重大谁就会减去越多。

RelativeLayout

相对布局:是一个ViewGroup以相对位置显示它的子视图(view)元素,一个视图可以指定相对于它的兄弟视图的位置(例如在给定视图的左边或者下面)或相对于

RelativeLayout的特定区域的位置(例如底部对齐,或中间偏左)。

相对布局定位非常的方便而且精准:

RelativeLayout中子控件常用属性:

其特有的一些定位属性如下:

1、相对于父控件,例如:

android:layout_alignParentTop=“true”

android:layout_alignParentTop 控件的顶部与父控件的顶部对齐;

android:layout_alignParentBottom 控件的底部与父控件的底部对齐;

android:layout_alignParentLeft 控件的左部与父控件的左部对齐;

android:layout_alignParentRight 控件的右部与父控件的右部对齐;

2、相对给定Id控件,例如:

android:layout_above=“@id/**”

android:layout_above 控件的底部置于给定ID的控件之上;

android:layout_below 控件的底部置于给定ID的控件之下;

android:layout_toLeftOf 控件的右边缘与给定ID的控件左边缘对齐;

android:layout_toRightOf 控件的左边缘与给定ID的控件右边缘对齐;

android:layout_alignBaseline 控件的baseline与给定ID的baseline对齐;

android:layout_alignTop 控件的顶部边缘与给定ID的顶部边缘对齐;

android:layout_alignBottom 控件的底部边缘与给定ID的底部边缘对齐;

android:layout_alignLeft 控件的左边缘与给定ID的左边缘对齐;

android:layout_alignRight 控件的右边缘与给定ID的右边缘对齐;

3、居中,例如:

android:layout_centerInParent=“true”

android:layout_centerHorizontal 水平居中;

android:layout_centerVertical 垂直居中;

android:layout_centerInParent 父控件的中央;

AbsoluteLayout

绝对布局也叫坐标布局,指定控件的绝对位置,简单直接,直观性强,但是手机屏幕尺寸差别较大,适应性差,Android 1.5已弃用,可以用RelativeLayout替代。

TableLayout

表格布局继承自LinearLayout,通过TableRow设置行,列数由TableRow中的子控件决定,直接在TableLayout中添加子控件会占据整个一行。

代码语言:javascript
复制
       <TableRow>
           <TextView
               android:layout_width="100dp"
               android:layout_height="100dp"
               android:layout_margin="5dp"
               android:background="#e2a617"
               android:text="小明"
               android:gravity="center"/>

           <TextView
               android:layout_width="100dp"
               android:layout_height="100dp"
               android:layout_margin="5dp"
               android:background="#0d637f"
               android:text="小张"
               android:gravity="center"/>

           <TextView
               android:layout_width="100dp"
               android:layout_height="100dp"
               android:layout_margin="5dp"
               android:background="#aa2266"
               android:text="小李"
               android:gravity="center"/>
       </TableRow>

        <TableRow>
            <TextView
                android:layout_width="100dp"
                android:layout_height="100dp"
                android:layout_margin="5dp"
                android:background="#45e15f"
                android:text="小王"
                android:gravity="center"/>
            <TextView
                android:layout_width="200dp"
                android:layout_height="100dp"
                android:layout_margin="5dp"
                android:background="#3924a4"
                android:text="小孙"
                android:gravity="center"
                android:layout_span="2"/>
        </TableRow>

    </TableLayout>

除上面讲过之外常用的几个布局的属性:

(1)layout_margin

用于设置控件边缘相对于父控件的边距 android:layout_marginLeft android:layout_marginRight android:layout_marginTop android:layout_marginBottom

(2) layout_padding

用于设置控件内容相对于控件边缘的边距

android:layout_paddingLeft android:layout_paddingRight android:layout_paddingTop android:layout_paddingBottom

(3) layout_width/height 用于设置控件的高度和宽度wrap_content 内容包裹,表示这个控件的里面文字大小填充fill_parent 跟随父窗口match_parent

(4) gravity 用于设置View组件里面内容的对齐方式,控件内容的对齐方式 top bottom left right center等

(5) android:layout_gravity

用于设置Container组件相对于父布局的对齐方式

android:layout_alignTop 本元素的上边缘和某元素的的上边缘对齐 android:layout_alignLeft 本元素的左边缘和某元素的的左边缘对齐 android:layout_alignBottom 本元素的下边缘和某元素的的下边缘对齐 android:layout_alignRight 本元素的右边缘和某元素的的右边缘对齐

未完,,约束布局在路上。

发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/137131.html原文链接:https://javaforall.cn

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2022年6月2,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • view和布局
  • LinearLayout 线性布局
  • RelativeLayout
  • AbsoluteLayout
  • TableLayout
相关产品与服务
容器服务
腾讯云容器服务(Tencent Kubernetes Engine, TKE)基于原生 kubernetes 提供以容器为核心的、高度可扩展的高性能容器管理服务,覆盖 Serverless、边缘计算、分布式云等多种业务部署场景,业内首创单个集群兼容多种计算节点的容器资源管理模式。同时产品作为云原生 Finops 领先布道者,主导开源项目Crane,全面助力客户实现资源优化、成本控制。
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档