Studio设计布局的新姿势

约束布局根本衔接

在当今的的文字开端从前,据我看来使高兴帮we的财产格形式本人忙。,Jingdong的想要、淘宝、当当、亚马逊买了我的书《安群传:神剑之友》。,扶助铺子授予简明的的评价。,尽举手之劳,谢谢你尽量的。

校正Android Studio 2.2后来地,校正了布局设计器,同时,引人了ConstraintLayout,这种布局,设计用于繁殖布局。,主使联系如次所示。:

这边写图片描述

该衔接首要分为以下各自的使成相称。:

  • 左手侧边栏,包孕叶突立法机构库和立法机构 Tree
  • 心爱的是布局设计器,包孕两使成相称。,反省左手的预映。,布局约束在向右。
  • 向右转舵栏,上面是同类的盒子前任的的限制和巨大布局设计器,上面是属性列表。

熟识使联系后,we的财产格形式需求做的是投合心意。,ConstraintLayout是什么?。约束布局的小片,其实,它是约束。,刚过去的翻译家很指导。,它同样很精密的的,它可以被说成本人激化的。

RelativeLayout,它只比RelayLayOUT繁殖了更多的约束和方式。,从刚过去的角度投合心意,这易于无怨接受。。

当我基本的引入约束布局时,Android Studio将主动下载依靠项。,当他主动取得直竖的。。
决赛,将行依靠项添加到流行的。:

compile ''''
  • 1

谷歌供给物了本人扶助显影剂熟识THI的行为准则库。,地址如次所示。。:

同时,谷歌对2016IO也产生了本人题材来解说。,地址如次所示。。:

约束布局约束典型

复杂的说,约束,它是立法机构和立法机构经过的相干。,从官方网站借图片,让we的财产格形式解说一下。:

这边写图片描述

这边展览品的,这是计划射中靶子这两个装有钮扣经过的指导相干。,这有效地是本人复杂的绝对布局。,让we的财产格形式看一眼约束的详细典型。。

当we的财产格形式点击本人管理权,其显示印象如图所示。:

这边写图片描述

这边有几种典型的约束。

we的财产格形式本人接本人地看。。

胶料约束

在质地块中应用胶料约束。,如图:

这边写图片描述

这是罚款投合心意的。,换句话说校正元件的胶料。。

限制约束

限制约束采取空心圆。,如图:

这边写图片描述

限制约束,是最经用的约束条件。,它用于排列立法机构和立法机构。、立法机构与父限制的约束相干,有效地,是决定彼此的绝对投资。。

已知数约束

已知数约束,空心圆角矩形应用。,如图:

这边写图片描述

已知数约束,这是两个立法机构与译本属性的外星人方式。,可以让两个立法机构的译本禀承已知数举行外星人。可是需求坚持到底的是,你需求把鼠标放在校准器上。,受已知数约束的图形是明亮地的。,在你可以累赘从前。。

倾销约束

经过镗杆上的移除约束装有钮扣。,或暂时的停顿球杆把持。,可以倾销管理权的财产约束。,如图:

这边写图片描述

控制这些约束的应用。,你可以本人试试看。,we的财产格形式仅有的累赘本人管理权。,体会。

约束判例

这边我将在官方网站上获取各自的演示图的正本。:

这边写图片描述

这边写图片描述

这边写图片描述

这边写图片描述

这边写图片描述

主动约束主动衔接

在布局设计器的菜谱栏上,有本人磁铁图标。,如图:

这边写图片描述

默许制约下,此装有钮扣被翻开。,经过刚过去的,we的财产格形式可以主动确立或使安全立法机构约束。,演示示例显示。:

这边写图片描述

现时是用PPT来累赘布局的时辰了。,垒线将被爸。,过后扶助你主动谷粒。这些应变量是相似物的。。现实试验,当累赘立法机构时,刚过去的应变量可以很便于使用的。,扶助您编制约束条件。,但也相当精密的的校正。,您依然需求手工生产确立或使安全它。。

约束说服说服

在布局设计器的菜谱上,寂静本人同类的电灯泡的装有钮扣。,经过刚过去的装有钮扣,可以帮we的财产格形式主动确立或使安全立法机构间的约束相干,他辨析立法机构附近地的立法机构。,并主要成分今天在设计面板射中靶子投资来确立或使安全约束相干。

约束说服是弱小的。,we的财产格形式只需求把立法机构拖到本人褊狭的。,过后你可以推断出版。,取得最根本的约束确立或使安全。,决赛,可以举行手工生产改良。。

View Inspector

反省使联系是布局设计的右栏。,象征同类的于框前任的和属性列表的布局反省器。,如图所示:

这边写图片描述

we的财产格形式不见得看刚过去的属性。,这和你用XML编制的属性同样的。,它仅有的在这边想像。,这是先前。,让we的财产格形式看一眼上面的使联系。。

18

上面的ID,没什么可说的,环绕盒子的线。,代表we的财产格形式的往外舀水设置,在镗杆上,你也可以设置边距的根底。,MD设计作风,刚过去的基数通常是8DP。,因而,你可以在这边选择X8的往外舀水。:

这边写图片描述

对立面,有两个小丰满的,在最里面的限制上有数字。,这是绝对投资把持的相称。,如图:

这边写图片描述

经过设置刚过去的比率,we的财产格形式自由自在有本人的百分率布局。。

决赛,最难投合心意的使成相称是盒子里的四行。,如图:

这边写图片描述

这边有四条线。,点击后,将使转动,总普通以下目录:

Fixed

这边写图片描述

这种典型的流水线,容许您编制详述的巨大值。。

Wrap Content

这边写图片描述

这是包装。 目录的意思,包装目录,不注意发作一些改变。。

AnySize

这边写图片描述

这是最难投合心意的。,这打算立法机构将使忙碌财产表现空隙以一套外衣约束。,同类的于长度的布局,设置width=0,分量的方式=1。

Align

在镗杆中,可以应用外星人器。,要害为修理立法机构设置外星人约束。,如图:

这边写图片描述

we的财产格形式可以演示一下。:

这边写图片描述

Pack

在镗杆中,你可以应用包装器。,立法机构的要害编组。,如图:

这边写图片描述

要害布局

单击立法机构上的右装有钮扣。,您可以要害确立或使安全布局的快捷方式。,如图所示:

这边写图片描述

在这边,您可以要害设置立法机构的谷粒。,外星人等。。

GuideLine

更柔韧的的布局,约束布局也供给物了目录。,如图所示:

这边写图片描述

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

这边写图片描述

约束布局布局替换

经过Android Studio,we的财产格形式可以易于地将普通布局替换为约束布局。,在布局设计器的左派的栏上面的Component 树间隔,如图所示:

这边写图片描述

替换更罚款的。,再还不注意试验复杂的拉氏如果在成绩。。

从行为准则的角度投合心意约束布局属性

ConstraintLayout崇高的扶助向上移动的RelativeLayout,它有它的原文。,绝对布局供给物了layout_toBottomOf同类的同样的属性来把持立法机构间的绝对投资,因而约束布局有效地是相同的人的。,让we的财产格形式看一眼同样的属性。:

app:layout_constraintTop_toBottomOf
  • 1

他代表期望值立法机构的顶部。,与布置立法机构的英尺外星人,过后我投合心意了解说的方式。,如此等等性格是罚款投合心意的。,因而说,怨恨约束布局不打扮按行为准则举行布局,,再你可以投合心意行为准则的官能。,这在流行中的投合心意约束布局的设计是很有扶助的。。

发表评论

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

`