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

他代表祝福子组件部件的顶部。,与称呼委任子组件部件的共计指示,和我默许了解说的办法。,另一个印是好的默许的。,因而说,憎恨约束布局不可取之处按加密举行布局,,憎恨你可以默许加密的输入。,这由于默许约束布局的设计是极有帮忙的。。

发表评论

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

`