zoukankan      html  css  js  c++  java
  • 轻量级应用开发之(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左右移动预览界面。

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

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

  • 相关阅读:
    MVC各部分技术体现
    SSM框架——详细整合教程(Spring+SpringMVC+MyBatis)
    my SQL Workbench创建数据库
    哪些素质很重要,却是读书学不来
    给程序员最好的18个忠告!
    互联网协议入门(二)
    互联网协议入门(一)
    div+css命名规范大全
    javascript中this的用法
    XHTML 相对路径与绝对路径
  • 原文地址:https://www.cnblogs.com/wangshuo1/p/5372862.html
Copyright © 2011-2022 走看看