首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

在约束布局中使用线性/相对布局是不是很糟糕?

在约束布局中使用线性/相对布局并不一定是糟糕的选择,它们各有优势和适用场景。

  1. 线性布局(LinearLayout):线性布局是一种简单且易于理解的布局方式,它按照水平或垂直方向排列子视图。线性布局适用于简单的界面布局,特别是当子视图的排列方式是线性的、有序的时候。例如,当需要实现一个水平排列的按钮组或者垂直排列的文本和图像时,线性布局是一个不错的选择。

推荐的腾讯云相关产品:腾讯云移动应用分析(MTA),产品介绍链接地址:https://cloud.tencent.com/product/mta

  1. 相对布局(RelativeLayout):相对布局是一种基于相对关系的布局方式,它允许子视图相对于其他视图或父视图进行定位。相对布局适用于复杂的界面布局,特别是当子视图之间的位置关系比较复杂或需要根据其他视图的位置进行调整时。例如,当需要实现一个相对位置固定的按钮和文本组合,或者需要根据屏幕尺寸动态调整视图位置时,相对布局是一个不错的选择。

推荐的腾讯云相关产品:腾讯云移动推送(TPNS),产品介绍链接地址:https://cloud.tencent.com/product/tpns

需要注意的是,选择布局方式应根据具体需求和界面复杂度来决定。在某些情况下,使用约束布局(ConstraintLayout)可能更加灵活和高效,因为它可以同时兼具线性布局和相对布局的特点,能够更好地适应不同屏幕尺寸和设备方向的变化。

腾讯云相关产品介绍链接地址仅供参考,具体选择产品应根据实际需求进行评估和比较。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

约束布局】ConstraintSet 约束集 ( 简介 | 约束属性集合 | 约束集初始化 | 约束集应用到布局 | 关键帧动画 | TransitionManager 使用 )

获取约束集 : 从 约束布局 ( ConstraintLayout ) , 可以获取 约束集 ( ConstraintSet ) , 约束集可以从当前现有组件获取 , 也可以从布局文件获取 ,...ConstraintSet 约束集 应用到 约束布局 ConstraintLayout ---- ConstraintSet 约束集 应用到 约束布局 ConstraintLayout : ①...传统属性 与 约束属性 : 这里将属性分为 传统属性 ( Custom Attributes ) , 约束属性 , 约束属性是只有 约束布局使用的属性 , 其它的非约束属性就是传统属性 , 如 宽高...( 非传统属性 ) 应用到约束布局 ; V .... 约束布局 , 应用约束集属性 ( 设置 关键帧动画的 结束帧 ) constraintSet.applyTo(constraintLayout); } } 4 .

3.1K10

CSS实现前端布局更巧妙的方案! flex 布局通过使用 margin 实现水平垂直居中以及其他常见的前端布局

它的工作原理是: Flexbox 布局,margin: auto; 会根据父容器的剩余空间自动调整元素的外边距,直到子元素居中。...传统布局,margin: auto; 主要用于水平居中对齐,不适用于垂直居中。因为普通流布局的垂直方向是由文档流控制的,不支持类似 Flexbox 的自动调整行为。...2.2 实现更多实际开发布局 示例 1:实现子元素部分集中 实际开发,我们常遇到这样一种需求:将元素水平分布容器内,其中某些元素需要靠近在一起,与其他元素保持一定的自适应距离。...使用 space-around 时如果最后一行的元素数量不满,元素会在行均匀分布,导致它们集中中间,而不是靠左或对齐其他行。 大家遇到这些情况时是不是就在考虑换用 grid 布局了呢?...适当的情况下直接使用 margin 进行布局是一种更优雅、简洁的替代方案,可以 Flexbox 布局中有效地实现居中对齐和一些复杂的布局需求。

