CGAffineTransform旋轉/縮放/平移 相關

旋轉和縮放的同時進行

簡單需求描述:點擊圖層右下角可以進行縮放和旋轉巫橄,點擊中間區(qū)域可以進行移動,可能點擊其他三個角進行其他操作纺棺。

思路方案

方案一(不可冗逗蕖)

通過touch事件計算移動的距離,然后和最初的圖層寬高做對比搭盾,直接對圖層的size進行等比例變化咳秉,保持中心點位置不變,然后再通過CGAffineTransformRotate進行旋轉操作鸯隅。
最后經(jīng)過實驗發(fā)現(xiàn)這種方式不可取澜建,因為對其放大之后,再對其進行旋轉操作時蝌以,圖層的大小會更改炕舵,不是我們要的等比例的。

方案二(不可雀)

直接對最底層的圖層進行縮放和旋轉咽筋,這樣就會出現(xiàn)這個圖層上的所有子view都會進行縮放和旋轉,這就和我們的需求不一致了徊件,所以也不可取奸攻。

方案二(可取)

不能像方案一一樣通過更改size的大小來實現(xiàn)縮放庇忌,我們直接使用CGAffineTransformScale進行縮放舞箍,然后再通過CGAffineTransformRotate計算旋轉

旋轉角度的計算

通過三角函數(shù)atan2f來計算兩點角度所形成的弧度值。
如touch點為point皆疹,圖層的中心點為centPoint疏橄,那計算的弧度值如下:

CGFloat currentRotation = atan2f((point.y - centerPoint.y), (point.x - centerPoint.x));

旋轉之后怎么計算其他三個角圖層的位置?
使用下面的CGPointApplyAffineTransform方法,得到某個點變換后的值捎迫。

CGAffineTransform相關的方法

1 CGAffineTransformScale(CGAffineTransform t,
CGFloat sx, CGFloat sy) 相對于上一次的縮放

第一個參數(shù):變換的對象
第二個參數(shù):寬的縮放值
第三個參數(shù):高方向的縮放值

2晃酒,CGAffineTransformMakeScale (CGFloat sx, CGFloat sy) 相對于最開始時的縮放
參數(shù)說明同上

CGAffineTransformMakeScale(-1.0, 1.0);//水平翻轉

CGAffineTransformMakeScale(1.0,-1.0);//垂直翻轉

3,CGAffineTransformRotate(CGAffineTransform t,
CGFloat angle) 相對于上一次的旋轉

4窄绒,CGAffineTransformTranslate(CGAffineTransform t,
CGFloat tx, CGFloat ty) 相對于上次的平移

5贝次,CGAffineTransformInvert(CGAffineTransform t) 返回Transformation的反向

6,CGAffineTransformConcat(CGAffineTransform t1,
CGAffineTransform t2) 合并兩個Transformation

返回一個由 t1 和 t2 合并而成的Transformation

7彰导,bool CGAffineTransformEqualToTransform(CGAffineTransform t1,
CGAffineTransform t2) 返回一個bool值蛔翅,用于判斷t1和t2是否一樣

8,CGPoint CGPointApplyAffineTransform(CGPoint point,
CGAffineTransform t) 某個點相對于t 變換后的點位谋,返回point點

9山析, CGSize CGSizeApplyAffineTransform(CGSize size, CGAffineTransform t) size相對于t變換后的大小,返回size

10掏父,CGRect CGRectApplyAffineTransform(CGRect rect, CGAffineTransform t) rect相對于t變換后的大小笋轨,返回rect

?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市赊淑,隨后出現(xiàn)的幾起案子爵政,更是在濱河造成了極大的恐慌,老刑警劉巖陶缺,帶你破解...
    沈念sama閱讀 206,311評論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件钾挟,死亡現(xiàn)場離奇詭異,居然都是意外死亡饱岸,警方通過查閱死者的電腦和手機等龙,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,339評論 2 382
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來伶贰,“玉大人,你說我怎么就攤上這事罐栈∈蜓茫” “怎么了?”我有些...
    開封第一講書人閱讀 152,671評論 0 342
  • 文/不壞的土叔 我叫張陵荠诬,是天一觀的道長琅翻。 經(jīng)常有香客問我,道長柑贞,這世上最難降的妖魔是什么方椎? 我笑而不...
    開封第一講書人閱讀 55,252評論 1 279
  • 正文 為了忘掉前任,我火速辦了婚禮钧嘶,結果婚禮上棠众,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好闸拿,可當我...
    茶點故事閱讀 64,253評論 5 371
  • 文/花漫 我一把揭開白布空盼。 她就那樣靜靜地躺著,像睡著了一般新荤。 火紅的嫁衣襯著肌膚如雪揽趾。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 49,031評論 1 285
  • 那天苛骨,我揣著相機與錄音篱瞎,去河邊找鬼。 笑死痒芝,一個胖子當著我的面吹牛俐筋,可吹牛的內容都是我干的。 我是一名探鬼主播吼野,決...
    沈念sama閱讀 38,340評論 3 399
  • 文/蒼蘭香墨 我猛地睜開眼校哎,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了瞳步?” 一聲冷哼從身側響起闷哆,我...
    開封第一講書人閱讀 36,973評論 0 259
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎单起,沒想到半個月后抱怔,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 43,466評論 1 300
  • 正文 獨居荒郊野嶺守林人離奇死亡嘀倒,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 35,937評論 2 323
  • 正文 我和宋清朗相戀三年撩匕,在試婚紗的時候發(fā)現(xiàn)自己被綠了憔辫。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 38,039評論 1 333
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖卤妒,靈堂內的尸體忽然破棺而出,到底是詐尸還是另有隱情烦租,我是刑警寧澤豺鼻,帶...
    沈念sama閱讀 33,701評論 4 323
  • 正文 年R本政府宣布,位于F島的核電站挨约,受9級特大地震影響味混,放射性物質發(fā)生泄漏。R本人自食惡果不足惜诫惭,卻給世界環(huán)境...
    茶點故事閱讀 39,254評論 3 307
  • 文/蒙蒙 一翁锡、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧夕土,春花似錦馆衔、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,259評論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽荒适。三九已至,卻和暖如春开镣,著一層夾襖步出監(jiān)牢的瞬間刀诬,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 31,485評論 1 262
  • 我被黑心中介騙來泰國打工邪财, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留陕壹,地道東北人。 一個月前我還...
    沈念sama閱讀 45,497評論 2 354
  • 正文 我出身青樓树埠,卻偏偏與公主長得像糠馆,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子怎憋,可洞房花燭夜當晚...
    茶點故事閱讀 42,786評論 2 345

推薦閱讀更多精彩內容