動畫
動畫效果在移動App開發(fā)中非常重要,好的體驗很多都體現(xiàn)在用戶不會輕易察覺的動畫效果中。html5的動畫效果現(xiàn)在還不能達到原生的效果。
AppWorker的動畫非常豐富和強大,因為用的都是原生android和ios帶的動畫效果。動畫效果分布在很多組件中,使用也很簡單。不過真正把這些動畫用好,用對地方就是考驗設(shè)計和開發(fā)App的人的想象力和功底了,AppWorker只是提供了各種基礎(chǔ)的可能性。
1. 過場動畫:
通常是一個頁面或一個View到另外一個頁面和另外一個View切換的過程動畫。通常需要2個對象。
- do_App組件的openPage:這個方法用的最多,頁面之間的跳轉(zhuǎn)。跳轉(zhuǎn)支持很多種動畫效果,總共有16種,效果的差異可以通過示例來看.
'slide_l2r': 從左至右滑出
'slide_r2l': 從右至左滑出
'slide_b2t': 從底至上滑出
'slide_t2b': 從上至底滑出
'push_l2r': 從左至右推出
'push_r2l': 從右至左推出
'push_b2t': 從底至上推出
'push_t2b': 從上至底推出
'fade' : 淡入淡出(缺省效果)
'page_curl' : 上翻頁(Android不支持)
'page_uncurl' : 下翻頁(Android不支持)
'cube' :立體翻轉(zhuǎn)(Android不支持)
'slide_l2r_1':從左至右滑出(舊頁淡出效果)
'slide_r2l_1':從右至左滑出(舊頁淡出效果)
'push_l2r_1': 從左至右推出(舊頁被遮蓋)
'push_r2l_1': 從右至左推出(舊頁被遮蓋)
- do_Viewshower的showView方法支持12種動畫效果,這個組件里的多個View一旦加載就會緩存到內(nèi)存里就不會釋放。多個View之間通過過場動畫來切換。
2. do_Animation動畫
和過程動畫不一樣,這個動畫不會是在二個UI之間的交互,它就是一個UI對象的動畫效果。
所有UI組件都支持四種基本的動畫效果:縮放,移動,透明度,旋轉(zhuǎn)。這個do_Animation是一個MM組件,只是用來定義動畫的參數(shù)集合。真正啟動動畫是靠UI組件的animate方法,這個方法的參數(shù)可以是do_Animation對象。
需要注意的是,這個動畫是真正的“畫”上去的,比如一個按鈕組件移動,從A點移動到B點,只是你看到了一個移動的效果,但實際上這個組件的坐標值并沒有真實的變化,如果你在B點點擊這個按鈕沒有任何響應(yīng),在A點點擊才有響應(yīng)。
3. do_Animator動畫
這種動畫叫屬性動畫,類似do_Animation動畫,它就是一個UI對象的動畫效果.
每一個ui都具有x, y, width,height,bgColor這幾個屬性,動畫實質(zhì)就是在一個時間軸里不斷得修改這些屬性的值,在所有點上可以標記這幾種屬性的值(可以不包括所有)。
這個do_Animation是一個MM組件,只是用來定義動畫的參數(shù)集合。真正啟動動畫是靠UI組件的animate方法,這個方法的參數(shù)可以是do_Animation對象。
和do_Animation動畫的差別就在于它的屬性變化是真正值的變化,比如一個按鈕組件移動,從A點移動到B點,你看到了一個移動的效果,實際上這個組件的坐標值也發(fā)生了真實的變化,如果你在A點點擊這個按鈕沒有任何響應(yīng),在B點點擊才有響應(yīng)。