前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >HarmonyOS-UIAbitity-枚举说明——【坚果派-红目香薰】

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

作者头像
红目香薰
发布2024-01-27 12:47:41
1120
发布2024-01-27 12:47:41
举报
文章被收录于专栏:CSDNToQQCodeCSDNToQQCode

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

气泡提示位于组件下侧。

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2024-01-26,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 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+
相关产品与服务
容器服务
腾讯云容器服务(Tencent Kubernetes Engine, TKE)基于原生 kubernetes 提供以容器为核心的、高度可扩展的高性能容器管理服务,覆盖 Serverless、边缘计算、分布式云等多种业务部署场景,业内首创单个集群兼容多种计算节点的容器资源管理模式。同时产品作为云原生 Finops 领先布道者,主导开源项目Crane,全面助力客户实现资源优化、成本控制。
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档