Day-13 ConstraintLayout

ConstraintLayout(约束布局)
ConstraintLayout为Android Studio预设的布局方式
顾名思义就是以约束的方式
来设定每个元件的位置
当点击元件後会显示四个空心圆点以及四个实心方形
https://ithelp.ithome.com.tw/upload/images/20210924/20141950RIGCQwCR96.png
若分别将四个圆点拖曳至画面边界後,元件即会显示於中央
https://ithelp.ithome.com.tw/upload/images/20210924/20141950dIvHiP4aBg.png
Code的部分会自动产生以下四行
https://ithelp.ithome.com.tw/upload/images/20210924/20141950KW5SQz8kWJ.png
可用拖曳的方式改变元件於画面中的位置
https://ithelp.ithome.com.tw/upload/images/20210924/20141950hxIChLpk55.png
必须为每个元件至少添加一个水平和一个垂直约束,否则该元件会显示有误
https://ithelp.ithome.com.tw/upload/images/20210924/20141950Q2G21cZ3Xy.png
若想删掉约束可於Design点选欲删除的约束按右键Delete,亦或是直接於Code删除该元件约束的程序码
https://ithelp.ithome.com.tw/upload/images/20210924/20141950Vy1jnuxHZo.png
当元件为复数时,可点击B元件圆点并拖曳至A元件边缘
如下图所示,将TextView左侧圆点拉至Hello Word!右缘即可将TextView左缘对齐Hello Word!右缘
https://ithelp.ithome.com.tw/upload/images/20210924/20141950sSjsqkqvT4.png
亦可将TextView上方圆点拉至Hello Word!上缘,TextView下方圆点拉至Hello Word!下缘,
使两个元件同高
https://ithelp.ithome.com.tw/upload/images/20210924/20141950aUoYtL1f00.png
最後是自动对齐功能,点击圆圈处开启https://ithelp.ithome.com.tw/upload/images/20210924/20141950UtpcMQ3Xas.png
开启此功能後,在拖曳元件的过程中出现虚线时放开鼠标,即会自动产生约束
https://ithelp.ithome.com.tw/upload/images/20210924/20141950wwKiRzC79m.png


<<:  D-3.Line_pay_api 串接(二) V3 Request API

>>:  Day 13 - [语料库模型] 01-TF-IDF与余弦相似性

Day26 Redis架构实战-Redis丛集架构/Gossip协议

Redis丛集架构目标情境 高效能与可依照效能需求线性扩增节点达到1000个 最少3个Master,...

D9-用 Swift 和公开资讯,打造投资理财的 Apps { 台股申购实作.2 -读取Big5码的csv}

现在开发者写程序,最方便的一点,就是不会的地方,可以问 Google 在 Google 中输入 Sw...

Day7-三论标头档与Proxy Class

昨天有讲一个古老的设计:利用标头档将类别介面与实作拆开并预先编译用以隐藏实作细节但还是不够安全隐密,...

[iT铁人赛Day4]JAVA的运算符号

今天来讲JAVA的运算符号 JAVA的运算符号有分很多种,例如: " + "加 ...

[DAY 12] 依选项前往区段

之前有提到单选题与下拉式选单都可以设定「依选项前往区段」 在这里我们利用「座号」前往区段 连结「座号...