文档章节

自动布局(autoLayout)演练2

tb_engineer
 tb_engineer
发布于 2015/04/12 22:09
字数 461
阅读 245
收藏 5

那这一篇的练手的任务是:     

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

如上图:红色记号代表间距都是20,两图片的高度都为40,最重要的一点:两图片的右边距(Trailing)对齐

 

1.添加两个uiview,我这是用的是storyboard拖的,两个uiview,设置好背景颜色

 

2.autoLayout与autosizing是重复的,不能混用,因此在xcode6.1以上要用autoLayout时,要在把zutosizing的勾去掉,要用autoLayout,把勾打上,因为这张图是xcode5.1,所以与xcode6不同

 

3.首先弄蓝色视图:

1.)

 

 

 

 

 

 

 

 

 

 

 

 

添加4条约束因两头间距都是20,所以蓝色视图的长度是固定的,故不用设置其蓝色视图的width,

ok,点击蓝色视图,就可以看到蓝色的线条,那就说明蓝色视图的约束全部设置成功了,。

 

4.红色视图:

 

1.)

 

 

 

 

 

 

 

 

 

2.)因为红色视图与蓝色视图的右边距都是对其的,故‍按住shift键,同时选中蓝色与红色视图,再添加约束。

 

 

ok,到这,就大功造成了。

注意:大家会发现在视图上添加约束时,会发现右上脚会出现黄色的警告,是因为你设置的约束与你当前要设置视图的frame不一致,比如说:你要设置某视图居中的话,添加约束Horizontal  Center in Container和Certical Center in Container ,但是现在视图往往不是居中的,与你要约束的位置不一致,会出现了黄色警号,一般的话,我们是不管它的,在添加完约束,再点击黄色的警告,点击Update Frame,视图就会按照你添加的约束布局了。

 

 

 

© 著作权归作者所有

tb_engineer
粉丝 8
博文 24
码字总数 6322
作品 0
广州
程序员
私信 提问
AutoLayout自动布局在线课程

AutoLayout是一种基于约束的,描述性的布局系统。AutoLayout为开发者提供了一种不同于以往UI元素位置指定的布局方法。以前布局是通过frame属性来定义其在当前view中的位置和尺寸。使用AutoL...

YungFan
01/12
0
0
iOS开发tips-UIScrollView的Autlayout布局

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/jianxin160/article/details/57075059 UIScrollViewj尽管继承于UIView,但它是一个相对比较特殊的视图,特别是...

KenshinCui
2017/02/25
0
0
translatesAutoresizingMaskIntoConstraints 详解

translatesAutoresizingMaskIntoConstraints 把 autoresizingMask 转换为 Constraints 即:可以把 frame ,bouds,center 方式布局的视图自动转化为约束形式。(此时该视图上约束已经足够 不...

iOS_愛OS
2017/12/28
0
0
iOS界面布局之二——初识autolayout布局模型

iOS界面布局之二——初识autolayout布局模型 一、引言 在上一篇博客中介绍了传统的布局方式:autoresizing。随着iphone型号的越来越多,屏幕的标准也更加多样化,通过autoresizing已经不能满...

珲少
2015/06/01
805
0
ios8 iOS Auto Layout

引言: Auto Layout是iOS6发布后引入的一个全新的布局特性,其目的是弥补以往autoresizing在布局方面的不足之处,以及未来面对更多尺寸适配时界面布局可以更好的适应. 要完全掌握Auto Layout是一...

AK_47
2014/10/31
2.4K
0

没有更多内容

加载失败,请刷新页面

加载更多

java通过ServerSocket与Socket实现通信

首先说一下ServerSocket与Socket. 1.ServerSocket ServerSocket是用来监听客户端Socket连接的类,如果没有连接会一直处于等待状态. ServetSocket有三个构造方法: (1) ServerSocket(int port);...

Blueeeeeee
今天
6
0
用 Sphinx 搭建博客时,如何自定义插件?

之前有不少同学看过我的个人博客(http://python-online.cn),也根据我写的教程完成了自己个人站点的搭建。 点此:使用 Python 30分钟 教你快速搭建一个博客 为防有的同学不清楚 Sphinx ,这...

王炳明
昨天
5
0
黑客之道-40本书籍助你快速入门黑客技术免费下载

场景 黑客是一个中文词语,皆源自英文hacker,随着灰鸽子的出现,灰鸽子成为了很多假借黑客名义控制他人电脑的黑客技术,于是出现了“骇客”与"黑客"分家。2012年电影频道节目中心出品的电影...

badaoliumang
昨天
14
0
很遗憾,没有一篇文章能讲清楚线程的生命周期!

(手机横屏看源码更方便) 注:java源码分析部分如无特殊说明均基于 java8 版本。 简介 大家都知道线程是有生命周期,但是彤哥可以认真负责地告诉你网上几乎没有一篇文章讲得是完全正确的。 ...

彤哥读源码
昨天
15
0
jquery--DOM操作基础

本文转载于:专业的前端网站➭jquery--DOM操作基础 元素的访问 元素属性操作 获取:attr(name);$("#my").attr("src"); 设置:attr(name,value);$("#myImg").attr("src","images/1.jpg"); ......

前端老手
昨天
7
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部