Guideline

最新推荐文章于 2023-10-13 14:34:35 发布
最新推荐文章于 2023-10-13 14:34:35 发布
阅读量7.3k 收藏 3
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/binglan520/article/details/102803855
版权

概述

了解过UI设计的同学都知道，在设计的时候，我们经常在界面上拖进一些辅助线来帮我们对齐UI元素，或者方便我们统一的页边距。在ConstraintLayout的编辑器中，同样也支持这样的功能，我们可以创建一些横向的或者纵向的Guideline，在布局界面的时候可以充分利用这些辅助线，对齐我们的View，避免重复写一些marginXXX。

重要的是Guideline是不会显示到界面上的，默认是GONE的。

Guideline还有三个重要的属性，每个Guideline只能指定其中一个：

layout_constraintGuide_begin，指定左侧或顶部的固定距离，如100dp，在距离左侧或者顶部100dp的位置会出现一条辅助线

layout_constraintGuide_end，指定右侧或底部的固定距离，如30dp，在距离右侧或底部30dp的位置会出现一条辅助线

layout_constraintGuide_percent，指定在父控件中的宽度或高度的百分比，如0.8，表示距离顶部或者左侧的80%的距离。

垂直-start


5777390-2bba4037706b4f23.png
5777390-158344c5abae6241.png

XML文件

5777390-4dbaed071bdfb4ce.png
5777390-389c541e17fa5921.png

Activity实现

5777390-105449c6e2d20c14.png

垂直-end


5777390-d83ff031a52c9571.png


5777390-dfa21b9e9acbd94b.png

XML文件

5777390-6fc8ad8ad10b85f7.png
5777390-945be42aa06f01a0.png

Activity实现

5777390-3cad6acda5a0c0a6.png

水平-top

5777390-5e3f297871e9dae4.png


5777390-d4ebe6a17d338f0e.png


XML文件

5777390-faf3865cd8a230b7.png
5777390-83ba5f4221f1fcdb.png

Activity实现

5777390-d2bbc0d7c014674d.png

水平-bottom


5777390-d71d7fdada3268a0.png


5777390-85bec232ef13cc7e.png

XML文件

5777390-adb1cbb1207ca2cf.png

Activity文件

