IOS开发之——屏幕适配-AutoLayout动画(05)

一概述

通过参数传值设置AutoLayout的边距
AutoLayout动画示例

二通过参数传值设置AutoLayout的边距

2.1 修改前

NSArray *blueViewConsH= [NSLayoutConstraint constraintsWithVisualFormat:@"H:|-20-[blueView]-20-|" options:0 metrics:nil views:@{@"blueView":blueView}];
[self.view addConstraints:blueViewConsH];

2.2 设置margin参数

int margin=20;
//水平方向-设置蓝色View距离左边和右边20间距，设置X和宽度
NSArray *blueViewConsH= [NSLayoutConstraint constraintsWithVisualFormat:@"H:|-margin-[blueView]-margin-|" options:0 metrics:@{@"margin":@(margin)} views:@{@"blueView":blueView}];
[self.view addConstraints:blueViewConsH];

说明：

constraintsWithVisualFormat中设置使用margin参数
metrics中为margin赋值
显示效果相同

三 AutoLayout动画示例

3.1 布局文件

Autolayout约束说明：

设置宽高都为80
设置距离左边距0，距离上边距50
代码中获取左边距leftCons，上边就topCons

3.2 代码

#import "ViewController.h"@interface ViewController ()
@property (weak, nonatomic) IBOutlet NSLayoutConstraint *leftCons;
@property (weak, nonatomic) IBOutlet NSLayoutConstraint *topCons;@end@implementation ViewController-(void)touchesBegan:(NSSet<UITouch *> *)touches withEvent:(UIEvent *)event
{//1.修改约束值self.leftCons.constant+=100;self.topCons.constant+=100;//2.让View上的约束执行动画[UIView animateWithDuration:5 animations:^{[self.view layoutIfNeeded];}];
}
@end

3.3 效果图

IOS开发之——屏幕适配-AutoLayout动画(05)相关推荐

IOS开发之——屏幕适配-AutoLayout布局实现(02)
一概述关于AutoLayout的几个概念通过布局实现屏幕适配二关于AutoLayout的几个概念 2.1 什么是Autolayout Autolayout是一种"自动布局" ...
iOS开发中屏幕旋转（二）
Morris_ 2019.04.11 前面有总结过一些在开发中遇到的屏幕旋转的基础知识. 一.设置应用支持的转屏方向设置方式 00x1 在TARGET->General->Deploym ...
iOS开发中屏幕旋转（一）
Morris_ 2018.11.24 前言最近做一个关于在线视频互动的iPad项目,部分界面只要横屏,部分界面可以横竖屏转换.看了看别家做的项目,有些是只做竖/横屏,有些是支持了横竖屏转换,在iPa ...
IOS 开发 iPhone屏幕尺寸、分辨率及适配
版权声明:本文为博主原创文章,未经博主允许不得转载. 目录(?)[+] 1.iPhone尺寸规格设备 iPhone 宽 Width 高 Height 对角线 Diagonal 逻辑分辨率(point ...
iOS开发技巧 - Size Class与iOS 8多屏幕适配(一)
0. 背景: 在iOS开发中,Auto Layout(自动布局)能解决大部分的屏幕适配问题. 但是当iPhone 6和iPhone 6 Plus发布以后, Auto Layout已经不能解决复杂的屏幕 ...
iOS开发之核心转场动画
iOS开发UI篇-核心动画(转场动画和组动画) 一.转场动画简单介绍 CAAnimation的子类,用于做转场动画,能够为层提供移出屏幕和移入屏幕的动画效果.iOS比Mac OS X的转场动画效果少一 ...
iOS开发：兼容适配iPhone X
打个硬广,少儿编程培训是我的副业,有加入我们在公众号留言! 本文转自:CocoaChina公众号推荐文章屏幕我们在编码中使用的是以point为单位的屏幕尺寸(在不同设备上每个point对应的实际像 ...
ios开发方形到圆的动画_iOS利用UIBezierPath + CAAnimation实现路径动画效果
前言上次给大家介绍了iOS利用UIBezierPath + CAAnimation实现路径动画效果的相关内容,今天实现一个根据心跳路径实现一个路径动画,让某一视图沿着路径进行运动.. 效果图如下: ...
iOS开发-iPhoneX的适配-iPhoneX屏幕适配分享
文章感谢 PingWest品玩,奇点开发者@图拉鼎 iOS 11正式发布,原本bate版就很多坑,现在还没解决就正式发布了~内心也是酸爽的.除了代码上的坑,更恶劣的就是新的iPhone咯,看到iPho ...
ios 屏幕适配 autolayout | Masonry 使用
设置约束的方式: 1. 通过底部的面板 2. 拖按照ctrl键,选择一个控件拖向另外一个控件 3. 在左侧菜单控件列表,选择一个控件拖向另外一个控件 4. 在右侧约束面板,设置 1. autol ...

IOS开发之——屏幕适配-AutoLayout动画(05)

一概述

二通过参数传值设置AutoLayout的边距

2.1 修改前

2.2 设置margin参数

三 AutoLayout动画示例

3.1 布局文件

3.2 代码

3.3 效果图

IOS开发之——屏幕适配-AutoLayout动画(05)相关推荐

最新文章

热门文章

IOS开发之——屏幕适配-AutoLayout动画(05)

一 概述

二 通过参数传值设置AutoLayout的边距

2.1 修改前

2.2 设置margin参数

三 AutoLayout动画示例

3.1 布局文件

3.2 代码

3.3 效果图

IOS开发之——屏幕适配-AutoLayout动画(05)相关推荐

最新文章

热门文章

一概述

二通过参数传值设置AutoLayout的边距