内容简介：有时候在布局界面的时候，UI要求某个View或者某张图片按比例显示，以适应不同的屏幕分辨率。通常我们时通过自定义View或者引入第三方的库来解决。现在我们既然已经使用了ConstraintLayout，它本身就支持这样的按比例设置View大小的功能。下面我们来介绍如何使用：
有时候在布局界面的时候，UI要求某个View或者某张图片按比例显示，以适应不同的屏幕分辨率。
通常我们时通过自定义View或者引入第三方的库来解决。现在我们既然已经使用了ConstraintLayout，它本身就支持这样的按比例设置View大小的功能。
下面我们来介绍如何使用：
- 首先我们在布局中添加一个View：
此时，没有添加任何约束，显示的比例就是原始图片的比例。
- 添加水平方向的约束：
添加完水平方向的约束后，注意此时默认的宽高为wrap_content。
- 将高度设置为match_constraint
如上图：这里我们将高度设置为match_constraint，然后发现下面出现了一个三角，这个就是设置View比例的地方。
- 设置View比例
下面我们点击这个三角形，并设置宽高的比例：
-
1：1
-
1：2
这里设置的是 宽度：高度 的比例，我们查看源码可以看到这个属性：
此时我们改变View的宽度，就会发现其高度也会保持这个比例而相应地变化了：
总结
本文我们是以 宽度：高度 进行View比例的设置，当然我们也可以以 高度：宽度 进行设置，道理都是一样的。
设置View的比例也是ConstraintLayout相对于传统的布局容器一个强大的功能，它使得布局更加灵活，更加容易得进行屏幕适配。
下一篇： Android开发 - 掌握ConstraintLayout（十一）创建动画 ，我们将介绍使用ConstraintLayout创建复杂动画。
如有更多疑问，请参考我的其它Android相关博客：我的博客地址
以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，也希望大家多多支持 码农网
本站部分资源来源于网络，本站转载出于传递更多信息之目的，版权归原作者或者来源机构所有，如转载稿涉及版权问题，请联系我们。
CSS权威指南（第三版）
[美] Eric A.Meyer / 侯妍、尹志忠 / 中国电力出版社 / 2007-10 / 58.00
你是否既想获得丰富复杂的网页样式，同时又想节省时间和精力？本书为你展示了如何遵循CSS最新规范（CSS2和CSS2.1）将层叠样式表的方方面面应用于实践。 通过本书提供的诸多示例，你将了解如何做到仅在一处建立样式表就能创建或修改整个网站的外观，以及如何得到HTML力不能及的更丰富的表现效果。 资深CSS专家Eric A.Meyer。利用他独有的睿智和丰富的经验对属性、标记、标记属性和实......一起来看看 《CSS权威指南（第三版）》 这本书的介绍吧!