5777390-9cfa1a74c1638367.png
binglan520
关注
  • 0
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
【约束布局】ConstraintLayout 引导线 Guideline 约束 ( 简介 | 可视化操作 | 属性 | 水平引导线 | 垂直引导线 | 开始结束尺寸 | 百分比位置 | 约束组件 )
让 学习 成为一种 习惯 ( 韩曙亮 の 技术博客 )
05-08 1万+
I . Guideline 引导线 总结 II . Guideline 引导线 简介 III . Guideline 引导线 可视化操作 IV . Guideline 引导线 属性 V . Guideline 引导线 位置定义 方式切换 VI . Guideline 引导线 约束 其它组件 VII . Guideline 代码示例
[教程资源] HTC Vive UI Guideline
罗锦荣的专栏
09-11 1746
修改了标题编号、缩进。 原链接： https://www.htcvive.com/cn/forum/chat.php?mod=viewthread&tid=1641&extra=page%3D1   在过去，3D程序多数是游戏，非游戏的应用一般设计成2D程序。而在VR中几乎所有程序都是3D的（左右眼需要看到的不一样画面），所以开发VR程序和开发3D游戏很像，也可以使用Unity, Un
IOS APP发布-Guideline 1.5 - Safety - Developer Information
嘿嘿嘿
08-27 5084
Guideline 1.5 - Safety - Developer Information The support URL specified in your app’s metadata, http://baidu.com, does not properly navigate to the intended destination. Next Steps To resolve this...
Guideline 1.5 - Safety - Developer Information.The support URL specified in your app’s metadata
baidu_40537062的博客
08-14 4095
我的技术支持网址填的baidu, 苹果那边可能觉得通过这个网址没有办法联系到开发者。所有要求填一个能够联系到技术支持的网址 解决方法： 由于技术支持网址(URL) 审核被拒 IOS APP发布-Guideline 1.5 - Safety - Developer Information ...
【约束布局】ConstraintLayout配合Guideline解决两个子控件其中一个被挤出屏幕的问题
Lone_Star斌 的博客
10-13 684
Android，ConstraintLayout，Guideline，layout_constraintHorizontal_bias，layout_constraintHorizontal_chainStyle，layout_constraintGuide_percent，子控件被挤出屏幕
DLNA guideline 2014
11-13
DLNA（Digital Living Network Alliance，数字生活网络联盟）是一个由消费电子产品、个人计算机及移动设备制造商组成的国际组织，旨在创建一套标准，使不同品牌和类型的设备能够无缝共享数字媒体内容。...
【最新版】 ECPE Guideline AQG-324.pdf
12-01
了解 ECPE Guideline AQG-324 的相关知识点和应用场景 ECPE Guideline AQG-324 是一个由 ECPE 欧洲动力电子中心制定的指南，旨在资格认证用于汽车中的功率电子转换单元 (PCUs) 中的功率模块。该指南是基于德国汽车 ...
frontend-guideline：前端开发指导规范
02-04
"frontend-guideline" 提供了一套详细的前端开发流程和标准，旨在帮助开发者遵循最佳实践，提高代码可读性、可维护性和性能。以下是对这个指导规范的详细解读： 1. **HTML规范**： HTML是前端开发的基础，良好的...
layout guideline
04-21
layout guideline
分享Simulink生成A2L方法剖析-Guideline_A2L.docx
08-13
分享Simulink生成A2L方法剖析-Guideline_A2L.docx 本帖最后由 dzy9796 于 2019-1-16 16:24 编辑 LZ研究了一下Simulink生成A2L的原理， 发现修改相关tlc后，可以生成定制版的A2L
1. 5 Safety: Developer Information
huwan12345的博客
07-21 2106
1.5 1. 5 Safety: Developer Information Hello ,Thank you for your response. Regarding Guideline 1.5 - Safety - Developer Information The support URL specified in your app’s metadata, https://www.xxxx.xxx, does not properly navigate to the intended desti
android 汽车转向辅助线,Android开发 - 掌握ConstraintLayout（七）辅助线(Guideline)
weixin_36350504的博客
05-25 873
了解过UI设计的同学都知道，在设计的时候，我们经常在界面上拖进一些辅助线来帮我们对齐UI元素，或者方便我们统一的页边距。在ConstraintLayout的编辑器中，同样也支持这样的功能，我们可以创建一些横向的或者纵向的Guideline，在布局界面的时候可以充分利用这些辅助线，对齐我们的View，避免重复写一些marginXXX。创建Guideline打开编辑器，选择Helpers -> ...
android创建Guideline,初识ConstraintLayout之参照线（Guidelines）
weixin_42520909的博客
05-27 5514
8种机械键盘轴体对比本人程序员，要买一个写代码的键盘，请问红轴和茶轴怎么选？熟悉图形设计工具的设计人员可能对参照线并不陌生，但对于不是从事设计的人来说它可能有点陌生。一个参照线就是一个用来对齐其他视图且运行时隐藏的参照视图。这是一个抽象概念，但是一旦了解了它工作原理，那对于以后的布局将非常有用。Material Design推荐使用keylines。本篇文章学习如何通过参照线来快速实现这些。参照...
ConstraintLayout 引导线 Guideline 约束 ( 简介 | 可视化操作 | 属性 | 水平引导线 | 垂直引导线 | 开始结束尺寸 | 百分比位置 | 约束组件 )
chuyouyinghe的专栏
10-09 4114
1 . Guideline 引导线 约束 简介 : 在 Constraintlayout 约束布局中使用 Guideline 引导线 约束其它组件 , 很简单 , 只要被约束的组件 ( 非 引导线 的其它组件 ) , 的左右约束 , 如 “app:layout_constraintLeft_toLeftOf” 直接约束与引导线即可;点击一次后 , 切换成 结束尺寸位置;④ 引导线定位方式 : 使用 dp 单位的尺寸值表示相对开始或结束的位置 , 或百分比值 , 基于布局的边缘 , 设定引导线的位置;
ConstraintLayout中Chains和Guideline的使用
热门推荐
旺仔的专栏
02-26 1万+
前面介绍了如何使用ConstraintLayout，在用ConstraintLayout的时候千万要运行一下，在手机上看看结果，因为有时候在AS上面看是没问题的，但是运行到手机上面还是会又不一样的效果的。 然后本文将来介绍ConstraintLayout中的Chain也就是链条，还有ConstraintLayout辅助线Guideline的使用。 Chains 链条是什么？简单说就是...
ConstraintLayout属性之Group，GuideLine（三）
wzlyd1的专栏
11-07 5749
在上期博客中[ConstraintLayout的居中显示以及常见问题剖析](https://blog.csdn.net/wzlyd1/article/details/83655680) 简单介绍了一下居中问题和字符串末尾显示…问题，其实就是写一下新属性在日常使用中的正确姿势。 上期还有两个问题没有解决，一个是 1.在某些逻辑下我要隐藏很多控件，为了方便，我在传统布局里可以将这些控件设置在一个Vie...
对齐辅助线 android,Android开发 - 掌握ConstraintLayout（七）辅助线(Guideline)
weixin_29544469的博客
05-25 768
Android开发 - 掌握ConstraintLayout(七)辅助线(Guideline)发布时间：2020-08-04 02:26:23来源：51CTO阅读：331作者：罗伊德666了解过UI设计的同学都知道，在设计的时候，我们经常在界面上拖进一些辅助线来帮我们对齐UI元素，或者方便我们统一的页边距。在ConstraintLayout的编辑器中，同样也支持这样的功能，我们可以创建一些横向的或...
最全面的ConstraintLayout教程
郭霖
02-03 5376
亲自执笔，给大家带来新年第一篇原创文章
guideline 2.3.1
最新发布
11-16
Guideline 2.3.1要求应用程序的交互元素和功能必须在用户界面上以合适的大小和间距呈现，以便用户能够轻松地点击、滑动或使用这些元素。这个指南的目的是为了确保应用程序的可访问性，尤其是对于那些具有较低视力或...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值