diff --git a/zh-cn/application-dev/reference/apis/Readme-CN.md b/zh-cn/application-dev/reference/apis/Readme-CN.md index e8fdc804c3f0bc0fac9677a4b157bb5e6fdc3c7a..35f6c6cbda9e622d18ffdfbfac7fce9f654c96c8 100644 --- a/zh-cn/application-dev/reference/apis/Readme-CN.md +++ b/zh-cn/application-dev/reference/apis/Readme-CN.md @@ -22,6 +22,7 @@ - [关系型数据库](js-apis-data-rdb.md) - [结果集](js-apis-data-resultset.md) - [DataAbility 谓词](js-apis-data-ability.md) + - [设置数据项名称](js-apis-settings.md) - 文件管理 - [文件管理](js-apis-fileio.md) - [Statfs管理](js-apis-statfs.md) @@ -61,7 +62,6 @@ - [动画](js-apis-basic-features-animator.md) - [应用打点](js-apis-hiappevent.md) - [性能打点](js-apis-bytrace.md) - -[设置](js-apis-settings.md) - 语言基础类库 - [获取进程相关的信息](js-apis-process.md) - [URL字符串解析](js-apis-url.md) diff --git a/zh-cn/application-dev/reference/apis/js-apis-settings.md b/zh-cn/application-dev/reference/apis/js-apis-settings.md index e3e7d0c51b30f6a760d5cc2ef091145b664d7a6c..2e97fdb250714f42146f086e936876aa8164ee6c 100644 --- a/zh-cn/application-dev/reference/apis/js-apis-settings.md +++ b/zh-cn/application-dev/reference/apis/js-apis-settings.md @@ -1,4 +1,4 @@ -# 设置 +# 设置数据项名称 > ![icon-note.gif](public_sys-resources/icon-note.gif) **说明:** > 本模块首批接口从API version 8开始支持。后续版本如有新增内容,则采用上角标单独标记该内容的起始版本。 diff --git a/zh-cn/application-dev/reference/arkui-js/Readme-CN.md.md b/zh-cn/application-dev/reference/arkui-js/Readme-CN.md similarity index 98% rename from zh-cn/application-dev/reference/arkui-js/Readme-CN.md.md rename to zh-cn/application-dev/reference/arkui-js/Readme-CN.md index 0e5e4ea6dd12656aa933b27c995c8e045a44ded3..b0adfa00699fb5b9d5bb1f98a58fc29b08391073 100644 --- a/zh-cn/application-dev/reference/arkui-js/Readme-CN.md.md +++ b/zh-cn/application-dev/reference/arkui-js/Readme-CN.md @@ -105,4 +105,7 @@ - [事件参数](js-components-custom-event-parameter.md) - [slot插槽](js-components-custom-slot.md) - [生命周期定义](js-components-custom-lifecycle.md) + +- [附录](js-appendix.md) + - [类型说明](js-appendix-types.md) diff --git a/zh-cn/application-dev/reference/arkui-js/js-appendix-types.md b/zh-cn/application-dev/reference/arkui-js/js-appendix-types.md new file mode 100644 index 0000000000000000000000000000000000000000..48589bfa9b3bf27a18c47763a4ca587f169ad670 --- /dev/null +++ b/zh-cn/application-dev/reference/arkui-js/js-appendix-types.md @@ -0,0 +1,1095 @@ +# 类型说明 + +## 长度类型 + + + + + + + + + + + + + + + +

名称

+

类型定义

+

描述

+

length

+

string | number

+

用于描述尺寸单位,输入为number类型时,使用px单位;输入为string类型时,需要显式指定像素单位,当前支持的像素单位有:

+
  • px:逻辑尺寸单位。
  • fp6+:字体尺寸单位,会随系统字体大小设置发生变化,仅支持文本类组件设置相应的字体大小。
+

percentage

+

string

+

百分比尺寸单位,如“50%”。

+
+ +## 颜色类型 + + + + + + + + + + + +

名称

+

类型定义

+

描述

+

color

+

string | 颜色枚举字符串

+

用于描述颜色信息。

+
字符串格式如下:
  • 'rgb(255, 255, 255)'
  • 'rgba(255, 255, 255, 1.0)'
  • HEX格式:'#rrggbb','#aarrggbb'
  • 枚举格式:'black','white'。
    说明:

    JS脚本中不支持颜色枚举格式。

    +
    +
