Skip to content

D
Docs

OpenHarmony / Docs
大约 1 年 前同步成功

通知 159
Star 292
Fork 28
D
Docs

体验新版 GitCode，发现更多精彩内容 >>

未验证 提交 c8085cd1 编写于 作者: O openharmony_ci 提交者： Gitee
浏览文件
操作

!14745 docs同步OHOS 

Merge pull request !14745 from LiAn/monthly_20221018
上级 f2129c3e ee714ea9
隐藏空白更改
内联 并排
Showing with 70 addition and 63 deletion
zh-cn/application-dev/reference/apis/js-apis-animator.md
浏览文件 @ c8085cd1
......@@ -254,7 +254,7 @@ animatorResult.onrepeat = function() {
| delay | number | 是 | 动画延时播放时长，单位毫秒，设置为0时，表示不延时。 |
| fill | "none" \| "forwards" \| "backwards" \| "both" | 是 | 动画执行后是否恢复到初始状态，动画执行后，动画结束时的状态（在最后一个关键帧中定义）将保留。<br/>"none"：在动画执行之前和之后都不会应用任何样式到目标上。<br/>"forwards"：在动画结束后，目标将保留动画结束时的状态（在最后一个关键帧中定义）。<br/>"backwards"：动画将在animation-delay期间应用第一个关键帧中定义的值。当animation-direction为"normal"或"alternate"时应用from关键帧中的值，当animation-direction为"reverse"或"alternate-reverse"时应用to关键帧中的值。<br/>"both"：动画将遵循forwards和backwards的规则，从而在两个方向上扩展动画属性。 |
| direction | "normal" \| "reverse" \| "alternate" \| "alternate-reverse" | 是 | 动画播放模式。<br/>"normal"： 动画正向循环播放。<br/>"reverse"： 动画反向循环播放。<br/>"alternate"：动画交替循环播放，奇数次正向播放，偶数次反向播放。<br/>"alternate-reverse"：动画反向交替循环播放，奇数次反向播放，偶数次正向播放。 |
| iterations | number | 是 | 动画播放次数。设置为0时不播放，设置为-1时无限次播放。<br/>**说明:**设置为除-1外其他负数视为无效取值，无效取值动画默认播放1次。 |
| iterations | number | 是 | 动画播放次数。设置为0时不播放，设置为-1时无限次播放。<br/>**说明:** 设置为除-1外其他负数视为无效取值，无效取值动画默认播放1次。 |
| begin | number | 是 | 动画插值起点。 |
| end | number | 是 | 动画插值终点。 |
......
zh-cn/application-dev/reference/arkui-js/js-components-common-events.md
浏览文件 @ c8085cd1
# 通用事件
> **说明：**
>
> 从API version 4开始支持。后续版本如有新增内容，则采用上角标单独标记该内容的起始版本。
## 事件说明
......@@ -241,32 +242,38 @@ setDragImage(pixelmap: PixelMap, offsetX: number,offsetY: number): boolean
**示例：**
```js
createPixelMap() {
let color = new ArrayBuffer(4*96*96);
var buffer = new Uint8Array(color);
for (var i = 0; i < buffer.length; i++) {
buffer[i] = (i + 1) % 255;
}
let opts = {
alphaType:0,
editable:true,
pixelFormat:4,
scaleMode:1,
size:{height:96,width:96}
}
const promise = image.createPixelMap(color,opts);
promise.then((data)=> {
console.error('-create pixmap has info message:' + JSON.stringify(data));
this.pixelMap = data;
this.pixelMapReader = data;
})
},
onInit() {
this.createPixelMap
},
import image from '@ohos.multimedia.image';
dragStart(e) {
e.dataTransfer.setDragImage(this.pixelMapReader, 50, 50);
export default {
createPixelMap() {
let color = new ArrayBuffer(4 * 96 * 96);
var buffer = new Uint8Array(color);
for (var i = 0; i < buffer.length; i++) {
buffer[i] = (i + 1) % 255;
}
let opts = {
alphaType: 0,
editable: true,
pixelFormat: 4,
scaleMode: 1,
size: {
height: 96, width: 96
}
}
const promise = image.createPixelMap(color, opts);
promise.then((data) => {
console.error('-create pixmap has info message:' + JSON.stringify(data));
this.pixelMap = data;
this.pixelMapReader = data;
})
},
onInit() {
this.createPixelMap
},
dragStart(e) {
e.dataTransfer.setDragImage(this.pixelMapReader, 50, 50);
}
}
```
\ No newline at end of file
zh-cn/application-dev/reference/arkui-ts/ts-container-column.md
浏览文件 @ c8085cd1
......@@ -29,7 +29,7 @@ Column(value?:&nbsp;{space?: string&nbsp;|&nbsp;number})
| 名称 | 参数类型 | 描述 |
| -------- | -------- | -------- |
| alignItems | [HorizontalAlign](ts-appendix-enums.md#horizontalalign) | 设置子组件在水平方向上的对齐格式。<br/>默认值：HorizontalAlign.Center |
| justifyContent<sup>8+</sup> | [FlexAlign](ts-container-flex.md) | 设置子组件在垂直方向上的对齐格式。<br/>默认值：FlexAlign.Start |
| justifyContent<sup>8+</sup> | [FlexAlign](ts-appendix-enums.md#flexalign) | 设置子组件在垂直方向上的对齐格式。<br/>默认值：FlexAlign.Start |
## 示例
......
zh-cn/application-dev/reference/arkui-ts/ts-container-scroll.md
浏览文件 @ c8085cd1
......@@ -78,7 +78,7 @@ scrollTo(value: { xOffset: number | string, yOffset: number | string, animation?
| --------- | ------------------------------------------------------------ | ---- | ------------------------------------------------------------ |
| xOffset | Length | 是 | 水平滑动偏移。 |
| yOffset | Length | 是 | 竖直滑动偏移。 |
| animation | {<br/>duration:&nbsp;number,<br/>curve:&nbsp;[Curve](ts-animatorproperty.md)<br/>} | 否 | 动画配置：<br/>-&nbsp;duration:&nbsp;滚动时长设置。<br/>-&nbsp;curve:&nbsp;滚动曲线设置。 |
| animation | {<br/>duration:&nbsp;number,<br/>curve:&nbsp;[Curve](ts-appendix-enums.md#curve)<br/>} | 否 | 动画配置：<br/>-&nbsp;duration:&nbsp;滚动时长设置。<br/>-&nbsp;curve:&nbsp;滚动曲线设置。 |
### scrollEdge
......
zh-cn/application-dev/reference/arkui-ts/ts-media-components-video.md
浏览文件 @ c8085cd1
......@@ -48,7 +48,7 @@ Video(value: {src?: string | Resource, currentProgressRate?: number | string | P
| muted | boolean | 是否静音。<br/>默认值：false |
| autoPlay | boolean | 是否自动播放。<br/>默认值：false |
| controls | boolean | 控制视频播放的控制栏是否显示。<br/>默认值：true |
| objectFit | [ImageFit](ts-basic-components-image.md) | 设置视频显示模式。<br/>默认值：Cover |
| objectFit | [ImageFit](ts-appendix-enums.md#imagefit) | 设置视频显示模式。<br/>默认值：Cover |
| loop | boolean | 是否单个视频循环播放。<br/>默认值：false |
## 事件
......
zh-cn/application-dev/reference/arkui-ts/ts-methods-action-sheet.md
浏览文件 @ c8085cd1
......@@ -22,7 +22,7 @@ show(value: {&nbsp;title: string&nbsp;|&nbsp;Resource,&nbsp;message: string&nbsp
| autoCancel | boolean | 否 | 点击遮障层时，是否关闭弹窗。<br>默认值：true |
| confirm | {<br/>value:&nbsp;[ResourceStr](ts-types.md#resourcestr),<br/>action:&nbsp;()&nbsp;=&gt;&nbsp;void<br/>} | 否 | 确认按钮的文本内容和点击回调。<br>默认值：<br/>value：按钮文本内容。<br/>action:&nbsp;按钮选中时的回调。 |
| cancel | ()&nbsp;=&gt;&nbsp;void | 否 | 点击遮障层关闭dialog时的回调。 |
| alignment | [DialogAlignment](ts-methods-custom-dialog-box.md#dialogalignment枚举说明) | 否 | 弹窗在竖直方向上的对齐方式。<br>默认值：DialogAlignment.Bottom |
| alignment | [DialogAlignment](ts-methods-alert-dialog-box.md#dialogalignment枚举说明) | 否 | 弹窗在竖直方向上的对齐方式。<br>默认值：DialogAlignment.Bottom |
| offset | {<br/>dx:&nbsp;Length,<br/>dy:&nbsp;Length<br/>} | 否 | 弹窗相对alignment所在位置的偏移量。{<br/>dx:&nbsp;0,<br/>dy:&nbsp;0<br/>} |
| sheets | Array&lt;SheetInfo&gt; | 是 | 设置选项内容，每个选择项支持设置图片、文本和选中的回调。 |
......
zh-cn/application-dev/reference/arkui-ts/ts-state-management.md
浏览文件 @ c8085cd1
......@@ -77,7 +77,7 @@ let simple = AppStorage.Prop('simpleProp')
### SetAndProp
SetAndProp\<S>(propName: string, defaultValue: S): SubscribedAbstractProperty\<S>;
SetAndProp\<S>(propName: string, defaultValue: S): SubscribedAbstractProperty\<S>
与Prop接口类似，如果当前的key保存于AppStorage，则返回该key对应的value。如果该key未被创建，则创建一个对应default值的Prop返回。
......@@ -162,7 +162,7 @@ Set\<T>(propName: string, newValue: T): boolean
| boolean | 如果存在key值，设置value值并返回true，否则返回false。 |
```ts
let simple = AppStorage.Set('simpleProp', 121);
let simple = AppStorage.Set('simpleProp', 121)
```
### SetOrCreate
......@@ -313,7 +313,7 @@ constructor(initializingProperties?: Object)
| initializingProperties | Object | 否 | object.keys(obj)返回的所有对象属性及其值都将添加到LocalStorage。 |
```ts
this.storage = new LocalStorage()
let storage = new LocalStorage()
```
### GetShared<sup>9+</sup>
......@@ -353,8 +353,8 @@ has(propName: string): boolean
| boolean | 返回属性的属性值是否存在。 |
```ts
this.storage = new LocalStorage()
this.storage.has('storageSimpleProp')
let storage = new LocalStorage()
storage.has('storageSimpleProp')
```
### get<sup>9+</sup>
......@@ -376,8 +376,8 @@ get\<T>(propName: string): T
| T \| undefined | 当keyvalue存在时，返回keyvalue值。不存在返回undefined。 |
```ts
this.storage = new LocalStorage()
let simpleValue = this.storage.get('storageSimpleProp')
let storage = new LocalStorage()
let simpleValue = storage.get('storageSimpleProp')
```
### set<sup>9+</sup>
......@@ -400,8 +400,8 @@ set\<T>(propName: string, newValue: T): boolean
| boolean | 如果存在key值，设置value值并返回true，否则返回false。 |
```ts
this.storage = new LocalStorage()
this.storage.set('storageSimpleProp', 121)
let storage = new LocalStorage()
storage.set('storageSimpleProp', 121)
```
### setOrCreate<sup>9+</sup>
......@@ -424,8 +424,8 @@ setOrCreate\<T>(propName: string, newValue: T): boolean
| boolean | 如果已存在与给定键名字相同的属性，更新其值且返回true。如果不存在具有给定名称的属性，在LocalStorage中创建具有给定默认值的新属性，默认值必须是T类型，不允许undefined 或 null 。 |
```ts
this.storage = new LocalStorage()
this.storage.setOrCreate('storageSimpleProp', 121)
let storage = new LocalStorage()
storage.setOrCreate('storageSimpleProp', 121)
```
### link<sup>9+</sup>
......@@ -447,8 +447,8 @@ link\<T>(propName: string): T
| T | 如果存在具有给定键的属性，返回到此属性的双向绑定，该双向绑定意味着变量或者组件对数据的更改将同步到LocalStorage，然后通过LocalStorage实例同步到任何变量或组件。如果不存在给定键的属性，返回undefined。 |
```ts
this.storage = new LocalStorage()
let localStorage = this.storage.link('storageSimpleProp')
let storage = new LocalStorage()
let localStorage = storage.link('storageSimpleProp')
```
### setAndLink<sup>9+</sup>
......@@ -471,8 +471,8 @@ setAndLink\<T>(propName: string, defaultValue: T): T
| @Link | 与Link接口类似，如果当前的key保存于LocalStorage，返回该key值对应的value值。如果该key值未被创建，则创建一个对应的defaultValue的Link返回。 |
```ts
this.storage = new LocalStorage()
let localStorage = this.storage.setAndLink('storageSimpleProp', 121)
let storage = new LocalStorage()
let localStorage = storage.setAndLink('storageSimpleProp', 121)
```
### prop<sup>9+</sup>
......@@ -494,8 +494,8 @@ prop\<T>(propName: string): T
| @Prop | 如果存在具有给定键的属性，返回此属性的单向数据绑定。该单向绑定意味着只能通过LocalStorage将属性的更改同步到变量或组件。该方法返回的变量为不可变变量，适用于可变和不可变的状态变量。如果此键的属性不存在则返回undefined。 |
```ts
this.storage = new LocalStorage()
let localStorage = this.storage.prop('storageSimpleProp')
let storage = new LocalStorage()
let localStorage = storage.prop('storageSimpleProp')
```
### setAndProp<sup>9+</sup>
......@@ -518,8 +518,8 @@ setAndProp\<T>(propName: string, defaultValue: T): T
| @Prop | 如果当前的key保存与LocalStorage，返回该key值对应的value值。如果该key值未被创建，则创建一个对应的defaultValue的Prop返回。 |
```ts
this.storage = new LocalStorage()
let localStorage = this.storage.setAndProp('storageSimpleProp', 121)
let storage = new LocalStorage()
let localStorage = storage.setAndProp('storageSimpleProp', 121)
```
### delete<sup>9+</sup>
......@@ -541,8 +541,8 @@ delete(propName: string): boolean
| boolean | 删除key指定的键值对。存在且删除成功，返回true。不存在、删除失败或有状态变量依旧引用propName，返回false。 |
```ts
this.storage = new LocalStorage()
this.storage.delete('storageSimpleProp')
let storage = new LocalStorage()
storage.delete('storageSimpleProp')
```
### keys<sup>9+</sup>
......@@ -558,8 +558,8 @@ keys(): IterableIterator\<string>
| array\<string> | 返回包含所有键不可序列化的字符串数组。 |
```ts
this.storage = new LocalStorage()
let simple = this.storage.keys()
let storage = new LocalStorage()
let simple = storage.keys()
```
### size<sup>9+</sup>
......@@ -575,8 +575,8 @@ size(): number
| number | 返回键值对的数量。 |
```ts
this.storage = new LocalStorage()
let simple = this.storage.size()
let storage = new LocalStorage()
let simple = storage.size()
```
### Clear<sup>9+</sup>
......@@ -592,8 +592,8 @@ clear(): boolean
| boolean | 删除所有的属性，如果当前有状态变量依旧引用此属性，返回false。 |
```ts
this.storage = new LocalStorage()
let simple = this.storage.clear()
let storage = new LocalStorage()
let simple = storage.clear()
```
## PersistentStorage
......@@ -612,7 +612,7 @@ constructor(appStorage: AppStorage, storage: Storage)
| storage | Storage | 是 | Storage实例对象。 |
```ts
this.persistentstorage = new PersistentStorage(AppStorage,Storage)
let persistentstorage = new PersistentStorage(AppStorage,Storage)
```
### PersistProp
......@@ -650,7 +650,7 @@ PersistentStorage.DeleteProp('highScore')
### PersistProps
PersistProps(properties: {key: string, defaultValue: any}[]): void;
PersistProps(properties: {key: string, defaultValue: any}[]): void
关联多个命名的属性绑定。
......
zh-cn/application-dev/ui/ui-js-animate-background-position-style.md
浏览文件 @ c8085cd1
......@@ -28,6 +28,7 @@
.content{
width: 400px;
height: 400px;
/* 不建议图片长宽比为1:1 */
background-image: url('common/images/bg-tv.jpg');
background-size: 100%;
background-repeat: no-repeat;
......
zh-cn/application-dev/ui/ui-js-components-canvasrenderingcontext2d.md
浏览文件 @ c8085cd1
......@@ -596,7 +596,6 @@ export default {
/* xxx.css */
.container{
width: 100%;
height: 100%;
flex-direction: column;
background-color: #F1F3F5;
align-items: center;
......
zh-cn/application-dev/ui/ui-ts-layout-flex.md
浏览文件 @ c8085cd1
......@@ -452,7 +452,7 @@ Flex({ direction: FlexDirection.Row, alignItems: ItemAlign.Center }) { //容器
- FlexAlign.SpaceEvenly: 子组件各行间距，子组件首尾行与交叉轴两端距离都相等。
```ts
Flex({ justifyContent: FlexAlign.SpaceBetween, wrap: FlexWrap.Wrap, alignContent: FlexAlign.SpaceAround }) {
Flex({ justifyContent: FlexAlign.SpaceBetween, wrap: FlexWrap.Wrap, alignContent: FlexAlign.SpaceEvenly }) {
Text('1').width('30%').height(20).backgroundColor(0xF5DEB3)
Text('2').width('60%').height(20).backgroundColor(0xD2B48C)
Text('3').width('40%').height(20).backgroundColor(0xD2B48C)
......
zh-cn/application-dev/ui/ui-ts-layout-mediaquery.md
浏览文件 @ c8085cd1
......@@ -108,7 +108,7 @@ listener.on('change', onPortrait)
| device-width | 设备的宽度。 |
| min-device-width | 设备的最小宽度。 |
| max-device-width | 设备的最大宽度。 |
| device-type | 设备的类型。<br/>可选值：<br/>-&nbsp;default |
| device-type | 设备的类型。<br/>可选值：default |
| round-screen | 屏幕类型，圆形屏幕为true，&nbsp; 非圆形屏幕为&nbsp; false。 |
| dark-mode | 系统为深色模式时为true，否则为false。 |
......
Markdown is supported
0% 或 .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑！
想要评论请 注册 或