有时候在布局界面的时候，UI要求某个View或者某张图片按比例显示，以适应不同的屏幕分辨率。
成都创新互联主要从事
做网站、成都做网站、网页设计、企业做网站、公司建网站等业务。立足成都服务府谷,十余年网站建设经验,价格优惠、服务专业,欢迎来电咨询建站服务:18980820575
通常我们时通过自定义View或者引入第三方的库来解决。现在我们既然已经使用了ConstraintLayout，它本身就支持这样的按比例设置View大小的功能。
下面我们来介绍如何使用：
- 首先我们在布局中添加一个View：
此时，没有添加任何约束，显示的比例就是原始图片的比例。
- 添加水平方向的约束：
添加完水平方向的约束后，注意此时默认的宽高为wrap_content。
- 将高度设置为match_constraint
如上图：这里我们将高度设置为match_constraint，然后发现下面出现了一个三角，这个就是设置View比例的地方。
- 设置View比例
下面我们点击这个三角形，并设置宽高的比例：
1：1
- 1：2
这里设置的是宽度：高度的比例，我们查看源码可以看到这个属性：
此时我们改变View的宽度，就会发现其高度也会保持这个比例而相应地变化了：
总结
本文我们是以宽度：高度进行View比例的设置，当然我们也可以以高度：宽度进行设置，道理都是一样的。
设置View的比例也是ConstraintLayout相对于传统的布局容器一个强大的功能，它使得布局更加灵活，更加容易得进行屏幕适配。
下一篇：Android开发 - 掌握ConstraintLayout（十一）复杂动画！如此简单！，我们将介绍使用ConstraintLayout创建复杂动画。
如有更多疑问，请参考我的其它Android相关博客：我的博客地址
另外有需要云服务器可以了解下创新互联scvps.cn，海内外云服务器15元起步，三天无理由+7*72小时售后在线，公司持有idc许可证，提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。
网站名称：掌握ConstraintLayout（十）按比例设置视图大小-创新互联
URL分享：
http://cdkjz.cn/article/dhhiog.html