+
+
+ +**表 1** 当前支持的颜色枚举 + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +

枚举名称

+

对应颜色

+

颜色

+

aliceblue

+

#f0f8ff

+

+

antiquewhite

+

#faebd7

+

+

aqua

+

#00ffff

+

+

aquamarine

+

#7fffd4

+

+

azure

+

#f0ffff

+

+

beige

+

#f5f5dc

+

+

bisque

+

#ffe4c4

+

+

black

+

#000000

+

+

blanchedalmond

+

#ffebcd

+

+

blue

+

#0000ff

+

+

blueviolet

+

#8a2be2

+

+

brown

+

#a52a2a

+

+

burlywood

+

#deB887

+

+

cadetblue

+

#5f9ea0

+

+

chartreuse

+

#7fff00

+

+

chocolate

+

#d2691e

+

+

coral

+

#ff7f50

+

+

cornflowerblue

+

#6495ed

+

+

cornsilk

+

#fff8dc

+

+

crimson

+

#dc143c

+

+

cyan

+

#00ffff

+

+

darkblue

+

#00008b

+

+

darkcyan

+

#008b8b

+

+

darkgoldenrod

+

#b8860b

+

+

darkgray

+

#a9a9a9

+

+

darkgreen

+

#006400

+

+

darkgrey

+

#a9a9a9

+

+

darkkhaki

+

#bdb76b

+

+

darkmagenta

+

#8b008b

+

+

darkolivegreen

+

#556b2f

+

+

darkorange

+

#ff8c00

+

+

darkorchid

+

#9932cc

+

+

darkred

+

#8b0000

+

+

darksalmon

+

#e9967a

+

+

darkseagreen

+

#8fbc8f

+

+

darkslateblue

+

#483d8b

+

+

darkslategray

+

#2f4f4f

+

+

darkslategrey

+

#2f4f4f

+

+

darkturquoise

+

#00ced1

+

+

darkviolet

+

#9400d3

+

+

deeppink

+

#ff1493

+

+

deepskyblue

+

#00bfff

+

+

dimgray

+

#696969

+

+

dimgrey

+

#696969

+

+

dodgerblue

+

#1e90ff

+

+

firebrick

+

#b22222

+

+

floralwhite

+

#fffaf0

+

+

forestgreen

+

#228b22

+

+

fuchsia

+

#ff00ff

+

+

gainsboro

+

#dcdcdc

+

+

ghostwhite

+

#f8f8ff

+

+

gold

+

#ffd700

+

+

goldenrod

+

#daa520

+

+

gray

+

#808080

+

+

green

+

#008000

+

+

greenyellow

+

#adff2f

+

+

grey

+

#808080

+

+

honeydew

+

#f0fff0

+

+

hotpink

+

#ff69b4

+

+

indianred

+

#cd5c5c

+

+

indigo

+

#4b0082

+

+

ivory

+

#fffff0

+

+

khaki

+

#f0e68c

+

+

lavender

+

#e6e6fa

+

+

lavenderblush

+

#fff0f5

+

+

lawngreen

+

#7cfc00

+

+

lemonchiffon

+

#fffacd

+

+

lightblue

+

#add8e6

+

+

lightcoral

+

#f08080

+

+

lightcyan

+

#e0ffff

+

+

lightgoldenrodyellow

+

#fafad2

+

+

lightgray

+

#d3d3d3

+

+

lightgreen

+

#90ee90

+

+

lightpink

+

#ffb6c1

+

+

lightsalmon

+

#ffa07a

+

+

lightseagreen

+

#20b2aa

+

+

lightskyblue

+

#87cefa

+

+

lightslategray

+

#778899

+

+

lightslategrey

+

#778899

+

+

lightsteelblue

+

#b0c4de

+

+

lightyellow

+

#ffffe0

+

+

lime

+

#00ff00

+

+

limegreen

+

#32cd32

+

+

linen

+

#faf0e6

+

+

magenta

+

#ff00ff

+

+

maroon

+

#800000

+

+

mediumaquamarine

+

#66cdaa

+

+

mediumblue

+

#0000cd

+

+

mediumorchid

+

#ba55d3

+

+

mediumpurple

+

#9370db

