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

他代表愿望子群的顶部。,与使具有特性子群的末端登记,之后我收录了解说的方式。,剩余部分能力是纤细的收录的。,因而说,可是约束布局不引荐按信号举行布局,,另一方面你可以收录信号的含蓄。,这倾向于收录约束布局的设计是罕有的有帮忙的。。

发表评论

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

`