harmony 鸿蒙数据类型说明

2022-10-28 浏览 (1064)

数据类型说明

说明:

从API Version 8 开始支持。后续版本如有新增内容,则采用上角标单独标记该内容的起始版本。

长度类型

名称类型定义描述
lengthstring | number用于描述尺寸单位,输入为number类型时,使用px单位。输入为string类型时,需要显式指定像素单位,当前支持的像素单位有:
- px:逻辑尺寸单位。
- fp:字体尺寸单位,随系统字体大小设置发生变化,仅支持文本类组件设置相应的字体大小。
percentagestring百分比尺寸单位,如“50%”。

颜色类型

名称类型定义描述
colorstring |颜色枚举用于描述颜色信息。
  字符串格式如下:
- 'rgb(255, 255, 255)'。
- 'rgba(255, 255, 255, 1.0)'。
- HEX格式:'#rrggbb','#aarrggbb'。
- 枚举格式:'black','white'。
JS脚本中不支持颜色枚举格式。

表1 当前支持的颜色枚举

枚举名称对应颜色颜色
aliceblue#f0f8ffaliceblue
antiquewhite#faebd7antiquewhite
aqua#00ffffaqua
aquamarine#7fffd4aquamarine
azure#f0ffffazure
beige#f5f5dcbeige
bisque#ffe4c4bisque
black#000000#000000
blanchedalmond#ffebcdblanchedalmond
blue#0000ffblue
blueviolet#8a2be2blueviolet
brown#a52a2abrown
burlywood#deB887burlywood
cadetblue#5f9ea0cadetblue
chartreuse#7fff00chartreuse
chocolate#d2691echocolate
coral#ff7f50coral
cornflowerblue#6495edcornflowerblue
cornsilk#fff8dccornsilk
crimson#dc143ccrimson
cyan#00ffffcyan
darkblue#00008bdarkblue
darkcyan#008b8bdarkcyan
darkgoldenrod#b8860bdarkgoldenrod
darkgray#a9a9a9darkgray
darkgreen#006400darkgreen
darkgrey#a9a9a9darkgrey
darkkhaki#bdb76bdarkkhaki
darkmagenta#8b008bdarkmagenta
darkolivegreen#556b2fdarkolivegreen
darkorange#ff8c00darkorange
darkorchid#9932ccdarkorchid
darkred#8b0000darkred
darksalmon#e9967adarksalmon
darkseagreen#8fbc8fdarkseagreen
darkslateblue#483d8bdarkslateblue
darkslategray#2f4f4fdarkslategray
darkslategrey#2f4f4fdarkslategrey
darkturquoise#00ced1darkturquoise
darkviolet#9400d3darkviolet
deeppink#ff1493deeppink
deepskyblue#00bfffdeepskyblue
dimgray#696969dimgray
dimgrey#696969dimgrey
dodgerblue#1e90ffdodgerblue
firebrick#b22222firebrick
floralwhite#fffaf0floralwhite
forestgreen#228b22forestgreen
fuchsia#ff00fffuchsia
gainsboro#dcdcdcgainsboro
ghostwhite#f8f8ffghostwhite
gold#ffd700gold
goldenrod#daa520goldenrod
gray#808080gray
green#008000green
greenyellow#adff2fgreenyellow
grey#808080grey
honeydew#f0fff0honeydew
hotpink#ff69b4hotpink
indianred#cd5c5cindianred
indigo#4b0082indigo
ivory#fffff0ivory
khaki#f0e68ckhaki
lavender#e6e6falavender
lavenderblush#fff0f5lavenderblush
lawngreen#7cfc00lawngreen
lemonchiffon#fffacdlemonchiffon
lightblue#add8e6lightblue
lightcoral#f08080lightcoral
lightcyan#e0fffflightcyan
lightgoldenrodyellow#fafad2lightgoldenrodyellow
lightgray#d3d3d3lightgray
lightgreen#90ee90lightgreen
lightpink#ffb6c1lightpink
lightsalmon#ffa07alightsalmon
lightseagreen#20b2aalightseagreen
lightskyblue#87cefalightskyblue
lightslategray#778899lightslategray
lightslategrey#778899lightslategrey
lightsteelblue#b0c4delightsteelblue
lightyellow#ffffe0lightyellow
lime#00ff00lime
limegreen#32cd32limegreen
linen#faf0e6linen
magenta#ff00ffmagenta
maroon#800000maroon
mediumaquamarine#66cdaamediumaquamarine
mediumblue#0000cdmediumblue
mediumorchid#ba55d3mediumorchid
mediumpurple#9370dbmediumpurple
mediumseagreen#3cb371mediumseagreen
mediumslateblue#7b68eemediumslateblue
mediumspringgreen#00fa9amediumspringgreen
mediumturquoise#48d1ccmediumturquoise
mediumvioletred#c71585mediumvioletred
midnightblue#191970midnightblue
mintcream#f5fffamintcream
mistyrose#ffe4e1mistyrose
moccasin#ffe4b5moccasin
navajowhite#ffdeadnavajowhite
navy#000080navy
oldlace#fdf5e6oldlace
olive#808000olive
olivedrab#6b8e23olivedrab
orange#ffa500orange
orangered#ff4500orangered
orchid#da70d6orchid
palegoldenrod#eee8aapalegoldenrod
palegreen#98fb98palegreen
paleturquoise#afeeeepaleturquoise
palevioletred#db7093palevioletred
papayawhip#ffefd5papayawhip
peachpuff#ffdab9peachpuff
peru#cd853fperu
pink#ffc0cbpink
plum#dda0ddplum
powderblue#b0e0e6powderblue
purple#800080purple
rebeccapurple#663399rebeccapurple
red#ff0000red
rosybrown#bc8f8frosybrown
royalblue#4169e1royalblue
saddlebrown#8b4513saddlebrown
salmon#fa8072salmon
sandybrown#f4a460sandybrown
seagreen#2e8b57seagreen
seashell#fff5eeseashell
sienna#a0522dsienna
silver#c0c0c0silver
skyblue#87ceebskyblue
slateblue#6a5acdslateblue
slategray#708090slategray
slategrey#708090slategray
snow#fffafasnow
springgreen#00ff7fspringgreen
steelblue#4682b4steelblue
tan#d2b48ctan
teal#008080teal
thistle#d8Bfd8thistle
tomato#ff6347tomato
turquoise#40e0d0turquoise
violet#ee82eeviolet
wheat#f5deb3wheat
white#ffffffwhite
whitesmoke#f5f5f5whitesmoke
yellow#ffff00yellow
yellowgreen#9acd32yellowgreen

你可能感兴趣的鸿蒙文章

harmony 鸿蒙JS服务卡片UI组件

harmony 鸿蒙button

harmony 鸿蒙calendar

harmony 鸿蒙chart

harmony 鸿蒙clock

harmony 鸿蒙divider

harmony 鸿蒙image

harmony 鸿蒙input

harmony 鸿蒙progress

harmony 鸿蒙span

  • 所属分类: 后端技术
  • 本文标签: 鸿蒙 软件
  • 版权声明: 本文链接 https://seaxiang.com/blog/0804a9482247423cb8a8bc8f6a8a5978