W3Cschool
恭喜您成為首批注冊用戶
獲得88經(jīng)驗值獎勵
從API version 9開始,該接口支持在ArkTS卡片中使用。
顏色名稱 | 顏色值 | 顏色示意 |
---|---|---|
Black | 0x000000 | |
Blue | 0x0000ff | |
Brown | 0xa52a2a | |
Gray | 0x808080 | |
Grey | 0x808080 | |
Green | 0x008000 | |
Orange | 0xffa500 | |
Pink | 0xffc0cb | |
Red | 0xff0000 | |
White | 0xffffff | |
Yellow | 0xffff00 | |
Transparent9+ | rgba(0,0,0,0) | 透明色 |
從API version 9開始,該接口支持在ArkTS卡片中使用。
名稱 | 描述 |
---|---|
Contain | 保持寬高比進(jìn)行縮小或者放大,使得圖片完全顯示在顯示邊界內(nèi)。 |
Cover | 保持寬高比進(jìn)行縮小或者放大,使得圖片兩邊都大于或等于顯示邊界。 |
Auto | 自適應(yīng)顯示 |
Fill | 不保持寬高比進(jìn)行放大縮小,使得圖片充滿顯示邊界。 |
ScaleDown | 保持寬高比顯示,圖片縮小或者保持不變。 |
None | 保持原有尺寸顯示。 |
從API version 9開始,該接口支持在ArkTS卡片中使用。
名稱 | 描述 |
---|---|
Dotted | 顯示為一系列圓點,圓點半徑為borderWidth的一半。 |
Dashed | 顯示為一系列短的方形虛線。 |
Solid | 顯示為一條實線。 |
名稱 | 描述 |
---|---|
Left | 鼠標(biāo)左鍵。 |
Right | 鼠標(biāo)右鍵。 |
Middle | 鼠標(biāo)中鍵。 |
Back | 鼠標(biāo)左側(cè)后退鍵。 |
Forward | 鼠標(biāo)左側(cè)前進(jìn)鍵。 |
None | 無按鍵。 |
從API version 9開始,該接口支持在ArkTS卡片中使用。
名稱 | 描述 |
---|---|
Linear | 表示動畫從頭到尾的速度都是相同的。 |
Ease | 表示動畫以低速開始,然后加快,在結(jié)束前變慢,CubicBezier(0.25, 0.1, 0.25, 1.0)。 |
EaseIn | 表示動畫以低速開始,CubicBezier(0.42, 0.0, 1.0, 1.0)。 |
EaseOut | 表示動畫以低速結(jié)束,CubicBezier(0.0, 0.0, 0.58, 1.0)。 |
EaseInOut | 表示動畫以低速開始和結(jié)束,CubicBezier(0.42, 0.0, 0.58, 1.0)。 |
FastOutSlowIn | 標(biāo)準(zhǔn)曲線,cubic-bezier(0.4, 0.0, 0.2, 1.0)。 |
LinearOutSlowIn | 減速曲線,cubic-bezier(0.0, 0.0, 0.2, 1.0)。 |
FastOutLinearIn | 加速曲線,cubic-bezier(0.4, 0.0, 1.0, 1.0)。 |
ExtremeDeceleration | 急緩曲線,cubic-bezier(0.0, 0.0, 0.0, 1.0)。 |
Sharp | 銳利曲線,cubic-bezier(0.33, 0.0, 0.67, 1.0)。 |
Rhythm | 節(jié)奏曲線,cubic-bezier(0.7, 0.0, 0.2, 1.0)。 |
Smooth | 平滑曲線,cubic-bezier(0.4, 0.0, 0.4, 1.0)。 |
Friction | 阻尼曲線,CubicBezier(0.2, 0.0, 0.2, 1.0)。 |
名稱 | 描述 |
---|---|
Initial | 動畫初始狀態(tài)。 |
Running | 動畫處于播放狀態(tài)。 |
Paused | 動畫處于暫停狀態(tài)。 |
Stopped | 動畫處于停止?fàn)顟B(tài)。 |
名稱 | 描述 |
---|---|
None | 動畫未執(zhí)行時不會將任何樣式應(yīng)用于目標(biāo),動畫播放完成之后恢復(fù)初始默認(rèn)狀態(tài)。 |
Forwards | 目標(biāo)將保留動畫執(zhí)行期間最后一個關(guān)鍵幀的狀態(tài)。 |
Backwards | 動畫將在應(yīng)用于目標(biāo)時立即應(yīng)用第一個關(guān)鍵幀中定義的值,并在delay期間保留此值。第一個關(guān)鍵幀取決于playMode,playMode為Normal或Alternate時為from的狀態(tài),playMode為Reverse或AlternateReverse時為to的狀態(tài)。 |
Both | 動畫將遵循Forwards和Backwards的規(guī)則,從而在兩個方向上擴展動畫屬性。 |
從API version 9開始,該接口支持在ArkTS卡片中使用。
名稱 | 描述 |
---|---|
Normal | 動畫按正常播放。 |
Reverse | 動畫反向播放。 |
Alternate | 動畫在奇數(shù)次(1、3、5...)正向播放,在偶數(shù)次(2、4、6...)反向播放。 |
AlternateReverse | 動畫在奇數(shù)次(1、3、5...)反向播放,在偶數(shù)次(2、4、6...)正向播放。 |
名稱 | 描述 |
---|---|
Top | 豎直方向上邊緣 從API version 9開始,該接口支持在ArkTS卡片中使用。 |
Center(deprecated) | 豎直方向居中位置 從API version 9開始廢棄 |
Bottom | 豎直方向下邊緣 從API version 9開始,該接口支持在ArkTS卡片中使用。 |
Baseline(deprecated) | 交叉軸方向文本基線位置 從API version 9開始廢棄 |
Start | 水平方向起始位置 從API version 9開始,該接口支持在ArkTS卡片中使用。 |
Middle(deprecated) | 水平方向居中位置 從API version 9開始廢棄 |
End | 水平方向末尾位置 從API version 9開始,該接口支持在ArkTS卡片中使用。 |
從API version 9開始,該接口支持在ArkTS卡片中使用。
名稱 | 描述 |
---|---|
Spring | 彈性物理動效,滑動到邊緣后可以根據(jù)初始速度或通過觸摸事件繼續(xù)滑動一段距離,松手后回彈。 |
Fade | 陰影效果,滑動到邊緣后會有圓弧狀的陰影。 |
None | 滑動到邊緣后無效果。 |
從API version 9開始,該接口支持在ArkTS卡片中使用。
名稱 | 描述 |
---|---|
TopStart | 頂部起始端。 |
Top | 頂部橫向居中。 |
TopEnd | 頂部尾端。 |
Start | 起始端縱向居中。 |
Center | 橫向和縱向居中。 |
End | 尾端縱向居中。 |
BottomStart | 底部起始端。 |
Bottom | 底部橫向居中。 |
BottomEnd | 底部尾端。 |
從API version 9開始,該接口支持在ArkTS卡片中使用。
名稱 | 描述 |
---|---|
All | 指定當(dāng)前的Transition動效生效在組件的所有變化場景。 |
Insert | 指定當(dāng)前的Transition動效生效在組件的插入顯示場景。 |
Delete | 指定當(dāng)前的Transition動效生效在組件的刪除隱藏場景。 |
從API version 9開始,該接口支持在ArkTS卡片中使用。
名稱 | 描述 |
---|---|
Hidden | 隱藏,但參與布局進(jìn)行占位。 |
Visible | 顯示。 |
None | 隱藏,但不參與布局,不進(jìn)行占位。 |
從API version 9開始,該接口支持在ArkTS卡片中使用。
名稱 | 描述 |
---|---|
Butt | 線條兩端為平行線,不額外擴展。 |
Round | 在線條兩端延伸半個圓,直徑等于線寬。 |
Square | 在線條兩端延伸一個矩形,寬度等于線寬的一半,高度等于線寬。 |
從API version 9開始,該接口支持在ArkTS卡片中使用。
名稱 | 描述 |
---|---|
Start | 按照語言方向起始端對齊。 |
Center | 居中對齊,默認(rèn)對齊方式。 |
End | 按照語言方向末端對齊。 |
從API version 9開始,該接口支持在ArkTS卡片中使用。
名稱 | 描述 |
---|---|
Start | 元素在主軸方向首端對齊,第一個元素與行首對齊,同時后續(xù)的元素與前一個對齊。 |
Center | 元素在主軸方向中心對齊,第一個元素與行首的距離與最后一個元素與行尾距離相同。 |
End | 元素在主軸方向尾部對齊,最后一個元素與行尾對齊,其他元素與后一個對齊。 |
SpaceBetween | Flex主軸方向均勻分配彈性元素,相鄰元素之間距離相同。第一個元素與行首對齊,最后一個元素與行尾對齊。 |
SpaceAround | Flex主軸方向均勻分配彈性元素,相鄰元素之間距離相同。第一個元素到行首的距離和最后一個元素到行尾的距離是相鄰元素之間距離的一半。 |
SpaceEvenly | Flex主軸方向均勻分配彈性元素,相鄰元素之間的距離、第一個元素與行首的間距、最后一個元素到行尾的間距都完全一樣。 |
從API version 9開始,該接口支持在ArkTS卡片中使用。
名稱 | 描述 |
---|---|
Auto | 使用Flex容器中默認(rèn)配置。 |
Start | 元素在Flex容器中,交叉軸方向首部對齊。 |
Center | 元素在Flex容器中,交叉軸方向居中對齊。 |
End | 元素在Flex容器中,交叉軸方向底部對齊。 |
Stretch | 元素在Flex容器中,交叉軸方向拉伸填充。容器為Flex且設(shè)置Wrap為FlexWrap.Wrap或FlexWrap.WrapReverse時,元素拉伸到與當(dāng)前行/列交叉軸長度最長的元素尺寸。其余情況在元素未設(shè)置尺寸時,拉伸到容器尺寸。 |
Baseline | 元素在Flex容器中,交叉軸方向文本基線對齊。 |
從API version 9開始,該接口支持在ArkTS卡片中使用。
名稱 | 描述 |
---|---|
Row | 主軸與行方向一致作為布局模式。 |
RowReverse | 與Row方向相反方向進(jìn)行布局。 |
Column | 主軸與列方向一致作為布局模式。 |
ColumnReverse | 與Column相反方向進(jìn)行布局。 |
從API version 9開始,該接口支持在ArkTS卡片中使用。
名稱 | 描述 |
---|---|
NoWrap | Flex容器的元素單行/列布局,子項不允許超出容器。 |
Wrap | Flex容器的元素多行/列排布,子項允許超出容器。 |
WrapReverse | Flex容器的元素反向多行/列排布,子項允許超出容器。 |
從API version 9開始,該接口支持在ArkTS卡片中使用。
名稱 | 描述 |
---|---|
X | 只在水平軸上重復(fù)繪制圖片。 |
Y | 只在豎直軸上重復(fù)繪制圖片。 |
XY | 在兩個軸上重復(fù)繪制圖片。 |
NoRepeat | 不重復(fù)繪制圖片。 |
從API version 9開始,該接口支持在ArkTS卡片中使用。
類型 | 描述 |
---|---|
Cover | 默認(rèn)值,保持寬高比進(jìn)行縮小或者放大,使得圖片兩邊都大于或等于顯示邊界。 |
Contain | 保持寬高比進(jìn)行縮小或者放大,使得圖片完全顯示在顯示邊界內(nèi)。 |
Auto | 保持原圖的比例不變。 |
從API version 9開始,該接口支持在ArkTS卡片中使用。
名稱 | 描述 |
---|---|
Left | 從右向左。 |
Top | 從下向上。 |
Right | 從左向右。 |
Bottom | 從上向下。 |
LeftTop | 左上。 |
LeftBottom | 左下。 |
RightTop | 右上。 |
RightBottom | 右下。 |
None | 無。 |
名稱 | 描述 |
---|---|
Static | 目標(biāo)頁面元素的位置保持不變,可以配置透明度動畫。目前,只有為重定向到目標(biāo)頁面而配置的靜態(tài)效果才會生效。 |
Exchange | 將源頁面元素移動到目標(biāo)頁面元素位置并適當(dāng)縮放。 |
從API version 9開始,該接口支持在ArkTS卡片中使用。
名稱 | 描述 |
---|---|
Lighter | 字體較細(xì)。 |
Normal | 字體粗細(xì)正常。 |
Regular | 字體粗細(xì)正常。 |
Medium | 字體粗細(xì)適中。 |
Bold | 字體較粗。 |
Bolder | 字體非常粗。 |
從API version 9開始,該接口支持在ArkTS卡片中使用。
名稱 | 描述 |
---|---|
Clip | 文本超長時進(jìn)行裁剪顯示。 |
Ellipsis | 文本超長時顯示不下的文本用省略號代替。 |
None | 文本超長時不進(jìn)行裁剪。 |
從API version 9開始,該接口支持在ArkTS卡片中使用。
名稱 | 描述 |
---|---|
Underline | 文字下劃線修飾。 |
LineThrough | 穿過文本的修飾線。 |
Overline | 文字上劃線修飾。 |
None | 不使用文本裝飾線。 |
名稱 | 描述 |
---|---|
Auto | 使用組件的系統(tǒng)默認(rèn)懸浮效果。 |
Scale | 放大縮小效果。 |
Highlight | 背景淡入淡出的強調(diào)效果。 |
None | 不設(shè)置效果。 |
名稱 | 描述 |
---|---|
Left | 氣泡提示位于組件左側(cè),與組件左側(cè)中心對齊。 |
Right | 氣泡提示位于組件右側(cè),與組件右側(cè)中心對齊。 |
Top | 氣泡提示位于組件上側(cè),與組件上側(cè)中心對齊。 |
Bottom | 氣泡提示位于組件下側(cè),與組件下側(cè)中心對齊。 |
TopLeft | 氣泡提示位于組件上側(cè),從API Version 9開始,與組件左側(cè)邊緣對齊。 |
TopRight | 氣泡提示位于組件上側(cè),從API Version 9開始,與組件右側(cè)邊緣對齊。 |
BottomLeft | 氣泡提示位于組件下側(cè),從API Version 9開始,與組件左側(cè)邊緣對齊。 |
BottomRight | 氣泡提示位于組件下側(cè),從API Version 9開始,與組件右側(cè)邊緣對齊。 |
LeftTop9+ | 氣泡提示位于組件左側(cè),與組件上側(cè)邊緣對齊。 |
LeftBottom9+ | 氣泡提示位于組件左側(cè),與組件下側(cè)邊緣對齊。 |
RightTop9+ | 氣泡提示位于組件右側(cè),與組件上側(cè)邊緣對齊。 |
RightBottom9+ | 氣泡提示位于組件右側(cè),與組件下側(cè)邊緣對齊。 |
Copyright©2021 w3cschool編程獅|閩ICP備15016281號-3|閩公網(wǎng)安備35020302033924號
違法和不良信息舉報電話:173-0602-2364|舉報郵箱:jubao@eeedong.com
掃描二維碼
下載編程獅App
編程獅公眾號
聯(lián)系方式:
更多建議: