美文网首页
Xib如何对布局进行三(N)等分处理

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

作者: 假装门口当前台 | 来源:发表于2020-04-01 10:15 被阅读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代码方便,可能还是不太熟悉吧,今天的分享就到这里了

相关文章

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

    做惯Android的都知道,在Android的Layout中可以使用weight这个值来设置视频的宽高,是方便。A...

  • iOS - XIB

    -- xib 可视化布局。先冻结xib布局的部分. -- 默认通过initWithCoder: (正在进行初始化)...

  • 使用autolayout动态控制视图

    在开发中,经常需要用到xib。在xib中的视图做动态布局,视情况而对某些部分的视图进行隐藏或显示,大家是怎么处理的...

  • 代码布局

    xib 不是全能的,有的时候不能使用 xib 进行 UI 布局的时候,还是得使用代码布局。 代码布局有两个点要注意...

  • swift中UIView从XIB加载(POP思想)

    在我们项目中,经常用到自定义UIive控件,一般我们都会选择XIB进行布局,那么swift重如何从XIB加载UIV...

  • TableLayout 整齐堆叠宽度等分布局

    需求 现有需求,按总宽度N等分,从左往右放置子布局,至最右处换下行继续,整体布局高度按照子布局高度逐级扩张。 An...

  • XIB多等分

    愿编程让这个世界更美好

  • Swift 纯代码布局框架 SnapKit 入门教程

    进行iOS UI开发的时候,主要的布局方式有xib、storyboard和纯代码布局。storyboard布局有个...

  • 根据扔物线大佬教程重写的TableLayout

    需求及前情提要 现有需求,按总宽度N等分,从左往右放置子布局,至最右处换下行继续,整体布局高度按照子布局高度逐级扩...

  • iOS页面的布局方式

    iOS有三种基本的界面布局的方法,分别是手写UI,xib和storyboard。手写UI是最早进行UI界面布局的方...

网友评论

      本文标题:Xib如何对布局进行三(N)等分处理

      本文链接:https://www.haomeiwen.com/subject/gwkouhtx.html