最近在review乙個專案的**,
發現返回操作比較亂,很多"從**來,到**去的操作"被寫的一塌糊塗;
按照ios系統的進場出場動畫(人家的體驗還是很好的,必須借鑑)為標準,使用sencha模擬一套動畫,
來看看以下是兩個函式,作為過載:
/** * 過載跳轉方法
*/gotofn=function
()//
@activeitem獲取當前活動的item,@requestitem目標item,@direction動畫方向
//根據引數的個數來判定是指定item跳轉,還是單一的"返回"操作,
//如果傳入引數,arguments表示引數array;沒有傳入引數arguments表示當前事件中的物件array,所以判斷條件,為1,2所示
var activeitem=ext.viewport.getactiveitem(),
requestitem =arguments.length==1?arguments[0]:(ext.viewport.getinneritems().length - 2),//
1 directionstr=arguments.length==1?"left":"right";//
2 ext.viewport.animateactiveitem(requestitem,
}})}
大致邏輯:
當點選返回按鈕時,獲取當前活動的item,然後計算上乙個item的id,最後將上乙個item動畫載入的同時,監聽動畫完畢事件(animationed),將當前活動的item移除.
值得一說的是(其實是我偶然發現的....哈哈).如果"返回操作"單一的將當前的活動item移除的話,sencha會預設出乙個轉場動畫.如下**:
ext.viewport.remove(ext.viewport.getactiveitem(),true)
這裡預設動畫的方向為使用者指定過的方向(上乙個動畫如果向左,這個動畫就向左...............)
Sencha Touch 2 快速入門
什麼是sencha touch?你需要準備好 安裝 首先,把sdk壓縮包解壓到你的專案目錄。最好,這個目錄可以被你的http伺服器訪問。比如,你可以從你瀏覽器訪問 http localhost sencha touch 來訪問sencha touch的文件。你還需要執行sdk tools sench...
簡單的分析一下sencha touch2
最近,sencha touch2.0發布。較之前兩個版本,此次做了不小的改動。因為從機器執行的速度就可以體現出來。之前的sencha touch版本在android客戶端執行速度緩慢,最新的2.0版的,可以說實現了質的飛躍。對於新版的特性,我作出了簡單的總結。首先看一下官網給出的解釋吧 提供原生打包...
ObjectAnimator動畫放大的問題
我用了animatorset,objectanimator objectanimator toviewanimatorx objectanimator.offloat toview,scalex 1f,1.2f toviewanimatorx.setduration100 animators.add...