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,选择如下图,即可快速自动约束布局


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


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

相关文章推荐

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

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

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

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

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

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

iOS 10 Auto Layout界面自动布局系列2-使用Xcode的Interface Builder添加布局约束

上一篇文章《iOS 10 Auto Layout界面自动布局系列1》简要介绍了iOS界面布局方式的前世今生。本篇文章将详细介绍如何使用自动布局实现不同屏幕尺寸的适配。...
  • pucker
  • pucker
  • 2014年12月11日 10:37
  • 83384

Delphi7高级应用开发随书源码

  • 2003年04月30日 00:00
  • 676KB
  • 下载

storyboard设置控件的长宽比和控件之间的尺寸成比例

使用storyboard添加约束速度比较快,那是在用熟练的情况下,有时候会为了某个要求或者方法不会,不得不停下来,耽误了速度.熟练是个重复的过程,需要练习,使用storyboard会比使用代码减少不少...

Android界面设计基础:控件焦点4个步骤_12点圆形布局

【IT168技术】现在,随着越来越多的Android的应用出现在Android Market上,如何能更加吸引用户成为摆在开发者面前的重要课题。作为Android应用,不仅要在内容上取胜,在比如界面等...
  • li11222
  • li11222
  • 2012年06月09日 13:53
  • 959

OCUI界面设计:滚动视图与分页控件结合NSTimer实现图片自动循环与无限滚动展示

前言在开发过程中,经常会遇到一些图片展示的需求,比如影视类App,会在主页循环滚动播放电影信息,亦或是电子商务类,如主页循环展示当前的折扣界面信息等。可见图片循环展示的重要性,如下我将详细讲解图片循环...

图形用户界面设计-基本控件 java实验报告第四个

第一个: 编写程序

OCUI界面设计:滚动视图与分页控件初探

滚动视图(UIScrollView)简介 UIScrollView滚动视图可以排列并显示超出自身显示范围的内容。 UIScrollView内部整合了多种手势来达到丰富的界面展示效果。 UITableV...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:Xcode7 界面设计控件自动布局
举报原因:
原因补充:

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