• 一步一步学习Swift之(三):巧用AutoLayout布局


    一些初学者经常在使用autoLayout时,做得效果不太理想,经常会出现界面错乱的情况。

    本文章用一个小实例说明autoLayout的使用

    非常的简单,只要记住 规则就可以使界面适屏布局,适配各种iphone手机的屏幕

    1.新建一个swift项目(以Single View Application模板新建项目)

    将Main.storyboard中的默认的ViewController 设为iPhone 4-inch 尺寸(也就是iphone 5s的屏幕大小)

     

    2.往View上放一些按钮(UIButton),并设置一下背景颜色,方便 看得清楚 。如图下

     

    这时候使用 iphone5s的模拟器运行,将看到屏幕很漂亮,但用iphone6 模拟器或iphone6 plus模拟器 再运行一下就全是向左上方向靠了。

    3.我们的目标就是要它像iphone5s模拟器上的样子。

    首先处理第一个按钮:选中第一个按钮,点击下方 |-口-|这个图标,弹出的窗口,为其添加Constraints

    注意:这里是不用考虑数值的,默认是多少就是多少。只需要设置你所需要让按钮往哪边拉,占位置。

    很明显第一个按钮需要添加:上左右的Constraints 并加上个高度Hight,让其高度固定

    4.同理第二排按钮中的第1个 应设置:左、上Constraints +固定宽Width+高Height。

    视频演示地址:http://v.youku.com/v_show/id_XOTI2NTU4MDA4.html

    原文出自:http://www.cnblogs.com/wuxian/p/4396962.html 转载就注明来源

  • 相关阅读:
    7.Pod控制器—Job&CronJob
    6.Pod控制器—DaemonSet
    5.Pod控制器—ReplicaSet&Deployment
    0.4kubeadm参数说明
    14.Open vSwitch实现跨主机的容器之间网络互联
    p1144_最短路计数问题
    vue在dom绑定点击事件后,同时将值和事件传递
    vue中使用lodash的throttle不生效解决方案
    vuecli3项目添加pwa支持
    flutter for web跨域解决方案
  • 原文地址:https://www.cnblogs.com/wuxian/p/4396962.html
Copyright © 2020-2023  润新知