UI控件之UIView与动画

UIView:用来展示用户的界面,响应用户的操作(继承自UIResponder)

UIView的作用:绘图、动画、处理事件

UIView可以包含和管理子视图,并且决定子视图的位置大小

获取所有的子视图(数组)

NSArray *subViews= self.window.subviews;

将子视图放在某个子视图上面

[self.window insertSubview:greenView aboveSubview:yellowView];

将子视图放在某个子视图下面

[self.window insertSubview:greenView belowSubview:blueView];

将子视图放在某个下标位置处

[self.window insertSubview:greenView atIndex:2];

将某个子视图移到最上层

[self.window bringSubviewToFront:redView];

将某个子视图移到最底层

[self.window sendSubviewToBack:blueView];

设置是否允许父视图裁剪子视图(子视图比父视图大时)

blackView.clipsToBounds=YES;

设置是否允许在父视图尺寸变化时自动调整子视图的尺寸

blackView.autoresizesSubviews=YES;

设置子视图的调整模式,自动调整子视图的高度和宽度

topView.autoresizingMask=

UIViewAutoresizingFlexibleHeight|UIViewAutoresizingFlexibleWidth;

获取父视图

UIView *parentView= subView.superview;

将topView从父视图中移除(删除视图topView)

[topView removeFromSuperview];

UIView动画有2种:

属性动画:frame、bounds、center、backgroundColor、alpha、transform

翻转动画:实现方式2种:iOS4.0之前:采用[]设置;iOS4.0之后:采用block实现

1.iOS4.0之前:采用[]设置

开始设置动画,第一个参数是动画名字,第二个参数是对象,一般为nil

[UIView beginAnimations:@"animation" context:nil];

设置动画的持续时间

[UIView setAnimationDuration:1];

设置动画开始的延迟时间

[UIView setAnimationDelay:0];

设置动画重复次数

[UIView setAnimationRepeatCount:1];

设置动画模式

[UIView setAnimationCurve:UIViewAnimationCurveLinear];

UIViewAnimationCurveEaseIn:动画开始时效果缓慢

UIViewAnimationCurveEaseOut:动画结束时效果缓慢

UIViewAnimationCurveEaseInOut:动画开始和结束时效果缓慢

UIViewAnimationCurveLinear:动画的平滑效果

设置代理,采用执行下面2个方法

[UIView setAnimationDelegate:self];

设置动画结束后执行的选择器方法

[UIView setAnimationDidStopSelector:@selector(buttonClick:)];

设置动画开始之前执行的选择器方法

[UIView setAnimationWillStartSelector:@selector(buttonClick:)];

设置图片视图的中心点

imageView.center=CGPointMake(300, 600);

设置图片视图的透明度

imageView.alpha=0.1;

设置缩放比例值

imageView.transform=CGAffineTransformMakeScale(1.5, 1.5);

在imageview原来的transform值基础上宽度高度放大为1.5被再赋给imageview,连续放大

imageView.transform=CGAffineTransformScale(imageView.transform, 1.5, 1.5);

设置旋转动画,每次旋转90度

imageView.transform=CGAffineTransformRotate(imageView.transform, M_PI_2);

动画开始

[UIView commitAnimations];

2.iOS4.0后用block实现属性动画

可以设置动画的持续时间和动画内容

[UIView animateWithDuration:1 animations:^{ }];

设置动画的持续时间、动画内容和动画结束后执行的语句

[UIView animateWithDuration:2 animations:^{} completion:^(BOOL finished) {}];

设置动画持续时间、开始之前的延迟时间、动画效果、动画内容、动画结束后执行的block

[UIView animateWithDuration:2 delay:1 options:UIViewAnimationOptionCurveLinear animations:^{} completion:^(BOOL finished) {}];

设置翻转效果,第一个参数是翻转方向,第二个参数是操作的对象,

[UIView setAnimationTransition:UIViewAnimationTransitionFlipFromRight forView:self.window cache:YES];

设置翻转动画:第1个参数是操作的对象,第2个参数是持续时间,第3个参数是翻转的方向,第4个参数是动画结束后执行的语句

[UIView transitionWithView:self.window duration:2 options:UIViewAnimationOptionTransitionCurlDown animations:^{

[self.window exchangeSubviewAtIndex:1 withSubviewAtIndex:2];

} completion:^(BOOL finished) {}];

CALayer:层,可以用来渲染图片、制作动画,每创建一个view时,自动创建一个layer,不能重新创建和赋值,但是可以修改某些属性

设置阴影颜色

imageView.layer.shadowColor=[UIColor redColor].CGColor;

设置阴影的偏移量

imageView.layer.shadowOffset=CGSizeMake(10, 10);

设置阴影的透明度,1不透明,0完全透明

imageView.layer.shadowOpacity=0.8;

设置边框的颜色

imageView.layer.borderColor=[UIColor blueColor].CGColor;

设置边框的宽度

imageView.layer.borderWidth=5;

设置圆角半径

imageView.layer.cornerRadius=50;

设置是否允许子视图被裁剪

imageView.clipsToBounds=YES;

时间: 2024-08-06 21:30:07

UI控件之UIView与动画的相关文章

UI控件

