HarmonyOS-UIAbitity-枚举说明——【坚果派-红目香薰】

举报
红目香薰 发表于 2024/03/31 18:08:54 2024/03/31
【摘要】 ​ 摘要作者:红目香薰团队:坚果派 团队介绍:坚果派由坚果创建,团队拥有12个华为HDE以及若干其他领域的三十余位万粉博主运营。 HarmonyOS-UIAbitity-枚举说明下面是所有的枚举对应类以及参数值,可以根据目录快速获取位置。目录摘要HarmonyOS-UIAbitity-枚举说明ColorImageFitBorderStyleLineJoinStyleTouchTypeMous...

 摘要

作者:红目香薰
团队:坚果派
团队介绍:坚果派由坚果创建,团队拥有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

气泡提示位于组件下侧。


【版权声明】本文为华为云社区用户原创内容,转载时必须标注文章的来源(华为云社区)、文章链接、文章作者等基本信息, 否则作者和本社区有权追究责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。