美文网首页iOS随笔iOS DeveloperiOS 开发
使用StoryBoard建立三个按钮,按钮水平等距离摆放

使用StoryBoard建立三个按钮,按钮水平等距离摆放

作者: cc412 | 来源:发表于2016-05-09 00:00 被阅读478次

  随着苹果对Storyboard的大力推广和支持,Storyboard的功能越来越强大,无论是个人开发还是团队协作,Storyboard都表现的很不错,然而有些布局还是纯代码实现起来比较方便,特别是涉及到屏幕适配以及横竖屏旋转。

需要实现的效果

  最近在开发中遇到需要在一个View中水平摆放三个按钮,按钮之间的距离以及两边按钮到边框的距离相等,之前遇到直接上纯代码创建,取得屏幕宽度后直接计算(假设按钮宽高固定),在旋转屏幕时也要再次刷新。

  Tip:这里注意一下,iOS8以后屏幕旋转时候的[UIScreen mainScreen].bonuns改变了,获取屏幕宽度最好用以下方法

  MIN(SCREEN_HEIGHT, SCREEN_WIDTH);

  详见 StackOverflow-iOS8横竖屏

  那么在storyboard中如何利用约束来实现呢?其实很简单

基本设计思想

  如上图所示,其实就是利用约束中的宽度相等约束来实现。3个按钮,中间居中,按钮之间和按钮与屏幕之间共4段间距,间距要相等~那就放4个view咯,设置view之间的宽度相等。

  Ok,如何设计知道了,下面一步一步来,首先拖三个Button,设置button的宽高约束,我这里是70,70。然后设置中间button与父视图水平和垂直居中,保证它在最中间。

   然后另外两个button与中间button水平居中,之后拖4个view依次填充在缝隙中,设置4个view都和父视图上对齐,左右两个view也和父视图对齐,4个view约束基本差不多

4个view约束

   注意,不要设置4个view的宽度约束,而是设置4个view等宽,这样他们的宽度就会随着屏幕改变而改变。

   设置完成以后运行一下

竖屏

    旋转一下屏幕

横屏下

    可以看到4个view宽度改变了,之后隐藏4个view,大功告成。

    当按钮少的时候可以这样玩,而不用手动去改变约束,当按钮很多时候还是用代码比较合适。

    以上。

相关文章

  • 使用StoryBoard建立三个按钮,按钮水平等距离摆放

    随着苹果对Storyboard的大力推广和支持,Storyboard的功能越来越强大,无论是个人开发还是团队协作...

  • FloatactionButton菜单动画

    浮动按钮的弹出菜单动画 将几个按钮重叠摆放,使用ValueAnimator更新按钮的坐标实现。 布局 控制

  • ios打电话、发短信

    如何使用系统自带的打电话、发短信、发邮件、上网?## 使用storyboard画了下面几颗按钮 点击相应的按钮执行...

  • 按钮文本对齐

    前言 使用按钮也是可以设置按钮的文字的对齐方式的哦,如何使用的是XIB或者storyboard,可以直接设置。 当...

  • storyboard autolayout iOS开发

    首先是需求效果:三个按钮,两个按钮中间添加分割线。要求按钮大小和框等比例。 我是很少用storyboard xib...

  • 在xib、storyboard中使用KVC

    在xib和storyboard中对控件使用kvc 选中控件 -> 右边工具栏的第三个按钮(有类名的地方) -> U...

  • RAC实战4---基本元素的使用

    我们这节从基本的一些元素或者控件的使用方式说起。 1.按钮。 在storyboard中新建一个按钮,对应到view...

  • 咻一咻的简单实现

    先在storyboard中设置view的背景颜色 在viewDidLoad中创建按钮UI布局如下: 点击按钮循环扩...

  • 2. UITextField

    标签:代理、监听编辑状态、监听返回按钮、键盘属性(返回按钮等)、Storyboard属性详解 一、常用技巧: 1....

  • PThread-5

    在storyBoard拖拽button TextView 绑定按钮方法 -(IBAction*)buttonCli...

网友评论

本文标题:使用StoryBoard建立三个按钮,按钮水平等距离摆放

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