錨點對動畫的影響

2021-07-03 08:21:17 字數 673 閱讀 3989

在cocos2dx中,錨點(anchorpoint)是乙個非常重要的概念

網上關於它的文章非常的多,但是沒有定義

我來簡單的下乙個定義:對於對結點位置進行控制,對結點物件移動的基準點。

舉個粟子:

如圖所示,預設的錨點在的中間(0.5,0..5)位置

此時,物件的對齊以此點來進行

假設此時該點在螢幕的座標為 50,30

我們改變錨點以後,想讓該物件再在這個位置,就要重新設定它的座標

如圖所示

此圖中我們把錨點變成了(0,0) 左下角,雖然位置跟上次一樣不變,但是它的座標卻成了

40,20

再來說動畫,翻轉,移動、旋轉時,都以錨點為基點進行

如圖1所示,在此物件進行上述動作時,以十字交叉點為中心進行,所以旋轉或翻轉的效果都以中心點進行,如圖2的旋轉為以紅色錨點進行,因此,它的旋轉從第一象限到第4象限進行。

童鞋們在進自己元件編寫時要特別注意這一點

雖然以左下角方式對齊比較直觀,但是以中心點對齊卻更有利於動作的表現!

設定錨點後,對UI成的影響

問題描述 彈窗增加乙個開啟動畫後,wrapcontent中的內容變成了一條線,如下圖所示 分析原因 當彈窗增加乙個開啟動畫 縮放樣式 此時,如果wrapcontent的父物體 即scrollview 增加了錨點,此時在開啟的瞬間,panel的大小計算出現偏差了,所以出現上述bug。解決方式 取消sc...

js跳轉到錨點 jQuery動畫滾動到錨點)

a name bottom a 正常網頁的跳轉用跳轉到錨點,不同頁面前面加上頁面路徑即可如跳轉到錨點,location.hash bottom location.href url2.htm bottom 不只有a,其他元素也可以,比如在 中 tr id tr1 tr location.hash tr...

錨點的用法

一 錨點的用法 一種是 頁內跳轉 一種是 跳到其他頁面的某個區域。下面我們看具體的用法。1 內跳轉的錨點用法 134 35 36 第乙個 37 第二個 38 第三個 39 第四個 40 第五個 41 42 1 43 2 44 3 45 4 46 5 47 執行介面如下 當按下第乙個時,會頁面跳轉到 ...