Egret 劃線手勢動畫 (切水果)

2021-10-02 06:05:34 字數 845 閱讀 9661

乙個劃線的動畫。類似切水果。

但是沒別人做得那麼好。就是乙個實現思路。

1. 在觸控move函式中,繪製line線段。

2. 線段隨著時間推移,line逐漸縮小直至消失。

演示效果:

**如下:

/**

* 劃線

* @author chenkai 2020.1.16

*/class drawline

public settoucharea(toucharea:egret.displayobjectcontainer)

public enable()

public disable()

private ontouchbegin(e:egret.touchevent)

private ontouchmove(e:egret.touchevent)

private ontouchend()

//線段由起點到終點位置,樣式是兩頭細,中間粗,所以分成2段來繪製。

//第一段從起點到中間,由細變粗

//第二段從終點到中間,由細變粗

private onenterframe()

//刪除生命週期結束的線。當線段數量<10時,只刪除2個;當線段數量》=10時,刪除十分之一的線段

if(len < 10)

}else

手勢識別ViewFlipper觸控動畫

html view plain copy xmlversion 1.0 encoding utf 8 linearlayout xmlns android android layout width fill parent android layout height fill parent andro...

egret筆記之gui內設定動畫效果

2019獨角獸企業重金招聘python工程師標準 egretwing 設計 視窗 動畫 可以開啟動畫編輯面版。首先需要針對當前ui介面設定各種狀態。我們簡單的設定 close 代表當前ui介面處於不可見狀態。open 代表當前ui介面處於可見狀態。在動畫面版,選擇需要增加動畫的元件,新增動畫效果 動...

CSS3製作hover下劃線動畫

1 前幾天看到hexo的next主題標題hover效果很炫,自己嘗試寫了乙個,另乙個是next的實現,照例先上圖 2 實現小黑科技 j ascript void 0 class demo1 自己實現的hover效果 css樣式 demo1 demo1 before程式設計客棧 demo1 hover...