?

1、移動(dòng)

2、動(dòng)畫

3、縮放

3、旋轉(zhuǎn)

4、簡(jiǎn)化代碼

5、總結(jié)

?

UIButton 的兩種狀態(tài)

normal

highlighted?

?1、移動(dòng)

OC語法規(guī)定：不允許直接修改某個(gè)對(duì)象中結(jié)構(gòu)體屬性的成員。

1 // 獲取image控件的frame 2 CGRect rect = self.btnImage.frame; 3 //self.btnImage.frame.origin.y = 20; // 不能直接修改 4 // 更改Y的值，減小，如果減小到5則一直位5 5 rect.origin.y -= 5; 6 if( 5 >= rect.origin.y) 7 { 8 rect.origin.y = 5; 9 } 10 // 重新賦值 11 self.btnImage.frame = rect;

?

2、動(dòng)畫

這樣看起來按鈕移動(dòng)的比較生硬，所以這里給他的移動(dòng)添加上動(dòng)畫。用到UIView的動(dòng)畫屬性

1 // 0、動(dòng)畫 （頭部-開始動(dòng)畫） 2 [UIView beginAnimations:nil context:nil]; 3 // 1、獲取image控件的frame 4 CGRect rect = self.btnImage.frame; 5 //self.btnImage.frame.origin.y = 20; // 不能直接修改 6 // 2、更改Y的值，減小，如果減小到5則一直位5 7 rect.origin.y -= 5; 8 if( 5 >= rect.origin.y) 9 { 10 rect.origin.y = 5; 11 } 12 // 3、重新賦值 13 self.btnImage.frame = rect; 14 // 4、動(dòng)畫（尾部-提交動(dòng)畫-執(zhí)行動(dòng)畫） 15 [UIView commitAnimations];

?

在設(shè)置過動(dòng)畫開始后再加上動(dòng)畫執(zhí)行時(shí)間

// 設(shè)置動(dòng)畫的執(zhí)行時(shí)間[UIView setAnimationDuration:0.6];

?

可以看到按鈕在平緩移動(dòng)。

下面是關(guān)于動(dòng)畫的一些類方法

1 @interface UIView(UIViewAnimation) 2 3 + (void)beginAnimations:(NSString *)animationID context:(void *)context; // additional context info passed to will start/did stop selectors. begin/commit can be nested 4 + (void)commitAnimations; // starts up any animations when the top level animation is commited 5 6 // no getters. if called outside animation block, these setters have no effect. 7 + (void)setAnimationDelegate:(id)delegate; // default = nil 8 + (void)setAnimationWillStartSelector:(SEL)selector; // default = NULL. -animationWillStart:(NSString *)animationID context:(void *)context 9 + (void)setAnimationDidStopSelector:(SEL)selector; // default = NULL. -animationDidStop:(NSString *)animationID finished:(NSNumber *)finished context:(void *)context 10 + (void)setAnimationDuration:(NSTimeInterval)duration; // default = 0.2 11 + (void)setAnimationDelay:(NSTimeInterval)delay; // default = 0.0 12 + (void)setAnimationStartDate:(NSDate *)startDate; // default = now ([NSDate date]) 13 + (void)setAnimationCurve:(UIViewAnimationCurve)curve; // default = UIViewAnimationCurveEaseInOut 14 + (void)setAnimationRepeatCount:(float)repeatCount; // default = 0.0. May be fractional 15 + (void)setAnimationRepeatAutoreverses:(BOOL)repeatAutoreverses; // default = NO. used if repeat count is non-zero 16 + (void)setAnimationBeginsFromCurrentState:(BOOL)fromCurrentState; // default = NO. If YES, the current view position is always used for new animations -- allowing animations to "pile up" on each other. Otherwise, the last end state is used for the animation (the default). 17 18 + (void)setAnimationTransition:(UIViewAnimationTransition)transition forView:(UIView *)view cache:(BOOL)cache; // current limitation - only one per begin/commit block 19 20 + (void)setAnimationsEnabled:(BOOL)enabled; // ignore any attribute changes while set. 21 + (BOOL)areAnimationsEnabled; 22 + (void)performWithoutAnimation:(void (^)(void))actionsWithoutAnimation NS_AVAILABLE_IOS(7_0); 23 24 @end

