進度條的實現

2021-10-02 16:03:08 字數 1622 閱讀 8375

進度條。元件屬性的長度單位預設為px,2.4.0起支援傳入單位(rpx/px)。

屬性型別

預設值必填

說明最低版本

percent

number

否百分比0~100

1.0.0

show-info

boolean

false

否在進度條右側顯示百分比

1.0.0

border-radius

number/string0否

圓角大小

2.3.1

font-size

number/string16否

右側百分比字型大小

2.3.1

stroke-width

number/string6否

進度條線的寬度

1.0.0

color

string

#09bb07

否進度條顏色(請使用activecolor)

1.0.0

activecolor

string

#09bb07

否已選擇的進度條的顏色

1.0.0

backgroundcolor

string

#ebebeb

否未選擇的進度條的顏色

1.0.0

active

boolean

false

否進度條從左往右的動畫

1.0.0

active-mode

string

backwards

否backwards: 動畫從頭播;forwards:動畫從上次結束點接著播

1.7.0

duration

number30否

進度增加1%所需毫秒數

2.8.2

bindactiveend

eventhandle

否動畫完成事件

2.4.1

實現十分簡單,插入元件即可:

當然,我們可以用jscript設定進度值,用計時器來控制進度,這樣一來變化將是受控的,我們可以設定不同的變化函式不僅僅侷限於線性的變換。

我們可以讓進度條約到後面進度越快

進度條的實現

1 實現要求 的數量在不斷地增加,後面的數字也隨著增加,圖示不停地在旋轉 2 用到的基礎知識 n 換行 lf 將當前位置移到下一行開頭 r 回車 cr 將當前位置移到本行開頭,每次游標會回到行首 代表乙個反斜線字元 0 空字元 null 3 程式的實現 index裡面是圖示的實現,100s 是左端對...

進度條的實現

include include int main char ch printf 033 25l 033 47m printf 58s r fflush stdout int i 0 while i 50 printf 033 31m 033 58c ok 033 0m printf n 033 25...

進度條的實現

include int main char ch printf 033 25l 033 47m printf 58s r fflush stdout int i 0 while i 50 printf 033 31m 033 58c ok 033 0m printf n 033 25h return...