在iOSAPP中,能在屏幕上显示的按钮.文本标签.文字输入框等等,都是UI控件. UIview: 苹果把所有UI控件的共同属性抽出来放在UIView中,即所有UI控件都是UIView的子类(不一定是直接子类). 注意:UIView继承自UIresponder,可以响应用户的操作. UIView的重要属性 frame:View的位置和宽高 bounce:相对于自己的左上角的位置和宽高 center:中心点的坐标 backgroundcolor:背景颜色 UIView的常用方法:UIView既可以显

UI控件基本介绍

1:继承关系: UI控件继承UIView,UIView继承UIResponder,UIResponder为用户操作的响应者. 2:控件分类: 活动控件:可触发各类事件.继承UIControl基类. 静态控件:基本用于显示,继承UIView基类.常见的有UILabel,UIImageView,UIScrollView. 被动控件:用于接收用户输入的值.比如UITextField. 我觉得只要看某个UI控件继承哪个基类就行了.继承UIControl的活动控件,有一些通用的行为与方法. 3:继承UIC

cocos2d-js 3.0 rc2 自定义UI控件组件 例子:能播放动画的MenuItem。MenuItemSprite的bug

其实总体自定义UI组件都比较简单,尤其是cocos2d-js是开源的,如果有什么不明白的直接看js代码或者C++代码即可.当然js代码基本就够了. 另外,js的ctor函数虽然说是构造函数,但毕竟不是flash或者c++的构造函数,这只是一个普通函数,也就是说可以不在第一行默认调用,这就给扩展带来了不少方便. 现在想做一个声音按钮,点一下能关闭音乐,再点一下又能打开.当然就是MenuItemToggle了. 但想做得再炫一点,有声音的时候,按钮的样子能有几个音波的变化.那么就需要用MenuIte

IOS开发UI篇--常用UI控件的基本使用

一. UIButton概述: UIKit框架提供了非常多的UI控件,其中有些控件天天使用,比如UIButton.UILabel.UIImageView.UITableView等. UIButton,俗称“按钮”,通常点击某个控件后,会做出相应反应的都是按钮.按钮的功能较多,既能显示图片又能显示汉字还能随时调整图片的文字和位置,如下面两个图 团购和音乐播放器的app: 下面本文通过一个实例总结一下它们的基本使用. 二. 按钮的基本设置 按钮既可以通过mainstoryboard创建也可以通过代码创

【IOS 开发】基本 UI 控件详解 (UIDatePicker | UIPickerView | UIStepper | UIWebView | UIToolBar )

转载注明出处 : http://blog.csdn.net/shulianghan/article/details/50348982 一. 日期选择器 (UIDatePicker) UIDatePicker 属性截图 : 1. UIDatePicker 控件属性 (1) Mode 属性 Mode 属性 : 用于设置 UIDatePicker 模式; -- Date 属性值 : 显示日期, 不显示时间; -- Time 属性值 : 显示时间, 不显示日期; -- Date and Time 属性值

UI控件的基本使用

如何修改控件状态• 可见,确实需要经常修改控件状态• 那如何去修改控件的状态呢?方法很简单? 每一个UI控件都是一个对象? 修改UI控件的状态,其实就是修改控件对象的属性? 比如修改UILabel显示的文字,就修改UILabel对象的text属性即可? 比如修改UIImageView显示的图片,就修改UIImageView对象的image属性即可• 不难想到,每一个UI控件肯定都有很多属性,比如:? UIProgressView进度条控件有progress属性(进度值)? UILabel和UIT

iOS UI控件没有显示时的调试技巧

1.遇到UI控件没有显示的问题,可以给这个控件设置背景色 假设这个控件是UIBUtton 如果背景色能显示,那问题就出在image和title值为空 如果背景色不能显示,重写控件的description方法,把控件的frame打印出来分析 2.以下是打印UIView的frame的分类 #import <UIKit/UIKit.h> @interface UIView (Log) @end 1 #import "UIView+Log.h" 2 3 @implementatio

[WP8.1UI控件编程]Windows Phone动画方案的选择

8.1 动画方案的选择 Windows Phone的动画实现方式有线性插值动画(3种类型).关键祯动画(4种类型)和基于帧动画,甚至还有定时器动画,然后动画所改变的UI元素属性可以是普通的UI元素属性,变换特效属性和三维特效属性,面对着这么多的选择,我们要实现一个动画效果该怎么去思考动画实现的思路以及怎么选择实现的技术呢?那么我们这小节会先讲解与动画性能相关的知识,然后再讲解怎么去选择动画的实现方案. 8.1.1 帧速率 帧速率是用于测量显示帧数的量度,测量单位为"每秒显示帧数"(Fr

《深入理解Windows Phone 8.1 UI控件编程》

<深入理解Windows Phone 8.1 UI控件编程>本书基于最新的Windows Phone 8.1 Runtime SDK编写,全面深入地论述了最酷的UI编程技术:实现复杂炫酷的动画.掌握布局原理.列表虚拟化原理.高性能列表实现.图表编程.控件原理等. 目录如下: <深入理解Windows Phone 8 .1 UI控件编程>目录 第1章 深入解析程序界面 1.1 XAML的原理 1.1.1 XAML的概念 1.1.2 XAML页面的编译 1.1.3 动态加载XAML 1