zoukankan      html  css  js  c++  java
  • IOS中xcode6以上控件布局适配,两控件的距离,控件占百分比

    1.控件的适配

    让下面的view(绿色部分)模拟器,这就需要做一下人为的约束(constraints)

    1、首先做一个顶端约束,选中view(一定要选中要需要调整的控件)——Editor——Pin——Top Space to Superview


    2、接下来将Contant值设为为0,意思是view这个控件与模拟器顶端距离为0,设置为0了之后,左侧视图并不会发生变化,这个约束会在编译时起作用,开发中并不会实时响应


    接下来依次添加左侧约束(Leading Space to Superview)、右侧约束(Trailling Space to Superview)、底端约束(Bottom Space to Superview),将它们的contant全部设置为10,command+s 保存一下


    查看效果,如下,这样变出现了顶端约束为0,左、右、底端约束为10的一个view(但是我们开发的面板并不会发生变化,为了方便开发可以手动调整下显示,方便开发)

    2.两控件之间的距离

    快速的适配1.2.3步骤带图 详解……

      

    xcode6中storyboard视图之间的约束【易懂】

    xcode6中storyboard视图之间的约束【易懂】

    xcode6中storyboard视图之间的约束【易懂】

    xcode6中storyboard视图之间的约束【易懂】

    xcode6中storyboard视图之间的约束【易懂】

    xcode6中storyboard视图之间的约束【易懂】

    xcode6中storyboard视图之间的约束【易懂】

    xcode6中storyboard视图之间的约束【易懂】

    xcode6中storyboard视图之间的约束【易懂】


    xcode6中storyboard视图之间的约束【易懂】

    更新 2015-04-09  

    点击gif图片看动态操作!
    1)视图如何居中?
    xcode6中storyboard视图之间的约束【易懂】

    2)2个视图始终保持之间距离?
    xcode6中storyboard视图之间的约束【易懂】

    3)。。。
     
     
     
     
     

    建议:直接使用 control+鼠标左键 ,选中一个视图拉线到另一个视图上去选择,非常的方便!
    总结:  只是简单的约束,适配屏幕更加的方便,少写了代码。对于如何使用storyborad(github找下简单demo,很简单)不演示了, 如有不明白 可以微博联系,一起研究学习,谢谢^_^
    3.设置控件占屏幕到百分比
     
  • 相关阅读:
    day50——前端简介、标签分类、常用标签
    day46——约束条件、表与表建 关系、修改表的完整语法
    day45——存储引擎、数据类型、约束条件
    day44——存储数据的发展、数据库分类、mysql
    Ⅰ:计算机核心基础
    Ⅶ:基本数据类型及内置方法
    Ⅶ:作业
    Ⅵ:深浅copy
    Ⅵ:流程控制
    Ⅳ:运算符
  • 原文地址:https://www.cnblogs.com/transcendent/p/4573215.html
Copyright © 2011-2022 走看看