?

下面說一些常用的吧：
beginAnimations 開始動(dòng)畫
commitAnimations 執(zhí)行動(dòng)畫 setAnimationDelegate 設(shè)置動(dòng)畫委托
setAnimationDuration 設(shè)置動(dòng)畫時(shí)間 setAnimationDelay 設(shè)置動(dòng)畫延遲時(shí)間 setAnimationStartDate 設(shè)置動(dòng)畫開始日期 setAnimationCurve 設(shè)置動(dòng)畫曲線 setAnimationRepeatCount 設(shè)置動(dòng)畫重復(fù)次數(shù) setAnimationsEnabled 關(guān)閉動(dòng)畫 areAnimationsEnabled 動(dòng)畫是否開啟 3、旋轉(zhuǎn)

下面來看按鈕的旋轉(zhuǎn)方法 transform屬性
旋轉(zhuǎn)方式有兩種：
　　一種改變弧度 π
　　一種改變角度 90 1 - (IBAction)RotateLeft 2 { 3 // 0、動(dòng)畫頭部 4 [UIView beginAnimations:nil context:nil]; 5 // 設(shè)置動(dòng)畫時(shí)間 6 [UIView setAnimationDuration:0.5]; 7 // 1、獲取當(dāng)前的按鈕的transform 8 //_btnImage.transform = CGAffineTransformMakeRotation(-M_PI_4); // 每次都是-45度，所以再次點(diǎn)擊沒有旋轉(zhuǎn) 9 10 _btnImage.transform = CGAffineTransformRotate(_btnImage.transform, -M_PI_4); // 返回新的transform對(duì)象，可以連續(xù)旋轉(zhuǎn)角度 11 // 7、動(dòng)畫（尾部-提交動(dòng)畫-執(zhí)行動(dòng)畫） 12 [UIView commitAnimations]; 13 }

?

4、縮放

可以改變frame屬性改變大小

1 // 0、動(dòng)畫 （頭部-開始動(dòng)畫） 2 [UIView beginAnimations:nil context:nil]; 3 // 設(shè)置動(dòng)畫的執(zhí)行時(shí)間 4 [UIView setAnimationDuration:0.6]; 5 // 1、獲取image控件的frame 6 CGRect rect = self.btnImage.frame; 7 // 2、獲取btn控件的中心 8 CGPoint point = self.btnImage.center; 9 //self.btnImage.frame.origin.y = 20; // 不能直接修改 10 // 3、更改高度和寬度 11 rect.size.width *= 1.1; 12 rect.size.height *= 1.1; 13 // 4、計(jì)算新的原點(diǎn)，,保證放大后按鈕的中心位置不變 14 point.x -= rect.size.width/2; 15 point.y -= rect.size.height/2; 16 // 5、將新的原點(diǎn)賦值， 17 rect.origin = point; 18 19 // 6、重新賦值 20 self.btnImage.frame = rect; 21 //self.btnImage.center = point; 22 // 7、動(dòng)畫（尾部-提交動(dòng)畫-執(zhí)行動(dòng)畫） 23 [UIView commitAnimations];

?

也可以改變transform屬性改變大小,可以想像CGAffineTransformScale內(nèi)部實(shí)現(xiàn)就是方法1 1 // 方法2 直接修改transform屬性 2 // 0、動(dòng)畫 （頭部-開始動(dòng)畫） 3 [UIView beginAnimations:nil context:nil]; 4 // 設(shè)置動(dòng)畫的執(zhí)行時(shí)間 5 [UIView setAnimationDuration:0.6]; 6 //_btnImage.transform = CGAffineTransformMakeScale(1.2, 1.2); // 只會(huì)改變一次 7 _btnImage.transform = CGAffineTransformScale(_btnImage.transform, 1.1, 1.1); // 返回修改的transform屬性，可連續(xù)修改 8 // 動(dòng)畫（尾部-提交動(dòng)畫-執(zhí)行動(dòng)畫） 9 [UIView commitAnimations];

?

5、簡(jiǎn)化代碼
將上面代碼整理后是這樣
1 // id 類型的不能用點(diǎn)語法 2 - (IBAction)Run:(id)sender 3 { 4 // 0、動(dòng)畫 （頭部-開始動(dòng)畫） 5 [UIView beginAnimations:nil context:nil]; 6 // 設(shè)置動(dòng)畫的執(zhí)行時(shí)間 7 [UIView setAnimationDuration:0.6]; 8 // 1、獲取image控件的frame 9 CGRect rect = self.btnImage.frame; 10 //self.btnImage.frame.origin.y = 20; // 不能直接修改 11 switch ([sender tag] ) 12 { 13 case 1: 14 // 2、更改Y的值 15 rect.origin.y -= DELTA; 16 break; 17 case 2: 18 // 2、更改Y的值 19 rect.origin.y += DELTA; 20 21 break; 22 case 3: 23 // 2、更改x的值 24 rect.origin.x -= DELTA; 25 break; 26 case 4: 27 // 2、更改x的值 28 rect.origin.x += DELTA; 29 break; 30 default: 31 break; 32 } 33 // 3、重新賦值 34 self.btnImage.frame = rect; 35 // 4、動(dòng)畫（尾部-提交動(dòng)畫-執(zhí)行動(dòng)畫） 36 [UIView commitAnimations]; 37 } 38 39 - (IBAction)Scale:(id)sender 40 { 41 // 方法2 直接修改transform屬性 42 // 0、動(dòng)畫 （頭部-開始動(dòng)畫） 43 [UIView beginAnimations:nil context:nil]; 44 // 設(shè)置動(dòng)畫的執(zhí)行時(shí)間 45 [UIView setAnimationDuration:0.6]; 46 //_btnImage.transform = CGAffineTransformMakeScale(1.2, 1.2); // 只會(huì)改變一次 47 float scale = ([sender tag] == 5) ? 1.1 : 0.9; 48 _btnImage.transform = CGAffineTransformScale(_btnImage.transform, scale, scale); // 返回修改的transform屬性，可連續(xù)修改 49 // 動(dòng)畫（尾部-提交動(dòng)畫-執(zhí)行動(dòng)畫） 50 [UIView commitAnimations]; 51 52 } 53 54 - (IBAction)Rotate:(id)sender 55 { 56 // 0、動(dòng)畫頭部 57 [UIView beginAnimations:nil context:nil]; 58 // 設(shè)置動(dòng)畫時(shí)間 59 [UIView setAnimationDuration:0.5]; 60 // 1、獲取當(dāng)前的按鈕的transform 61 //_btnImage.transform = CGAffineTransformMakeRotation(-M_PI_4); // 每次都是-45度，所以再次點(diǎn)擊沒有旋轉(zhuǎn) 62 float rotate = ([sender tag] == 7) ? -M_PI_4 : M_PI_4; 63 _btnImage.transform = CGAffineTransformRotate(_btnImage.transform, rotate); 64 // 7、動(dòng)畫（尾部-提交動(dòng)畫-執(zhí)行動(dòng)畫） 65 [UIView commitAnimations]; 66 }
仔細(xì)觀察代碼可以發(fā)現(xiàn)這三個(gè)函數(shù)的頭部好尾部好多重復(fù)代碼，
如果代碼中又很多函數(shù)的頭部和尾部都有很多重復(fù)代碼，可以使用block簡(jiǎn)化代碼

先看一下怎么寫得
1 - (void)btnClickWithBlock:(void(^)())myBlock 2 { 3 // 動(dòng)畫 （頭部-開始動(dòng)畫） 4 [UIView beginAnimations:nil context:nil]; 5 // 設(shè)置動(dòng)畫的執(zhí)行時(shí)間 6 [UIView setAnimationDuration:0.6]; 7 8 myBlock(); 9 10 // 動(dòng)畫（尾部-提交動(dòng)畫-執(zhí)行動(dòng)畫） 11 [UIView commitAnimations]; 12 }

?

這樣寫后，后面直接調(diào)用這個(gè)方法就可以了
1 - (void)btnClickWithBlock:(void(^)())myBlock 2 { 3 // 動(dòng)畫 （頭部-開始動(dòng)畫） 4 [UIView beginAnimations:nil context:nil]; 5 // 設(shè)置動(dòng)畫的執(zhí)行時(shí)間 6 [UIView setAnimationDuration:0.6]; 7 8 myBlock(); 9 10 // 動(dòng)畫（尾部-提交動(dòng)畫-執(zhí)行動(dòng)畫） 11 [UIView commitAnimations]; 12 } 13 14 // id 類型的不能用點(diǎn)語法 15 - (IBAction)Run:(id)sender 16 { 17 18 [self btnClickWithBlock:^{ 19 // 1、獲取image控件的frame 20 CGRect rect = self.btnImage.frame; 21 //self.btnImage.frame.origin.y = 20; // 不能直接修改 22 switch ([sender tag] ) 23 { 24 case 1: 25 // 2、更改Y的值 26 rect.origin.y -= DELTA; 27 break; 28 case 2: 29 // 2、更改Y的值 30 rect.origin.y += DELTA; 31 32 break; 33 case 3: 34 // 2、更改x的值 35 rect.origin.x -= DELTA; 36 break; 37 case 4: 38 // 2、更改x的值 39 rect.origin.x += DELTA; 40 break; 41 default: 42 break; 43 } 44 // 3、重新賦值 45 self.btnImage.frame = rect; 46 47 }]; 48 49 50 } 51 52 - (IBAction)Scale:(id)sender 53 { 54 [self btnClickWithBlock:^{ 55 //_btnImage.transform = CGAffineTransformMakeScale(1.2, 1.2); // 只會(huì)改變一次 56 float scale = ([sender tag] == 5) ? 1.1 : 0.9; 57 _btnImage.transform = CGAffineTransformScale(_btnImage.transform, scale, scale); // 返回修改的transform屬性，可連續(xù)修改 58 59 }]; 60 } 61 62 - (IBAction)Rotate:(id)sender 63 { 64 [self btnClickWithBlock:^{ 65 66 // 1、獲取當(dāng)前的按鈕的transform 67 //_btnImage.transform = CGAffineTransformMakeRotation(-M_PI_4); // 每次都是-45度，所以再次點(diǎn)擊沒有旋轉(zhuǎn) 68 float rotate = ([sender tag] == 7) ? -M_PI_4 : M_PI_4; 69 _btnImage.transform = CGAffineTransformRotate(_btnImage.transform, rotate); 70 71 }]; 72 }

?

這樣看來代碼簡(jiǎn)潔了很多。

6、恢復(fù)形變屬性為原狀 CGAffineTransformIdentity 這個(gè)Const常量就可以直接恢復(fù)原狀 1 - (IBAction)reset:(id)sender 2 { 3 // 恢復(fù)所有的形變屬性，transform的改變?nèi)炕謴?fù) 4 [self btnClickWithBlock:^{ 5 _btnImage.transform = CGAffineTransformIdentity; 6 }]; 7 }

?

?

?

總結(jié)
以上這些屬性全部繼承自UIView，所以對(duì)其他控件也適用。
1、frame 表示控件的位置和尺寸，以父控件左上角位坐標(biāo)原點(diǎn)
2、center 表示控件的中心，，以父控件左上角位坐標(biāo)原點(diǎn)
3、bounds 表示控件的位置和尺寸，以自己左上角位坐標(biāo)原點(diǎn)，永遠(yuǎn)是（0，0）
4、transform 表示控件形狀屬性，縮放，旋轉(zhuǎn)等
5、tag 表示控件的標(biāo)識(shí)，默認(rèn)是0

?

?

?2015-04-25 今日如此，明日依舊。

?

轉(zhuǎn)載于:https://www.cnblogs.com/songliquan/p/4455809.html

總結(jié)

以上是生活随笔為你收集整理的IOS开发学习笔记018- 一般控件的使用的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。