+

+

mediumseagreen

+

#3cb371

+

+

mediumslateblue

+

#7b68ee

+

+

mediumspringgreen

+

#00fa9a

+

+

mediumturquoise

+

#48d1cc

+

+

mediumvioletred

+

#c71585

+

+

midnightblue

+

#191970

+

+

mintcream

+

#f5fffa

+

+

mistyrose

+

#ffe4e1

+

+

moccasin

+

#ffe4b5

+

+

navajowhite

+

#ffdead

+

+

navy

+

#000080

+

+

oldlace

+

#fdf5e6

+

+

olive

+

#808000

+

+

olivedrab

+

#6b8e23

+

+

orange

+

#ffa500

+

+

orangered

+

#ff4500

+

+

orchid

+

#da70d6

+

+

palegoldenrod

+

#eee8aa

+

+

palegreen

+

#98fb98

+

+

paleturquoise

+

#afeeee

+

+

palevioletred

+

#db7093

+

+

papayawhip

+

#ffefd5

+

+

peachpuff

+

#ffdab9

+

+

peru

+

#cd853f

+

+

pink

+

#ffc0cb

+

+

plum

+

#dda0dd

+

+

powderblue

+

#b0e0e6

+

+

purple

+

#800080

+

+

rebeccapurple

+

#663399

+

+

red

+

#ff0000

+

+

rosybrown

+

#bc8f8f

+

+

royalblue

+

#4169e1

+

+

saddlebrown

+

#8b4513

+

+

salmon

+

#fa8072

+

+

sandybrown

+

#f4a460

+

+

seagreen

+

#2e8b57

+

+

seashell

+

#fff5ee

+

+

sienna

+

#a0522d

+

+

silver

+

#c0c0c0

+

+

skyblue

+

#87ceeb

+

+

slateblue

+

#6a5acd

+

+

slategray

+

#708090

+

+

slategrey

+

#708090

+

+

snow

+

#fffafa

+

+

springgreen

+

#00ff7f

+

+

steelblue

+

#4682b4

+

+

tan

+

#d2b48c

+

+

teal

+

#008080

+

+

thistle

+

#d8Bfd8

+

+

tomato

+

#ff6347

+

+

turquoise

+

#40e0d0

+

+

violet

+

#ee82ee

+

+

wheat

+

#f5deb3

+

+

white

+

#ffffff

+

+

whitesmoke

+

#f5f5f5

+

+

yellow

+

#ffff00

+

+

yellowgreen

+

#9acd32

+

