IOS開發筆記-基礎UI（4）按鈕的使用（transform屬性）和學習案例

2019-11-14 19:30:04

字體：大中小

來源：轉載

供稿：網友

利用transform屬性可以修改控件的位移（位置）、縮放、旋轉。經常用在動畫里，比如旋轉角度，動畫縮放，平移等

先學幾個 xcode 開發的小技巧：

故事板的viewcontroll，可以直接拖拽復制，且不同項目里的圖片素材也可以相互拖拽復制使用，但是圖片的拖拽復制要按option 健進行，否則就是剪切了。那么我們在開發到類似的一些項目的時候，不用每次都重寫弄界面，那么可以直接拖拽拷貝故事板，圖片拖拽要按住 option 鍵同時拽到 images.xcassets 目錄下即可正常顯式，且拖拽到新的項目中的故事板，默認是 autolayout 的，還要注意原來的連線！最好徹底退出模擬器和 xcode，再重新打開。

在開發中，如果需要對控件位置，大小，旋轉進行改變，最好使用 transform，可以省去很大的麻煩，比如在遇到 autolayout 的時候，frame 就不行，但是 transform 可以改變，且 transform屬性修改控件的位置，大小，旋轉，不需要計算形變之后的結果，它是一個相對自己的累加過程，不需要知道初試的位置和結束的位置，簡化了很多的計算量。

遇到新的屬性和方法，學會查看頭文件

創建一個transform屬性

CGAffineTransform CGAffineTransformMakeTranslation(CGFloat tx,  CGFloat ty) ;

AffineTransform類表示 2D 仿射變換，它執行從 2D 坐標到其他 2D 坐標的線性映射

MakeTranslation（名詞的 translation）作用是：基于對象的初始的位置做的形變！不是累加的形變。如：

- (IBAction)move:(UIButton *)button{    self.headImage.transform = CGAffineTransformMakeTranslation(0, -100);}


點擊方向鍵，只向上移動100之后不再變化，點擊多次，只是第一次的時候y變化-100。
如圖所示

CGAffineTransform CGAffineTransformMakeScale(CGFloat sx, CGFloat sy);

形變，縮放功能，sx，和 sy 分別管理的橫向和豎向的縮放，也就是拉長，還是拉寬的管理，且1.0不變化，小玉1.0小，大于1.0變大。

CGAffineTransform CGAffineTransformMakeRotation(CGFloat angle)

名詞的 rotation，就要家 make，做變化，蘋果和體貼的設計。同理，這樣的設置，只變化一次。累計變化需要三個參數的動詞方法。

(注意：angle是弧度制，也就是π，并不是角度制，且類似縮放，弧度是正數是順時針旋轉，負數是逆時針旋轉)

在某個transform的基礎上進行疊加（可以對上述方法進行改變，變成累加的）

CGAffineTransform CGAffineTransformTranslate(CGAffineTransform t, CGFloat tx, CGFloat ty);

動詞的 translate，不用帶 make，多一個參數，下面的也是如此。

作用是在某個 transform參數的基礎之上做的形變，實際效果就是一個位移的累加過程。

CGAffineTransform CGAffineTransformScale(CGAffineTransform t, CGFloat sx, CGFloat sy);

此時也多了第一個參數，少了 make，直接做動詞。那么就是可以一直變化，不再是相對初試對象位置的改變。

CGAffineTransform CGAffineTransformRotate(CGAffineTransform t, CGFloat angle);

同理，rotate 是動詞，去掉 make，那么后面肯定多了一個參數，相對某個 transform 參數的基礎來變。

清空之前設置的transform屬性

view.transform = CGAffineTransformIdentity;

熟悉蘋果開發的規律！以及一些命名原則和方法的參數設置的習慣。

- (IBAction)zoom:(UIButton *)button {    //加上首尾式動畫    [UIView beginAnimations:nil context:nil];    [UIView setAnimationDuration:2.0];    //縮小按鈕    if (0 == button.tag) {        self.headImage.transform = CGAffineTransformScale(self.headImage.transform, 0.5, 0.5);    }    else    {        //放大按鈕        self.headImage.transform = CGAffineTransformScale(self.headImage.transform, 1.5, 1.5);    }        [UIView commitAnimations];}- (IBAction)rotate:(UIButton *)button {    [UIView beginAnimations:nil context:nil];    [UIView setAnimationDuration:2.0];    //順時針180度，右旋轉按鈕    if (1 == button.tag) {       self.headImage.transform = CGAffineTransformRotate(self.headImage.transform, M_PI_2);    }    else    {        //逆時針180度，左旋轉按鈕        self.headImage.transform = CGAffineTransformRotate(self.headImage.transform, -M_PI_2);    }        [UIView commitAnimations];}