Studio设计布局的新姿势

约束布局根本接合

在今日的文字开端优于,我以为使满意帮朕任一忙。,Jingdong的相信、淘宝、当当、亚马逊买了我的书《安群传:神剑之友》。,帮忙铺子授予缺乏的评价。,出力帮助,谢谢你每件东西。

修复Android Studio 2.2继后,修复了布局设计器,同时,引人了ConstraintLayout,这种布局,设计用于筹集布局。,主交界面如次所示。:

嗨写图片描述

该接合首要分为以下一些使分裂。:

  • 靠人行道的侧边栏,包孕平台立法机构库和立法机构 Tree
  • 位于正射中靶子是布局设计器,包孕两使分裂。,反省靠人行道的的象征。,布局约束在向左。
  • 越位栏,上面是类似的盒子前任的的包边和大小人布局设计器,上面是属性列表。

熟识交界面后,朕必要做的是了解。,ConstraintLayout是什么?。约束布局的要点,现实的,它是约束。,这时判读员很正好。,它同样很清晰的的,它可以被说成任一激化的。

RelativeLayout,它只比RelayLayOUT筹集了更多的约束和办法。,从这时角度了解,这简略明了领受。。

当我最早的引入约束布局时,Android Studio将自动化机器或设备下载求助于项。,当他自动化机器或设备执行使直立。。
够用,将行求助于项添加到里面的。:

compile ''''
  • 1

谷歌想要了任一帮忙开发者应用程式熟识THI的法典库。,地址如次所示。。:

同时,谷歌对2016IO也提供了任一基本图案来解说。,地址如次所示。。:

约束布局约束典型

简略的说,约束,它是立法机构和立法机构当射中靶子相干。,从官方网站借图片,让朕解说一下。:

嗨写图片描述

嗨展现的,这是向前这两个电钮当射中靶子正好相干。,这现实的是任一简略的绝对布局。,让朕看一眼约束的详细典型。。

当朕点击任一管理权,其显示胜利如图所示。:

嗨写图片描述

嗨有几种典型的约束。

朕任一接任一地看。。

切成特任尺寸的约束

在材料块中应用切成特任尺寸的约束。,如图:

嗨写图片描述

这是晴天了解的。,更确切地说修剪元件的切成特任尺寸的。。

包边约束

包边约束采取空心圆。,如图:

嗨写图片描述

包边约束,是最经用的约束条件。,它用于安排立法机构和立法机构。、立法机构与父包边的约束相干,现实的,是决定彼此的绝对席位。。

底线约束

底线约束,空心圆角矩形应用。,如图:

嗨写图片描述

底线约束,这是两个立法机构与译文属性的队列办法。,可以让两个立法机构的译文鉴于底线停止队列。鞋底必要坚持到底的是,你必要把鼠标放在屏幕上。,受底线约束的图形是点火器的。,在你可以拖拽优于。。

净化约束

经过刀杆上的移除约束电钮。,或暂时的停顿立刻的把持。,可以净化管理权的承认约束。,如图:

嗨写图片描述

攫取这些约束的应用。,你可以本人试试看。,朕只拖拽任一管理权。,体会。

约束要求

嗨我将在官方网站上获取一些演示图的复本。:

嗨写图片描述

嗨写图片描述

嗨写图片描述

嗨写图片描述

嗨写图片描述

自动化机器或设备约束自动化机器或设备衔接

在布局设计器的卡特尔栏上,有任一磁铁图标。,如图:

嗨写图片描述

默许境遇下,此电钮被翻开。,经过这时,朕可以自动化机器或设备确立或使安全立法机构约束。,演示示例显示。:

嗨写图片描述

如今是用PPT来拖拽布局的时分了。,端线将被汽水。,和帮忙你自动化机器或设备感情。这些功能是类似的。。现实校验,当拖拽立法机构时,这时功能可以很便利。,帮忙您写作约束条件。,但也某些数量清晰的的修剪。,您依然必要人工操作确立或使安全它。。

约束论证论证

在布局设计器的卡特尔上,剧照任一类似的块茎植物的电钮。,经过这时电钮,可以帮朕自动化机器或设备确立或使安全立法机构间的约束相干,他辨析立法机构大约的程度或者数量的立法机构。,并按照流行的在设计面板射中靶子席位来确立或使安全约束相干。

约束论证是有效地的。,朕只必要把立法机构拖到任一空白。,和你可以推断出版。,执行最根本的约束确立或使安全。,够用,可以停止人工操作改良。。

View Inspector

反省交界面是布局设计的右栏。,收录类似的于框前任的和属性列表的布局反省器。,如图所示:

嗨写图片描述

朕不会的看这时属性。,这和你用XML写作的属性两者都。,它只在嗨形象化。,这是先前。,让朕看一眼上面的交界面。。

18

上面的ID,没什么可说的,环绕盒子的线。,代表朕的保释金设置,在刀杆上,你也可以设置边距的根底。,MD设计风骨,这时基数通常是8DP。,因而,你可以在嗨选择X8的保释金。:

嗨写图片描述

而且,有两个小使响,在最里面的包边上有数字。,这是绝对席位把持的系数。,如图:

嗨写图片描述

经过设置这时比率,朕自自然然有本人的百分之一布局。。

够用,最难了解的使分裂是盒子里的四行。,如图:

嗨写图片描述

嗨有四条线。,点击后,将零钱,总通俗的以下满足:

Fixed

嗨写图片描述

这种典型的腰围,容许您写作特任的大小人值。。

Wrap Content

嗨写图片描述

这是归拢。 满足的意思,归拢满足,缺少发作若干替换。。

AnySize

嗨写图片描述

这是最难了解的。,这中间立法机构将扣留承认从事空的以尤指服装、颜色等相配约束。,类似的于线性的布局,设置width=0,分量的办法=1。

Align

在刀杆中,可以应用队列器。,凌厉的为选择立法机构设置队列约束。,如图:

嗨写图片描述

朕可以演示一下。:

嗨写图片描述

Pack

在刀杆中,你可以应用包装器。,立法机构的凌厉的小群。,如图:

嗨写图片描述

凌厉的布局

单击立法机构上的右电钮。,您可以凌厉的确立或使安全布局的快捷办法。,如图所示:

嗨写图片描述

在嗨,您可以凌厉的设置立法机构的感情。,队列等。。

GuideLine

更机敏的的布局,约束布局也想要了号码簿。,如图所示:

嗨写图片描述

您可以在布局中添加程度和铅直的飞行员线。,将这条线作为端线布局。,如图所示:

嗨写图片描述

约束布局布局替换

经过Android Studio,朕可以简略明了地将普通布局替换为约束布局。,在布局设计器的向左栏上面的Component 树折算,如图所示:

嗨写图片描述

替换静止摄影晴天的。,不管怎样还缺少校验复杂的拉氏能否在成绩。。

从法典的角度了解约束布局属性

ConstraintLayout高等的上涨的RelativeLayout,它有它的推理。,绝对布局想要了layout_toBottomOf类似的因此的属性来把持立法机构间的绝对席位,因而约束布局现实的是相通的。,让朕看一眼因此的属性。:

app:layout_constraintTop_toBottomOf
  • 1

他代表希望立法机构的顶部。,与详述立法机构的共计队列,和我了解了解说的办法。,其余的特性是晴天了解的。,因而说,虽有约束布局不指定按法典停止布局,,不管怎样你可以了解法典的意味。,这到某种状态了解约束布局的设计是很有帮忙的。。

发表评论

电子邮件地址不会被公开。 必填项已用*标注

`