• 轻量级应用开发之(06)Autolayout自动布局1


    一 什么是Autolayout

      Autolayout是一种“自动布局”技术,专门用来布局UI界面的。

      自IOS7 (Xcode 5)开始,Autolayout的开发效率得到很大的提高。

      苹果官方也推荐开发者尽量使用Autolayout来布局UI界面。

      Autolayout能很轻松的解决屏幕适配的问题。

     Autolayout的两个核心概念:

    1 参照

    2 约束

    二 Autoresizing

     在Autolayout之前,有Autoresizing可以做屏幕适配,但局限性较大,有些任务无法完成。

    三 使用storyboard在预览UI在不同屏幕上的运行效果

    1. 创建一个测试项目

    1) 关闭自动布局

    打开面板(Main.storyboard)-> 点击 View Controller -> 取消 Use Auto Layout .

     默认是  302 * 520 的尺寸, 是IPhone 5S的尺寸。

     2)在main.storyboard中添加一个UIView

    在main.storyboard中添加一个UIView,背景颜色为红色。并为它添加一个右边,下面的约束。

    3)打开预览界面

     点击双环会出现一个新的界面,在新的界面点击右上角,选择 Preview , 选中 Main.storyboard(Preview).按住 commond + shift左右移动预览界面。

    经过上面的操作会看到以下界面。

    通过点击+来添加预览机型。双击机型外面来扩大和缩小预览图。

  • 相关阅读:
    JavaScript脚本的两种放置方式
    对象 属性 事件 方法
    媒体查询
    HTML5布局
    图像
    布局
    列表,表格,表单
    盒子
    vue.js常见面试题及常见命令介绍
    Winform读报工具
  • 原文地址:https://www.cnblogs.com/wangshuo1/p/5372862.html
Copyright © 2020-2023  润新知