Xib如何对布局进行三(N)等分处理

2020-04-01  本文已影响0人  假装门口当前台

做惯Android的都知道,在Android的Layout中可以使用weight这个值来设置视频的宽高,是方便。Android是很容易就可以做到三等分

那么,xib上能否做到呢,答案是肯定的,先看看效果图


三等分

当然这个效果还不是我们想要的,但是已经进行了处理,下面看看处理过程
1.先有三个视图
2.然后分别设置高度,这里高度按照目前的高度,需要可以另外调整
3.设置左视图距离左边距,最右视图距离右边距
4.设置视图之间的边距,(3、4的边距可以另外调整)
5.设置视图距离上面的边距,也是可以调整,因为要确定x.y,height width,才可以定位一个视图位置
6最后省下width,这里用equalsWidth处理,但是发现设置完效果没更新

设置流程

接着选中第二个视图,看看布局属性


视图二

这里就发现width的设置了,点击edit


edit

看到了multiplier这个值,这两个值都不对,都改成1,这个其实就是按照比例,如果要1:2, 就改成2,现在我们要是平等分,就都改成1,最后效果就是这样了


三等分效果

如果其中一个改成2,就是这样


比例等分

看到了吧,是不是很容易,确实xib也提供了便利,比写代码容易好多,代码还要去计算宽度,不过对比Android的布局,个人觉得xib的使用还是没有Android的手写Layout代码方便,可能还是不太熟悉吧,今天的分享就到这里了

上一篇下一篇

猜你喜欢

热点阅读