• 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.设置控件占屏幕到百分比
     
  • 相关阅读:
    使用mongo shell和客户端连接至MongoDB Atlas
    mongo connect BI 连接至Power BI
    react native android应用启动画面
    react native android 上传文件,Nodejs服务端获取上传的文件
    react native 增加react-native-storage
    html页面pc显示正常,在手机端适配也可以看整个页面
    如何外部访问你的本地网站natapp
    百分比圆角
    json相关知识
    indexOf用法
  • 原文地址:https://www.cnblogs.com/transcendent/p/4573215.html
Copyright © 2020-2023  润新知