+
diff --git a/zh-cn/application-dev/reference/arkui-js/js-appendix.md b/zh-cn/application-dev/reference/arkui-js/js-appendix.md new file mode 100644 index 0000000000000000000000000000000000000000..3c0b115e1f6a55aefbb33006a93dd611e8ff3a34 --- /dev/null +++ b/zh-cn/application-dev/reference/arkui-js/js-appendix.md @@ -0,0 +1,4 @@ +# 附录 + +- **[类型说明](js-appendix-types.md)** + diff --git a/zh-cn/application-dev/reference/arkui-ts/Readme-CN.md.md b/zh-cn/application-dev/reference/arkui-ts/Readme-CN.md.md deleted file mode 100644 index ef5825ceb1eedf1962c146f5eaeaff37a2f314b1..0000000000000000000000000000000000000000 --- a/zh-cn/application-dev/reference/arkui-ts/Readme-CN.md.md +++ /dev/null @@ -1,133 +0,0 @@ -# 基于TS扩展的声明式开发范式 - -- [组件](ts-components.md) - - [通用](ts-universal-components.md) - - [通用事件](ts-universal-events.md) - - [点击事件](ts-universal-events-click.md) - - [触摸事件](ts-universal-events-touch.md) - - [挂载卸载事件](ts-universal-events-show-hide.md) - - [按键事件](ts-universal-events-key.md) - - [组件区域变化事件](ts-universal-events-component-area-change.md) - - - [通用属性](ts-universal-attributes.md) - - [尺寸设置](ts-universal-attributes-size.md) - - [位置设置](ts-universal-attributes-location.md) - - [布局约束](ts-universal-attributes-layout-constraints.md) - - [Flex布局](ts-universal-attributes-flex-layout.md) - - [边框设置](ts-universal-attributes-border.md) - - [背景设置](ts-universal-attributes-background.md) - - [透明度设置](ts-universal-attributes-opacity.md) - - [显隐控制](ts-universal-attributes-visibility.md) - - [禁用控制](ts-universal-attributes-enable.md) - - [浮层](ts-universal-attributes-overlay.md) - - [Z序控制](ts-universal-attributes-z-order.md) - - [图形变换](ts-universal-attributes-transformation.md) - - [图像效果](ts-universal-attributes-image-effect.md) - - [形状裁剪](ts-universal-attributes-sharp-clipping.md) - - [文本样式设置](ts-universal-attributes-text-style.md) - - [栅格设置](ts-universal-attributes-grid.md) - - [颜色渐变](ts-universal-attributes-gradient-color.md) - - [Popup控制](ts-universal-attributes-popup.md) - - [Menu控制](ts-universal-attributes-menu.md) - - [点击控制](ts-universal-attributes-touchable.md) - - [触摸热区设置](ts-universal-attributes-response-region.md) - - - [手势处理](ts-gesture-processing.md) - - [绑定手势方法](ts-gesture-settings.md) - - [基础手势](ts-basic-gestures.md) - - [TapGesture](ts-basic-gestures-tapgesture.md) - - [LongPressGesture](ts-basic-gestures-longpressgesture.md) - - [PanGesture](ts-basic-gestures-pangesture.md) - - [PinchGesture](ts-basic-gestures-pinchgesture.md) - - [RotationGesture](ts-basic-gestures-rotationgesture.md) - - [SwipeGesture](ts-basic-gestures-swipegesture.md) - - - [组合手势](ts-combined-gestures.md) - - - [基础组件](ts-basic-components.md) - - [Blank](ts-basic-components-blank.md) - - [Button](ts-basic-components-button.md) - - [DataPanel](ts-basic-components-datapanel.md) - - [Divider](ts-basic-components-divider.md) - - [Gauge](ts-basic-components-gauge.md) - - [Image](ts-basic-components-image.md) - - [ImageAnimator](ts-basic-components-imageanimator.md) - - [Marquee](ts-basic-components-marquee.md) - - [Progress](ts-basic-components-progress.md) - - [QRCode](ts-basic-components-qrcode.md) - - [Rating](ts-basic-components-rating.md) - - [Span](ts-basic-components-span.md) - - [Slider](ts-basic-components-slider.md) - - [Text](ts-basic-components-text.md) - - [TextArea](ts-basic-components-textarea.md) - - [TextInput](ts-basic-components-textinput.md) - - [Toggle](ts-basic-components-toggle.md) - - - [容器组件](ts-components-container.md) - - [AlphabetIndexer](ts-container-alphabet-indexer.md) - - [Badge](ts-container-badge.md) - - [Column](ts-container-column.md) - - [ColumnSplit](ts-container-columnsplit.md) - - [Counter](ts-container-counter.md) - - [Flex](ts-container-flex.md) - - [GridContainer](ts-container-gridcontainer.md) - - [Grid](ts-container-grid.md) - - [GridItem](ts-container-griditem.md) - - [List](ts-container-list.md) - - [ListItem](ts-container-listitem.md) - - [Navigator](ts-container-navigator.md) - - [Navigation](ts-container-navigation.md) - - [Panel](ts-container-panel.md) - - [Row](ts-container-row.md) - - [RowSplit](ts-container-rowsplit.md) - - [Scroll](ts-container-scroll.md) - - [ScrollBar](ts-container-scrollbar.md) - - [Stack](ts-container-stack.md) - - [Swiper](ts-container-swiper.md) - - [Tabs](ts-container-tabs.md) - - [TabContent](ts-container-tabcontent.md) - - [Stepper](ts-container-stepper.md) - - [StepperItem](ts-container-stepperitem.md) - - - [绘制组件](ts-drawing-components.md) - - [Circle](ts-drawing-components-circle.md) - - [Ellipse](ts-drawing-components-ellipse.md) - - [Line](ts-drawing-components-line.md) - - [Polyline](ts-drawing-components-polyline.md) - - [Polygon](ts-drawing-components-polygon.md) - - [Path](ts-drawing-components-path.md) - - [Rect](ts-drawing-components-rect.md) - - [Shape](ts-drawing-components-shape.md) - - - [画布组件](ts-components-canvas.md) - - [Canvas](ts-components-canvas-canvas.md) - - [CanvasRenderingContext2D对象](ts-canvasrenderingcontext2d.md) - - [OffscreenCanvasRenderingConxt2D对象](ts-offscreencanvasrenderingcontext2d.md) - - [Lottie](ts-components-canvas-lottie.md) - - [Path2D对象](ts-components-canvas-path2d.md) - - [CanvasGradient对象](ts-components-canvas-canvasgradient.md) - - [ImageBitmap对象](ts-components-canvas-imagebitmap.md) - - [ImageData对象](ts-components-canvas-imagedata.md) - -- [动画](ts-animation.md) - - [属性动画](ts-animatorproperty.md) - - [显式动画](ts-explicit-animation.md) - - [转场动画](ts-transition-animation.md) - - [页面间转场](ts-page-transition-animation.md) - - [组件内转场](ts-transition-animation-component.md) - - [共享元素转场](ts-transition-animation-shared-elements.md) - - - [路径动画](ts-motion-path-animation.md) - - [矩阵变换](ts-matrix-transformation.md) - - [插值计算](ts-interpolation-calculation.md) - -- [全局UI方法](ts-global-ui-methods.md) - - [警告弹窗](ts-methods-alert-dialog-box.md) - - [自定义弹窗](ts-methods-custom-dialog-box.md) - - [图片缓存](ts-methods-image-cache.md) - - [媒体查询](ts-methods-media-query.md) - - [列表选择弹窗](ts-methods-custom-actionsheet.md) - -- [附录](ts-appendix.md) - - [文档中涉及到的内置枚举值](ts-appendix-enums.md) - diff --git a/zh-cn/application-dev/reference/arkui-ts/figures/Image1.gif b/zh-cn/application-dev/reference/arkui-ts/figures/Image1.gif index 6bc2dfa331eb3b39fc32aa6c1fa131684dff3220..05ad0a8aa0ae63ae9193aa1c9b3f943f060220da 100644 Binary files a/zh-cn/application-dev/reference/arkui-ts/figures/Image1.gif and b/zh-cn/application-dev/reference/arkui-ts/figures/Image1.gif differ diff --git a/zh-cn/application-dev/reference/arkui-ts/figures/Image2.gif b/zh-cn/application-dev/reference/arkui-ts/figures/Image2.gif deleted file mode 100644 index e4ac98cf8925e5ae93206fb663bef01e4d929169..0000000000000000000000000000000000000000 Binary files a/zh-cn/application-dev/reference/arkui-ts/figures/Image2.gif and /dev/null differ diff --git a/zh-cn/application-dev/reference/arkui-ts/figures/Image2.png b/zh-cn/application-dev/reference/arkui-ts/figures/Image2.png new file mode 100644 index 0000000000000000000000000000000000000000..085d31e9bf7c5740ac3c46d04c4098e64eb3a544 Binary files /dev/null and b/zh-cn/application-dev/reference/arkui-ts/figures/Image2.png differ diff --git a/zh-cn/application-dev/reference/arkui-ts/figures/Image3.gif b/zh-cn/application-dev/reference/arkui-ts/figures/Image3.gif new file mode 100644 index 0000000000000000000000000000000000000000..ecbaeb8cc1a3ec9e1ecfd253b605be50836b1f46 Binary files /dev/null and b/zh-cn/application-dev/reference/arkui-ts/figures/Image3.gif differ diff --git a/zh-cn/application-dev/reference/arkui-ts/ts-basic-components-image.md b/zh-cn/application-dev/reference/arkui-ts/ts-basic-components-image.md index e3fc1ca1298be5f1c9cded012f685135032890c9..7df158ada40dbe6ce2229f0900ac69a7163a8b6f 100644 --- a/zh-cn/application-dev/reference/arkui-ts/ts-basic-components-image.md +++ b/zh-cn/application-dev/reference/arkui-ts/ts-basic-components-image.md @@ -388,7 +388,7 @@ struct ImageExample2 { } ``` -![](figures/Image2.gif) +![](figures/Image2.png) ``` // Image3 @@ -450,3 +450,4 @@ struct ImageExample3 { } ``` +![](figures/Image3.gif) \ No newline at end of file