Xcode7 界面设计控件自动布局

原创 2015年11月20日 18:17:21

           不管是开发苹果的IOS,还是开发os,大多数开发者都会选择在main.story.故事版上设计界面视图,需要将控件放在视图上,

但是如果只是简单的把将控件放在视图上,不约束的话,当改变窗口大小的时候,就会发生控件错乱,导致显示视图和自身理想试图不同。

            使用Xcode的约束功能或者自动约束布局即可解决控件随窗口的改变而错乱,这里是用自动约束布局解决。

             操作如下:

              一.我们建立一个os X的cocoa 应用程序,由于ios相关操作相差不大,也可以建立ios应用程序


    

二.在右下部对象库中选择Text View到视图控制器 ,添加三个按钮(button)到底部,并修改名字如下:


     

    三,打开模拟器,运行,如果向下拉动窗口,你会发现,视图没有随窗口而变化。

三.这时候,我们就要用到Xcode的约束了

           最简单的方法是采用自动布局,这样控件就会随窗口变化而改动,点击视图,按command+a全选,点击右下脚的Auto layout,选择如下图,即可快速自动约束布局


.运行,改变窗口大小,会发现此时个控件可以随窗口大小改变而自动修改。


版权声明:本文为博主原创文章,转载请注明

iOS8界面设计详解(AutoLayout与Size Class)

一、Size Class         iOS8和iPhone6发布已经过去蛮久了,广大的果粉终于迎来了大屏iPhone,再也不用纠结为大屏买三星舍苹果了…但是对于iOS开发人员来说,迎来了和And...
  • yinhaide
  • yinhaide
  • 2015年03月30日 16:58
  • 1350

17、在Xcode7.1中控件的简单使用

1、首先选择要开发的设备尺寸,打开Main.storyboard,然后选择右侧的wAny hAny,然后Base Values,如下图所示: 2、找到控件工具栏,在右侧选择Show the ...
  • sunxiaoju
  • sunxiaoju
  • 2015年11月15日 18:35
  • 2814

Xcode使用介绍之四:自动布局初体验

苹果自推出iPhone6之后,常见的屏幕的尺寸已经增加到4种,包括3.5寸、4寸、4.7寸和5.5寸,另外有时还需要考虑横屏状态下的显示效果。为了适配不同尺寸的界面布局,Xcode中引入了自动布局技术...
  • magical_code
  • magical_code
  • 2016年04月13日 16:35
  • 617

IOS学习四:基础控件Label,textfield,button等使用

本来应该早写这个学习笔记的。 但是写blog真是件痛苦得事。 今天刚面试了一个来IOS开发的同学。我觉得我得加紧进度啦。 学习进度:本例子是学习4天后红柚子第一个完整例子代码,基本把oc...
  • Nono_Love_Lilith
  • Nono_Love_Lilith
  • 2012年04月25日 23:39
  • 48058

Xcode7中自动布局autolayout和sizeclass的使用

周末宅在家里写自己的一个Demo的时候发现Xcode7中关于自动布局autolayout和sizeclass的使用和Xcode6有了很明显的变化。去年我曾写过一篇文章xcode6中自动布局autola...
  • lihuiqwertyuiop
  • lihuiqwertyuiop
  • 2016年01月12日 10:14
  • 2437

Xcode使用介绍之二:创建UI界面+连线

本文主要介绍如何使用Xcode搭建UI界面,以及如何使搭建的界面与代码进行关联。 运行环境:Xcode7.1 + iOS9.1 程序语言:Objective-C 运行示例: ...
  • magical_code
  • magical_code
  • 2016年04月13日 16:32
  • 3238

Xcode7 界面设计控件自动布局

不管是开发苹果的IOS,还是开发os,大多数开发者都会选择在main.story.故事版上设计界面视图,需要将控件放在视图上, 但是如果只是简单的把将控件放在视图上,不约束的话,当改变窗口大小的时候...
  • qq_14920635
  • qq_14920635
  • 2015年11月20日 18:17
  • 1906

写给设计师同学的xcode使用教程: 教你用 Xcode 做原型设计

在过去的一个月,我每天早上 7 点起床,一直工作到晚上 7 点,在完成在 Carshare.hk 的那份全职工作之余,一直都在致力于完善那个 Ripple 应用。这个月全是关于 iOS 方面的经验,我...
  • u013263917
  • u013263917
  • 2015年04月28日 11:24
  • 1482

GUILayout自动布局

GUILayout自动布局 function OnGUI(){  //固定布局  GUI.Button(Rect(25,25,100,30),"I am a Fixed Layout But...
  • DynastyTing
  • DynastyTing
  • 2015年06月15日 11:00
  • 466

C# Winform控件垂直排列(流布局的使用

2010-11-30 13:35       最近一段时间在网上寻找一个垂直排列的方法,找了很久都没有头绪,于是自己根据控件去微软的在线MSDN上面看资料了,在对某个控件的属性进...
  • learn_2
  • learn_2
  • 2011年09月14日 10:39
  • 11251
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:Xcode7 界面设计控件自动布局
举报原因:
原因补充:

(最多只允许输入30个字)