12610
  • 自律给你自由——Android设计布局的新姿势

    边界约束 边界约束使用的是『空心圆圈』,如图: ? 边界约束,是使用最多的约束,它用于建立组件与组件之间、组件与Parent边界之间的约束关系,实际上,就是确定彼此的相对位置。...5约束推断Inference 布局设计器的菜单上,还有一个『灯泡』一样的按钮,通过这个按钮,可以帮我们自动创建组件间的约束关系,他分析的是一个组件附近的组件,并根据当前设计面板的位置来创建约束关系...这个就是最难理解的,它表示组件会占用所有的可用空间来适应约束,类似线性布局,设置width=0,weight=1的方式。...7Align 工具栏,可以使用对齐工具,快速给选定组件设置对齐约束,如图: ? 我们可以来演示下: ?...8Pack 工具栏,可以使用Pack工具,快速对组件进行编组操作,如图: ? 9快捷布局 一个组件上点击右键,可以快速创建一些布局的快捷设计,如图所示: ?

    94010

    相对布局(RelativeLayout)嵌套导致Layout卡顿瓶颈分析与方案

    图片从相对布局的源码看,一次onMeasure实现上,会遍历所有Child两次,且做两次child的measure,换句话说,使用相对布局(不嵌套的情况下),一次doFrame遍历,他的child会进行...虽然一直都知道不要嵌套布局这样的规范,但并不深刻,这里知其然,知其所以然图片按照上述结论,左侧这样的布局当中,叶子节点ViewGroup,一次doFrame遍历,onMeasure会被执行2^5=...再重新看前面Trace会发现,约束布局同一对象被执行了32次onMeasure,所以首先要做的就是优化相对布局,那么用什么布局代替呢?帧布局线性布局。...约束布局本身其实也耗时(具体可看源码,这里不在列出)从上述现象可以看到,越容易布局的Layout(相对布局约束布局),性能越差,越难以布局的Layout(帧布局线性布局),性能越好。...结论:相对布局约束布局禁止嵌套使用,需要嵌套布局使用布局线性布局,仅作为容器(壳)的布局尽量使用布局复杂层级深的布局,顶层根布局容器尽量选择帧布局,叶子节点的布局容器可以不受限制,但尽量不选择约束布局

    74141

    例说 Constraint Layout(三)—— 性能测评

    2 实测 2.1 官方 Demo 页面 先来看看官方 Demo 的页面,其 CL 和传统布局耗时的对比。布局真实的展示效果见 Fig. 1,左边为传统布局,右边为约束布局。...不禁怀疑是不是约束布局的 Guideline 属性其实也属于比较耗时的属性,所以决定要比较一下:使用了不同 CL 属性实现的相同显示效果的 UI 界面的性能(Fig. 6),左边是使用了android:...Fig. 7 ActionBar 不同 CL 写法和 LL (weight) 耗时对比 2.4 网格风 CL 和 RL 除了混合布局(2.1 节)、线性布局(2.2 节、2.3 节),当然也想将约束布局同我们最常用...、也是灵活性很高的相对布局比较一下。...小结 先来归纳几个点: 布局性能的测量受测试机器当时的状态、布局的设计两个因素的影响比较大,但仍旧可以肯定地说,约束布局 CL 的性能要比传统布局(混合、相对线性等)有提升; CL 的性能同用到的不同属性关系不大

    5K40

    iOS开源界面布局库终于破3000star

    后来iOS6.0以后,苹果公司推出了一种新的界面布局方案AutoLayout,这种方法主旨是通过相对约束设置进行布局来减少代码硬编码的编写,从而达到多设备适配以及简化布局的能力。...布局库最开始只有一个线性布局,后来就分别添加了相对布局、框架布局、表格布局、浮动布局、流式布局、路径布局、栅格布局等八种布局。...但实际我们总是带着解决问题的想法去使用某个框架和库的,我这里想说的是当你使用AutoLayout时因为复杂的约束设置以及更新方法而焦头烂额时,当你使用AutoLayout而对多屏幕多设备适配而进行多条件编写时...所以你也可以先以尝试的态度来接触和使用这种新的布局解决方案,而且为了让大家能更好的使用这个布局库,我的开源库为每种布局都建立了异常丰富的演示和使用的DEMO,同时我还建立了一个能供大家交流和解决问题的...MyLayout的8种布局其实每种都有一些特定的应用场景,我这边建议优先使用布局库顺序是: 浮动布局>流式布局>表格布局>线性布局>框架布局>相对布局>路径布局>栅格布局

    1.9K40

    鸿蒙开发学习(二)之ArkUI

    选用适合的布局容器组件或属性控制页面各个元素的位置和大小约束。...相对布局(RelativeContainer) 相对布局二维空间中的布局方式,不需要遵循线性布局的规则,布局方式更为自由。...页面元素分布复杂或通过线性布局会使容器嵌套层数过深时推荐使用布局位置 position、offset等属性影响了布局容器相对于自身或其他组件的位置。...布局容器,设置该属性不影响父容器布局,仅在绘制时进行位置调整。 相对定位 相对定位不脱离文档流,即原位置依然保留,不影响元素本身的特性,仅相对于原位置进行偏移。...开发-HarmonyOS应用开发 List是常用的滚动类容器组件,一般和子组件ListItem一起使用,List列表的每一个列表项对应一个ListItem组件。

    3.6K31

    iOS下的界面布局利器-MyLayout布局框架

    因此使用上不会受到任何操作系统版本的限制。 有文章表明用frame进行布局的性能要高于用AutoLayout进行布局的性能,尤其是当界面内视图数量增加时效果更加明显。...AutoLayout只是一种相对约束布局,而MyLayout除了同时提供具有和AutoLayout相同能力的相对布局外、还提供了线性布局、框架布局、表格布局、流式布局、浮动布局、路径布局7大布局体系,...子视图从上到下依次排列的线性布局视图称为垂直线性布局视图,而子视图从左到右依次排列的线性布局视图则称为水平线性布局。...相对布局是一种里面的子视图通过相互之间的约束和依赖来进行布局和定位的布局视图。相对布局里面的子视图的布局位置和添加的顺序无关,而是通过设置子视图的相对依赖关系来进行定位和布局的。...将#import "MyLayout.h" 头文件放入到您的pch文件,或者需要使用界面布局的源代码位置。

    1.9K30

    【Flutter】Flutter 布局组件 ( 布局组件简介 | Row 组件 | Column 组件 | SizedBox 组件 | ClipOval 组件 )

    Row 组件类似 , Wrap 组件可以换行 ; Flow : 不常用 ; ParentDataWidget : Positioned : 用于固定组件位置的组件 ; Flexible : 用于约束组件父容器展开大小的组件..., 设置其对应的 children: [] 即可 , 括号 [] 是多个组件的集合 , 使用逗号隔开 ; 示例代码 : // 水平方向排列的线性布局 Row( children: <Widget...: width 和 height 字段设置组件的宽高属性 , child 字段设置要设置大小的组件 ; // 使用 SizedBox 组件约束布局大小 SizedBox( width: 宽度像素值..., height: 高速像素值, // 使用 SizedBox 约束组件大小 child: 要约束的组件, ), 代码示例 : // 使用 SizedBox 组件约束布局大小 SizedBox...相对应, ?

    2.3K00

    Android开发笔记(一百四十九)约束布局ConstraintLayout

    传统的布局线性布局LinearLayout、相对布局RelativeLayout等等,若要描绘不规则的复杂界面,往往需要进行多重的布局嵌套,不但僵硬死板缺乏灵活性,并且嵌套过多拖慢页面渲染速度。...约束布局正是为了解决这些问题应运而生,它兼顾灵活性和高效率,可以看作是相对布局的升级版,很大程度上改善了Android的用户体验。...开发者使用约束布局之时,有多种手段往该布局内添加和拖动控件,既能像原型设计软件AxureRP那样画板上任意拖曳控件,也能像传统布局那样XML文件调整控件布局,还能在代码动态修改控件对象的位置状态...XML文件调整控件布局 传统布局线性布局相对布局基本是XML文件手工添加控件节点,约束布局当然也允许布局文件中指定控件的相对位置,这跟相对布局内部的控件位置调整类似,只不过用来表示位置的属性换了个名字罢了...代码添加控件 若要利用代码给约束布局动态添加控件,则可照常调用addView方法,不同之处在于,新控件的布局参数必须使用约束布局布局参数,即ConstraintLayout.LayoutParams

    2.1K20

    开源UI界面布局框架MyLayout1.9发布

    有些布局类则提供了通过子视图之间的约束限制来实现布局排列,比如浮动布局相对布局、框架布局。有些布局类则需要通过多个层次嵌套来实现界面需求,比如线性布局、流式布局、表格布局、弹性布局。...选择布局时我将使用布局类的优先级列出来,供大家参考: ---- 浮动布局->流式布局->线性布局->弹性布局->栅格布局->相对布局->框架布局->表格布局->路径布局 ---- 您可以从如下地址下载这两个版本的工程...为了更好的演示MyFlexLayout的使用,我MyLayout的Demo工程建立了一个Flex布局(FlexLayout)。您可以在那里看到弹性布局相关的所有操作。 2.最值约束 ?...MyLayoutPos的clone方法就是专门为最值约束使用的,主要为了解决那些获取最值时希望某个位置的偏移的场景。 目前只有相对布局下的子视图才支持位置最值约束设置,其他布局下的子视图不支持。...这样整个布局体系水平线性布局相对布局、垂直流式布局、垂直浮动布局、弹性布局都可以实现行内基线对齐的能力了。 9.布局动画的支持和扩展 动画的适当使用会增强用户的体验效果。

    1.8K10

    Flutter的StatelessWidget 与 StatefulWidget

    StatefulWidget类本身是不变的,但是 State类widget生命周期中始终存在....Row、 Column: 这些具有弹性空间的布局类Widget可让您在水平(Row)和垂直(Column)方向上创建灵活的布局。其设计是基于web开发的Flexbox布局模型。...Stack: 取代线性布局 (译者语:和Android的LinearLayout相似),Stack允许子 widget 堆叠, 你可以使用 Positioned 来定位他们相对于Stack的上下左右四条边的位置...Stacks是基于Web开发的绝度定位(absolute positioning )布局模型设计的。 Container: Container 可让您创建矩形视觉元素。...Container 也可以具有边距(margins)、填充(padding)和应用于其大小的约束(constraints)。另外, Container可以使用矩阵在三维空间中对其进行变换。

    73210

    MyLayout和XIB或SB的混合使用方法

    MyLayout是一个完整而独立的布局体系,因此要求我们的布局视图内的子视图不能再通过设置AutoLayout的约束来进行布局了,因此我们可以XIB或者SB完全不需要AutoLayout以及Size...我们将上面例子的中间UILabel改为一个水平线性布局(需要注意的是放置时需要将三个子视图的frame的高度设置为一致,这个gravity属性拉伸才能得到相同的高度。)。...并设置了orientation属性为1也就是水平线性布局方向,同时设置了水平线性布局的四周的边界为10。下面就是运行的实际效果: ? 布局布局的运行效果 这样是不是非常的简单。...答案很简单: MyLayout布局视图本身就和其他普通视图一样通过AutoLayout来设置约束,而布局视图里面的子视图则不能使用AutoLayout来设置约束,而是用上面介绍的方式来设置各种布局属性。...AutoLayout和MyLayout混合使用 TangramKit对XIB以及SB的支持 目前TangramKit并没有XCODE的界面编辑器定义出可设置的扩展属性。

    88040

    iOS界面布局的核心以及TangramKit介绍

    相对布局TGRelativeLayout: 相对布局里面的子视图和添加的顺序无关,而是按照子视图之间设定的尺寸约束依赖和位置约束依赖进行布局排列。...因此相对布局里面的所有子视图都要设置位置和尺寸的约束和依赖关系。相对布局和iOS的AutoLayout以及Android相对布局RelativeLayout提供一样的功能。...设置为TGLayoutSize类型的值通常用于相对布局的子视图,当然也可以在其他类型的布局使用。...目前只有在线性布局、框架布局、和非布局父视图中才支持这种类型的值的设置(具体见上面TGWeight类型值的定义和使用) //假如A视图是一个垂直线性布局里面,垂直线性布局的宽度为50...这种类型的值大部分用于相对布局使用的子视图,但是有几个特殊的位置就是父视图的位置是几乎在所有布局视图中都支持。

    2.2K30

    Jetpack-Compose 学习笔记(二)—— Compose 布局你学会了么?

    Compose 布局方式 Android 目前的布局 Layout 有许多:LinearLayout 线性布局、RelativeLayout 相对布局、ConstraintLayout 约束布局、FrameLayout...List 布局使用 笔记一,我们见识到了 Compose 使用 LazyColumn 来实现一个可滑动的 List,其实实现一个可滑动的 List 并不需要用到 LazyColumn,只需要用...ConstraintLayout 约束布局 众所周知,Android View 体系官方最推荐的布局约束布局 —— ConstraintLayout,以致于默认新建布局时就给你初始化成 ConstraintLayout...当然,ConstraintLayout 确实可以解决 View 体系多层嵌套的问题,那么 Compose 也可以使用吗? 答案是肯定的。...此外,创建 Barrier 并设置组件 Barrier 的相对位置时,需要满足客观逻辑的。

    3.2K31

    iOS的MyLayout布局系列-流式布局MyFlowLayout

    iOS布局体系的概览      我的CSDN博客的几篇文章分别介绍MyLayout布局体系的视图从一个方向依次排列的线性布局(MyLinearLayout)、视图层叠且停靠于父布局视图某个位置的框架布局...(MyFrameLayout)、视图之间通过约束和依赖实现布局相对布局(MyRelativeLayout)、以及多列多行排列的表格布局(MyTableLayout)、以及本文将要介绍的流式布局(MyFlowLayout...另外在一些布局场景我们还可以做如下的设置: 1.垂直内容填充约束布局,我们可以设置某个子视图的宽度和布局视图的宽度建立约束关系,以及让某个子视图的高度同子视图的宽度建立约束关系,也就是说可以设置子视图...在线性布局我们可以让所有的子视图整体的停靠在布局视图的一个特定的区域,这个可以通过线性布局的gravity属性来设置。...但在实际使用还是有一些差别的。

    2.5K30

    Android开发之基本控件和详解四种布局方式

    说到布局方式Android和iOS还是区别挺大的,iOS中有Frame绝对布局和AutoLayout相对布局。而在Android布局方式就比较丰富了,今天博客中会介绍四种常用的布局方式。...另一种iOS布局方式就是相对布局了,iOS开发可以使用Autolayout + SizeClass来确定控件的位置和大小。...我们可以给控件添加不同的约束(宽,高,上下左右边距,上下左右居中,垂直水平居中)等方式来控制控件的大小和位置。这种方式屏幕适配时更为灵活,iOS开发也常常被使用到。...线性布局就先到这儿,因为线性布局方式Android开发中经常使用到,所以介绍的会多一些。线性布局还有好多其他的用法,等后边博客中用到的时候会详细的介绍。...相对布局,你可以设置的属性如下所示,还是蛮多的。本篇博客中就不做一一介绍了,其用法都差不多。如下图所示: ? 实现上述效果的xml代码如下所示,相对布局使用起来和理解起来还是比较简单的。

    1.7K50

    例说 Constraint Layout:初探

    扁而浅的布局使其性能突出,同时又符合我们的思考方式,撰写起来方便而优雅。如图三的谷歌 Demo 里的约束布局,谁能想到,这个完整又不失设计感的界面只有一层,完全没有嵌套! ? Figure 3....LE 的可视化基本用法很简单,常规部件都可以通过拖拽释放来添加到布局,也可以使用鼠标拖动来添加对应的约束。...不过不用担心,AS 提供了转换器,可以方便将其转换为 CL: 打开需要转换的布局 XML 文件 -> 组件树(Component Tree)面板右键选中想要转换的(根)布局的任意元素 -> Convert...3.2.3 使用辅助工具自动创建约束 3.2.2 ,我们看到必须为控件添加足够多的约束来将其安放在想要的位置上。...3.2.4 Errors & Warnings 非常有价值 编辑器的另一个实用的功能是,它会给出关于布局存在的错误和警告的提示。譬如 3.2.2 中所指出的缺少约束的问题,就会被提醒。

    2.1K10

    iOS9新特性——堆叠视图UIStackView

    和一些第三方的框架,对于创建约束来说,已经十分方便,但是对于一些动态的线性布局的视图,我们需要手动添加的约束不仅非常多,而且如果我们需要插入或者移除其中的一些UI元素的时候,我们又要做大量的修改约束的工作...二、storyBoard上初识StackView         UIStackView是一个管理一组堆叠视图的控制器类视图,所谓堆叠视图时一种平铺式的线性布局方式,不可重叠,布局方向也不可交错,如果你做过...首先,我们ViewController拉入一个stackView: ? 将一些属性设置如下: ? Axis是设置布局的方向,有水平和垂直两种方式,一个StackView只能选择一种布局模式。...之后有一点需要注意,stackView用于布局其内部管理的视图,对于它本身,我们还需要添加一些约束,将它约束屏幕的中间。...,但是我们可以通过嵌套的方式来实现复杂的布局效果,比如我们实现一个类似电影表标签,可以使用水平布局的StackView嵌套一个竖直布局的StackView: ?

    1.9K10
    领券