#import "ViewController.h" @interface ViewController () @property (nonatomic, strong) UIView *blueView; @end @implementation ViewController - (void)viewDidLoad { [super viewDidLoad]; // 2.添加两个控件到父控件上 // 2.1添加蓝色View UIView *blueView = [[UIView al

iOS开发过程中很大一部分内容就是界面布局和跳转,iOS的布局方式也经历了 显式坐标定位方式 --> autoresizingMask --> iOS 6.0推出的自动布局(Auto Layout)的逐步优化,至于为什么推出自动布局,肯定是因为之前的方法不好用(哈哈 简直是废话),具体如何不好用以及怎么变化大家可以瞅瞅 这篇文章.iOS6.0推出的自动布局实际上用布局约束(Layout Constraint)来实现,通过布局约束(Layout Constraint)可以确定两个视图之间精确的位

[IOS界面布局]横竖屏切换和控件自适应(推荐) 分类: [MAC/IOS下开发]2013-11-06 15:14 8798人阅读 评论(0) 收藏 举报 横竖屏切换 自适应 第一种:通过人为的办法改变view.transform的属性. 具体办法: view.transform一般是View的旋转,拉伸移动等属性,类似view.layer.transform,区别在于 View.transform是二维的,也就是使用仿射的办法通常就是带有前缀CGAffineTransform的类(可以到API

参考资料: 1. 谈谈如何学习ios 8的界面和布局设计 2. iOS 8 Auto Layout界面布局系列 3. 为iPhone 6设计自适应布局 4. 几张图弄明白iOS布局中的尺寸问题

今天我学习了有关布局的知识,以下是我整理出来的需要注意的,也是我个人认为比较重要的细节. 一.自动约束 在我们设置好自动约束布局之后,有时会出现拖动滑动条,左边的Label会跟着放大缩小的问题. 这时,我们只需要选中Label,在自动约束布局的Pin中选中Width,点击Add 1 Constraint就解决了.(如图) 二.美化按钮 (一)可拉伸图像 在Assets.xcassets中选中图像->Show Slicing->Start Slicing 有垂直拉伸,水平拉伸,或两者兼有可供选择

查看ios软件的ui布局有三种: 1.DCIntrospect    这种方式是开源的,我从github上clone下来后运行demo,运行遇到了问题:Xcode cannot run using the selected device,试了修改允许版本之类的方法一直没有.还是没有耐心研究,所以放弃了,有同学愿意试试的可以去看看,到时候告诉我一声怎么用. 2.REVEAL   这款软件我也下载下来用了,用的时候需要把它的framework导入进工程,然后还需要设置一下链接到这个库.但不知道为什么

什么是VFL语言 VFL(Visual Format Language),“可视化格式语言”. VFL是苹果公司为了简化autolayout的编码而推出的抽象语言. 语法说明 H:[cancelButton()]--[acceptButton()] cancelButton宽72,acceptButton宽50,它们之间间距12 H:[wideView(>=@)] wideView宽度大于等于60point,该约束条件优先级为700(优先级最大值为1000,优先级越高的约束条件越先被满足) V:

一.约束的优先级 0.屏幕适配 发展历程 代码计算frame -> autoreszing(父控件和子控件的关系) -> autolayout(任何控件都可以产生关系) -> sizeclass 1,简单介绍在Autolayout中每个约束都有一个优先级,优先级的范围是1 ~ 1000,默认创建的约束优先级是最高的1000. 在我理解约束优先级核心就是是为了 "如果存在多套约束的情况下,解决约束冲突" 的问题.有些场景需要动态进行布局,比如我们竖着放了三个按钮: 如果

demo地址 :链接: http://pan.baidu.com/s/1c00ipDQ 密码: mi4c 1 @interface ViewController () @property (nonatomic, strong) UILabel *label; @end @implementation ViewController - (void)viewDidLoad { [super viewDidLoad]; //创建一个Label UILabel *label = [[UILabel al

使用masonry布局,可以布局一套,适配所有机型,但是有时候会出现一些比较特殊的情况,每次iOS11上面开发,开发完成之后,在iOS9,iOS10上查看的时候发现布局与iOS11不完全一致,有的高度计算错误,有的label无法换行等问题,这种问题困扰了很久,以前的解决方案是针对版本单独适配,甚至有时候使用静态高度来解决,最近在写一些复杂页面的时候,发现还是会有这个问题,于是决心要找到解决办法 在masonry github的issue中我发现有些网友提出了类似的问题,更多讨论详情请参考 htt

由于刚开始的项目主要用的H5.javaScript技术为主原生开发为辅的手段开发的项目,UI主要是还是H5,如今翻原生.为了方便同时维护两端.才找到这个很不错的库. FlexBox?听起来像是一门H5布局技术.如何应用于原生移动端. 最近时不时的听到关于 FlexBox 的声音,除了在 Weex 以及 React Native 两个著名的跨平台项目里有用到 FlexBox 外,AsyncDisplayKit 也同样引入了 FlexBox . 先说说 iOS 本身提供给我们 2 种布局方式: Fr

NSLayoutConstraint参数说明: /** * 创建约束 NSLayoutConstraint 参数 说明: * item 自己 * attribute * relatedBy 大于等于 小于等于 等于 ... * toItem 另外一个控件 * attribute 另一个控件的属性 * multiplier 乘以多少 * constant : 加上多少 * NSLayoutConstraint : 某个控件的属性值 等于 另外一个控件的属性值 乘以多少 加上多少 * 添加约束 ad

在对UIView以及其子类空间的布局方案有多种,今天温习了一下autoresizing布局 一.了解一下相关知识: 1.UIView其中一个属性为 @property(nonatomic) UIViewAutoresizing autoresizingMask;    // simple resize. default is UIViewAutoresizingNone 该布局方案主要是对该属性的设置 2.UIViewAutoresizing为可选类型( NS_OPTIONS.NS_ENUM略有

为了让我们的应用在不同尺寸的屏幕下都能 “正常”的表示,我们尽量不要把数据写死.大多数可视元素都是一个矩形区域,当然这个矩形区域有坐标的,我们有了这个区域坐标就能确定可视元素的现实位置了.但是iphone5和以前的屏幕不一样了,在以前的设备中,我们可以添加一个 xx.@2x.png来适应retina屏幕,但是iphoen5咋办呢?ios6引入了 Auto Layout的东东,这个要和UIViewAutoresizing区分下. 1.看下面代码: -(void)viewDidLoad { [sup

1.iPad和iPhone的屏幕布局 在IB中,屏幕或控件的尺寸以点为单位.在视网膜技术中,1个点包括4个像素,而没有采用视网膜屏幕技术的还是1个点包括1个像素. 2.绝对布局和相对布局 3.使用AutoLayout布局 i.AutoLayout为空间布局定义了一套约束(constraint),约束定义了控件与视图之间的关系. ii.在垂直距离的约束属性设定中, Relation:指设定的距离之间的关系,包括3个选项——等于.大于等于和小于等于. Constant:约束数值. Priority:

在项目中,视频播放时候遇到网络切换需要弹出AlertView提醒用户,忽然发现转屏的时候播放View加到KeyWindow的时候把AleryView挡住了.如图 因为转屏的时候视图是直接加载到 [UIApplication sharedApplication].keyWindow 所以应该是keyWindo切换导致的,因为AlertView弹出时候,keyWindow变成了AlertView的window. 更多请点击UIWindow的一点儿思考 所以解决办法很简单,在添加PlayerView的

1. 设置控件的宽度是父视图的宽度的1/2 在控件上按住ctrl,按住鼠标左键,拖动到父视图,这时出来一个选项,选中aspect 在Multiplier中填上1:2 即可,其它的比例也是这样 2. 设置控件的高度是控件宽度的1/3 在控件上按住ctrl,按住鼠标左键,拖向自身,选中aspect radio 由于高度基于宽度,所以设置priority低于上一个约束的优先级 在multiplier中设置想要的数值 3. 设置控件的距离父视图的左边距 选中下方的pin 点击弹出视图的最上面的四条虚线中

///更新约束和布局 更新约束布局相关的API - (void)updateConstraintsIfNeeded  调用此方法,如果有标记为需要重新布局的约束,则立即进行重新布局,内部会调用updateConstraints方法 - (void)updateConstraints          重写此方法,内部实现自定义布局过程 - (BOOL)needsUpdateConstraints     当前是否需要重新布局,内部会判断当前有没有被标记的约束 - (void)setNeedsUp

布局就是尺寸和位置的设置. 一.基本布局: 1)绝对布局:frame.layoutsubviews. 二.相对布局: autoresizing.autolayout.基于父视图.基于约束. 三.线性布局: tableview: 四.group布局: collection view. 五.固定算法群组布局. 使用基本布局+算法.

  NerdyUI github: https://github.com/nerdycat/NerdyUI Cupcake (Swift 版本) github: https://github.com/nerdycat/Cupcake 相关文章:NerdyUI 使用小技巧 序言 众所周知,UI在一个App中所占的比重是很大的,如果能快速的布局UI,就能大大的提高App的整体开发效率,NerdyUI正是基于这个理由创建的. NerdyUI使用非常紧凑的链式语法,提供一些常用但系统控件又缺失的功能,更