HarmonyOS-UIAbitity-枚举说明——【坚果派-红目香薰】
摘要
作者:红目香薰
团队:坚果派
团队介绍:坚果派由坚果创建,团队拥有12个华为HDE以及若干其他领域的三十余位万粉博主运营。
HarmonyOS-UIAbitity-枚举说明
下面是所有的枚举对应类以及参数值,可以根据目录快速获取位置。
目录
摘要
HarmonyOS-UIAbitity-枚举说明
Color
ImageFit
BorderStyle
LineJoinStyle
TouchType
MouseButton
MouseAction
Curve
AnimationStatus
FillMode
PlayMode
KeyType
KeySource
Edge
Week
Direction
BarState
EdgeEffect
Alignment
TransitionType
RelateType
Visibility
LineCapStyle
Axis
HorizontalAlign
FlexAlign
ItemAlign
FlexDirection
FlexWrap
VerticalAlign
ImageRepeat
ImageSize
GradientDirection
SharedTransitionEffectType
FontStyle
FontWeight
TextAlign
TextOverflow
TextDecorationType
TextCase
ResponseType8+
HoverEffect8+
Placement8+
Color
颜色名称 |
颜色值 |
颜色示意 |
|
Black |
0x000000 |
编辑 |
|
Blue |
0x0000ff |
编辑 |
|
Brown |
0xa52a2a |
编辑 |
|
Gray |
0x808080 |
编辑 |
|
Green |
0x008000 |
编辑 |
|
Orange |
0xffa500 |
编辑 |
|
Pink |
0xffc0cb |
编辑 |
|
Red |
0xff0000 |
编辑 |
|
White |
0xffffff |
编辑 |
|
Yellow |
0xffff00 |
编辑 |
|
Grey |
0x808080 |
编辑 |
ImageFit
名称 |
描述 |
Contain |
保持宽高比进行缩小或者放大,使得图片完全显示在显示边界内。 |
Cover |
保持宽高比进行缩小或者放大,使得图片两边都大于或等于显示边界。 |
Auto |
自适应显示 |
Fill |
不保持宽高比进行放大缩小,使得图片充满显示边界。 |
ScaleDown |
保持宽高比显示,图片缩小或者保持不变。 |
None |
保持原有尺寸显示。 |
BorderStyle
名称 |
描述 |
Dotted |
显示为一系列圆点,圆点半径为borderWidth的一半。 |
Dashed |
显示为一系列短的方形虚线。 |
Solid |
显示为一条实线。 |
LineJoinStyle
名称 |
描述 |
Bevel |
使用斜角连接路径段。 |
Miter |
使用尖角连接路径段。 |
Round |
使用圆角连接路径段。 |
TouchType
名称 |
描述 |
Down |
手指按下时触发。 |
Up |
手指抬起时触发。 |
Move |
手指按压态在屏幕上移动时触发。 |
Cancel |
触摸事件取消时触发。 |
MouseButton
名称 |
描述 |
Left |
鼠标左键。 |
Right |
鼠标右键。 |
Middle |
鼠标中键。 |
Back |
鼠标左侧后退键。 |
Forward |
鼠标左侧前进键。 |
None |
无按键。 |
MouseAction
名称 |
描述 |
Press |
鼠标按键按下。 |
Release |
鼠标按键松开。 |
Move |
鼠标移动。 |
Hover |
鼠标悬停。 |
Curve
名称 |
描述 |
Linear |
表示动画从头到尾的速度都是相同的。 |
Ease |
表示动画以低速开始,然后加快,在结束前变慢,CubicBezier(0.25, 0.1, 0.25, 1.0)。 |
EaseIn |
表示动画以低速开始,CubicBezier(0.42, 0.0, 1.0, 1.0)。 |
EaseOut |
表示动画以低速结束,CubicBezier(0.0, 0.0, 0.58, 1.0)。 |
EaseInOut |
表示动画以低速开始和结束,CubicBezier(0.42, 0.0, 0.58, 1.0)。 |
FastOutSlowIn |
标准曲线,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 |
节奏曲线,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)。 |
AnimationStatus
名称 |
描述 |
Initial |
动画初始状态。 |
Running |
动画处于播放状态。 |
Paused |
动画处于暂停状态。 |
Stopped |
动画处于停止状态。 |
FillMode
名称 |
描述 |
None |
动画未执行时不会将任何样式应用于目标,动画播放完成之后恢复初始默认状态。 |
Forwards |
目标将保留动画执行期间最后一个关键帧的状态。 |
Backwards |
动画将在应用于目标时立即应用第一个关键帧中定义的值,并在delay期间保留此值。第一个关键帧取决于playMode,playMode为Normal或Alternate时为from的状态,playMode为Reverse或AlternateReverse时为to的状态。 |
Both |
动画将遵循Forwards和Backwards的规则,从而在两个方向上扩展动画属性。 |
PlayMode
名称 |
描述 |
Normal |
动画按正常播放。 |
Reverse |
动画反向播放。 |
Alternate |
动画在奇数次(1、3、5...)正向播放,在偶数次(2、4、6...)反向播放。 |
AlternateReverse |
动画在奇数次(1、3、5...)反向播放,在偶数次(2、4、6...)正向播放。 |
KeyType
名称 |
描述 |
Down |
按键按下。 |
Up |
按键松开。 |
KeySource
名称 |
描述 |
Unknown |
输入设备类型未知。 |
Keyboard |
输入设备类型为键盘。 |
Edge
名称 |
描述 |
Top |
竖直方向上边缘 |
Center |
竖直方向居中位置 |
Bottom |
竖直方向下边缘 |
Baseline |
交叉轴方向文本基线位置 |
Start |
水平方向起始位置 |
Middle |
水平方向居中位置 |
End |
水平方向末尾位置 |
Week
名称 |
描述 |
Mon |
星期一 |
Tue |
星期二 |
Wed |
星期三 |
Thur |
星期四 |
Fri |
星期五 |
Sat |
星期六 |
Sun |
星期日 |
Direction
名称 |
描述 |
Ltr |
元素从左到右布局。 |
Rtl |
元素从右到左布局。 |
Auto |
使用系统默认布局方向。 |
BarState
名称 |
描述 |
Off |
不显示。 |
On |
常驻显示。 |
Auto |
按需显示(触摸时显示,2s后消失)。 |
EdgeEffect
名称 |
描述 |
Spring |
弹性物理动效,滑动到边缘后可以根据初始速度或通过触摸事件继续滑动一段距离,松手后回弹。 |
Fade |
阴影效果,滑动到边缘后会有圆弧状的阴影。 |
None |
滑动到边缘后无效果。 |
Alignment
名称 |
描述 |
TopStart |
顶部起始端。 |
Top |
顶部横向居中。 |
TopEnd |
顶部尾端。 |
Start |
起始端纵向居中。 |
Center |
横向和纵向居中。 |
End |
尾端纵向居中。 |
BottomStart |
底部起始端。 |
Bottom |
底部横向居中。 |
BottomEnd |
底部尾端。 |
TransitionType
名称 |
描述 |
All |
指定当前的Transition动效生效在组件的所有变化场景。 |
Insert |
指定当前的Transition动效生效在组件的插入场景。 |
Delete |
指定当前的Transition动效生效在组件的删除场景。 |
RelateType
名称 |
描述 |
FILL |
缩放当前子组件以填充满父组件 |
FIT |
缩放当前子组件以自适应父组件 |
Visibility
名称 |
描述 |
Hidden |
隐藏,但参与布局进行占位。 |
Visible |
显示。 |
None |
隐藏,但不参与布局,不进行占位。 |
LineCapStyle
名称 |
描述 |
Butt |
分割线两端为平行线。 |
Round |
分割线两端为半圆。 |
Square |
分割线两端为平行线。 |
Axis
名称 |
描述 |
Vertical |
方向为纵向。 |
Horizontal |
方向为横向。 |
HorizontalAlign
名称 |
描述 |
Start |
按照语言方向起始端对齐。 |
Center |
居中对齐,默认对齐方式。 |
End |
按照语言方向末端对齐。 |
FlexAlign
名称 |
描述 |
Start |
元素在主轴方向首端对齐,第一个元素与行首对齐,同时后续的元素与前一个对齐。 |
Center |
元素在主轴方向中心对齐,第一个元素与行首的距离与最后一个元素与行尾距离相同。 |
End |
元素在主轴方向尾部对齐,最后一个元素与行尾对齐,其他元素与后一个对齐。 |
SpaceBetween |
Flex主轴方向均匀分配弹性元素,相邻元素之间距离相同。第一个元素与行首对齐,最后一个元素与行尾对齐。 |
SpaceAround |
Flex主轴方向均匀分配弹性元素,相邻元素之间距离相同。第一个元素到行首的距离和最后一个元素到行尾的距离是相邻元素之间距离的一半。 |
SpaceEvenly |
Flex主轴方向均匀分配弹性元素,相邻元素之间的距离、第一个元素与行首的间距、最后一个元素到行尾的间距都完全一样。 |
ItemAlign
名称 |
描述 |
Auto |
使用Flex容器中默认配置。 |
Start |
元素在Flex容器中,交叉轴方向首部对齐。 |
Center |
元素在Flex容器中,交叉轴方向居中对齐。 |
End |
元素在Flex容器中,交叉轴方向底部对齐。 |
Stretch |
元素在Flex容器中,交叉轴方向拉伸填充,在未设置尺寸时,拉伸到容器尺寸。 |
Baseline |
元素在Flex容器中,交叉轴方向文本基线对齐。 |
FlexDirection
名称 |
描述 |
Row |
主轴与行方向一致作为布局模式。 |
RowReverse |
与Row方向相反方向进行布局。 |
Column |
主轴与列方向一致作为布局模式。 |
ColumnReverse |
与Column相反方向进行布局。 |
FlexWrap
名称 |
描述 |
NoWrap |
Flex容器的元素单行/列布局,子项不允许超出容器。 |
Wrap |
Flex容器的元素多行/列排布,子项允许超出容器。 |
WrapReverse |
Flex容器的元素反向多行/列排布,子项允许超出容器。 |
VerticalAlign
名称 |
描述 |
Top |
顶部对齐。 |
Center |
居中对齐,默认对齐方式。 |
Bottom |
底部对齐。 |
ImageRepeat
名称 |
描述 |
X |
只在水平轴上重复绘制图片。 |
Y |
只在竖直轴上重复绘制图片。 |
XY |
在两个轴上重复绘制图片。 |
NoRepeat |
不重复绘制图片。 |
ImageSize
类型 |
描述 |
Cover |
默认值,保持宽高比进行缩小或者放大,使得图片两边都大于或等于显示边界。 |
Contain |
保持宽高比进行缩小或者放大,使得图片完全显示在显示边界内。 |
Auto |
保持原图的比例不变。 |
GradientDirection
名称 |
描述 |
Left |
从右向左。 |
Top |
从下向上。 |
Right |
从左向右。 |
Bottom |
从上向下。 |
LeftTop |
左上。 |
LeftBottom |
左下。 |
RightTop |
右上。 |
RightBottom |
右下。 |
None |
无。 |
SharedTransitionEffectType
名称 |
描述 |
Static |
目标页面元素的位置保持不变,可以配置透明度动画。目前,只有为重定向到目标页面而配置的静态效果才会生效。 |
Exchange |
将源页面元素移动到目标页面元素位置并适当缩放。 |
FontStyle
名称 |
描述 |
Normal |
标准的字体样式。 |
Italic |
斜体的字体样式。 |
FontWeight
名称 |
描述 |
Lighter |
字体较细。 |
Normal |
字体粗细正常。 |
Regular |
字体粗细正常。 |
Medium |
字体粗细适中。 |
Bold |
字体较粗。 |
Bolder |
字体非常粗。 |
TextAlign
名称 |
描述 |
Start |
水平对齐首部。 |
Center |
水平居中对齐。 |
End |
水平对齐尾部。 |
TextOverflow
名称 |
描述 |
Clip |
文本超长时进行裁剪显示。 |
Ellipsis |
文本超长时显示不下的文本用省略号代替。 |
None |
文本超长时不进行裁剪。 |
TextDecorationType
名称 |
描述 |
Underline |
文字下划线修饰。 |
LineThrough |
穿过文本的修饰线。 |
Overline |
文字上划线修饰。 |
None |
不使用文本装饰线。 |
TextCase
名称 |
描述 |
Normal |
保持文本原有大小写。 |
LowerCase |
文本采用全小写。 |
UpperCase |
文本采用全大写。 |
ResponseType8+
名称 |
描述 |
LongPress |
通过长按触发菜单弹出。 |
RightClick |
通过鼠标右键触发菜单弹出。 |
HoverEffect8+
名称 |
描述 |
Auto |
使用组件的系统默认悬浮效果。 |
Scale |
放大缩小效果。 |
Highlight |
背景淡入淡出的强调效果。 |
None |
不设置效果。 |
Placement8+
名称 |
描述 |
Left |
气泡提示位于组件左侧,与组件左侧中心对齐。 |
Right |
气泡提示位于组件右侧,与组件右侧中心对齐。 |
Top |
气泡提示位于组件上侧,与组件上侧中心对齐。 |
Bottom |
气泡提示位于组件下侧,与组件下侧中心对齐。 |
TopLeft |
气泡提示位于组件上侧。 |
TopRight |
气泡提示位于组件上侧。 |
BottomLeft |
气泡提示位于组件下侧。 |
BottomRight |
气泡提示位于组件下侧。 |
- 点赞
- 收藏
- 关注作者
评论(0)