Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
OpenHarmony
Docs
提交
b6fa7cc6
D
Docs
项目概览
OpenHarmony
/
Docs
1 年多 前同步成功
通知
159
Star
292
Fork
28
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
D
Docs
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
提交
Issue看板
未验证
提交
b6fa7cc6
编写于
3月 24, 2022
作者:
O
openharmony_ci
提交者:
Gitee
3月 24, 2022
浏览文件
操作
浏览文件
下载
差异文件
!2454 TS组件controller格式整改+断链修改
Merge pull request !2454 from LiAn/master
上级
a2b77c72
db5b2edc
变更
7
隐藏空白更改
内联
并排
Showing
7 changed file
with
195 addition
and
73 deletion
+195
-73
zh-cn/application-dev/reference/arkui-ts/ts-basic-components-select.md
...tion-dev/reference/arkui-ts/ts-basic-components-select.md
+10
-10
zh-cn/application-dev/reference/arkui-ts/ts-basic-components-textarea.md
...on-dev/reference/arkui-ts/ts-basic-components-textarea.md
+22
-9
zh-cn/application-dev/reference/arkui-ts/ts-basic-components-textclock.md
...n-dev/reference/arkui-ts/ts-basic-components-textclock.md
+22
-8
zh-cn/application-dev/reference/arkui-ts/ts-basic-components-texttimer.md
...n-dev/reference/arkui-ts/ts-basic-components-texttimer.md
+35
-17
zh-cn/application-dev/reference/arkui-ts/ts-basic-components-web.md
...ication-dev/reference/arkui-ts/ts-basic-components-web.md
+10
-4
zh-cn/application-dev/reference/arkui-ts/ts-container-tabs.md
...n/application-dev/reference/arkui-ts/ts-container-tabs.md
+22
-9
zh-cn/application-dev/reference/arkui-ts/ts-media-components-video.md
...ation-dev/reference/arkui-ts/ts-media-components-video.md
+74
-16
未找到文件。
zh-cn/application-dev/reference/arkui-ts/ts-basic-components-select.md
浏览文件 @
b6fa7cc6
...
...
@@ -20,8 +20,8 @@ Select(options: Array<SelectOption>)
| 参数名 | 参数类型 | 必填 | 默认值 | 参数描述 |
| ------ | ----------------------------------------------- | ---- | ------ | -------------- |
| value |
[
ResourceStr
](
../../ui/ts-types.md
#ResourceStr
)
| 是 | - | 下拉选项内容。 |
| icon |
[
ResourceStr
](
../../ui/ts-types.md
#ResourceStr
)
| 否 | - | 下拉选项图片。 |
| value |
[
ResourceStr
](
../../ui/ts-types.md
)
| 是 | - | 下拉选项内容。 |
| icon |
[
ResourceStr
](
../../ui/ts-types.md
)
| 否 | - | 下拉选项图片。 |
## 属性
...
...
@@ -29,14 +29,14 @@ Select(options: Array<SelectOption>)
| ----------------------- | --------------------------------------------------- | ------ | ----------------------------------------------- |
| selected | number | - | 设置下拉菜单初始选择项的索引,第一项的索引为0。 |
| value | string | - | 设置下拉按钮本身的文本显示。 |
| font |
[
Font
](
../../ui/ts-types.md
#Font类型
)
| - | 设置下拉按钮本身的文本样式: |
| fontColor |
[
ResourceColor
](
../../ui/ts-types.md
#ResourceColor
)
| - | 设置下拉按钮本身的文本颜色。 |
| selectedOptionBgColor |
[
ResourceColor
](
../../ui/ts-types.md
#ResourceColor
)
| - | 设置下拉菜单选中项的背景色。 |
| selectedOptionFont |
[
Font
](
../../ui/ts-types.md
#Font类型
)
| - | 设置下拉菜单选中项的文本样式: |
| selectedOptionFontColor |
[
ResourceColor
](
../../ui/ts-types.md
#ResourceColor
)
| - | 设置下拉菜单选中项的文本颜色。 |
| optionBgColor |
[
ResourceColor
](
../../ui/ts-types.md
#ResourceColor
)
| - | 设置下拉菜单项的背景色。 |
| optionFont |
[
Font
](
../../ui/ts-types.md
#Font类型
)
| - | 设置下拉菜单项的文本样式: |
| optionFontColor |
[
ResourceColor
](
../../ui/ts-types.md
#ResourceColor
)
| - | 设置下拉菜单项的文本颜色。 |
| font |
[
Font
](
../../ui/ts-types.md
)
| - | 设置下拉按钮本身的文本样式: |
| fontColor |
[
ResourceColor
](
../../ui/ts-types.md
)
| - | 设置下拉按钮本身的文本颜色。 |
| selectedOptionBgColor |
[
ResourceColor
](
../../ui/ts-types.md
)
| - | 设置下拉菜单选中项的背景色。 |
| selectedOptionFont |
[
Font
](
../../ui/ts-types.md
)
| - | 设置下拉菜单选中项的文本样式: |
| selectedOptionFontColor |
[
ResourceColor
](
../../ui/ts-types.md
)
| - | 设置下拉菜单选中项的文本颜色。 |
| optionBgColor |
[
ResourceColor
](
../../ui/ts-types.md
)
| - | 设置下拉菜单项的背景色。 |
| optionFont |
[
Font
](
../../ui/ts-types.md
)
| - | 设置下拉菜单项的文本样式: |
| optionFontColor |
[
ResourceColor
](
../../ui/ts-types.md
)
| - | 设置下拉菜单项的文本颜色。 |
## 事件
...
...
zh-cn/application-dev/reference/arkui-ts/ts-basic-components-textarea.md
浏览文件 @
b6fa7cc6
...
...
@@ -48,15 +48,6 @@ TextArea(value?:{placeholder?: string controller?: TextAreaController})
| End | 水平对齐尾部。 |
### TextAreaController<sup>8+</sup>
TextArea组件的控制器,通过它操作TextArea组件。
| 接口名称 | 功能描述 |
| -------- | -------- |
| caretPosition(value:
number):
void | 设置输入光标的位置。
<br/>
value:从字符串开始到光标所在位置的字符长度。 |
## 事件
| 名称 | 功能描述 |
...
...
@@ -66,6 +57,28 @@ TextArea组件的控制器,通过它操作TextArea组件。
| onCut
<sup>
8+
</sup>
(callback:(value:
string)
=
>
void) | 长按输入框内部区域弹出剪贴板后,点击剪切板剪切按钮,触发回调。
<br/>
value:剪切的文本内容。 |
| onPaste
<sup>
8+
</sup>
(callback:(value:
string)
=
>
void) | 长按输入框内部区域弹出剪贴板后,点击剪切板粘贴按钮,触发回调。
<br/>
value:粘贴的文本内容。 |
## TextAreaController<sup>8+</sup>
TextArea组件的控制器,通过它操作TextArea组件。
### 导入对象
```
controller: TextAreaController = new TextAreaController()
```
### caretPosition<sup>8+</sup>
caretPosition(value: number): void
设置输入光标的位置。
-
参数
| 参数名 | 参数类型 | 必填 | 默认值 | 参数描述 |
| -------- | -------- | -------- | -------- | -------- |
| value | number | 是 | - | 从字符串开始到光标所在位置的字符长度。 |
## 示例
...
...
zh-cn/application-dev/reference/arkui-ts/ts-basic-components-textclock.md
浏览文件 @
b6fa7cc6
...
...
@@ -29,21 +29,35 @@ TextClock(options?: {timeZoneOffset?: number, contorller?: TextClockController})
| ------ | -------- | -------- | ------------------------------------------------------------ |
| format | string | 'hhmmss' | 设置显示时间格式,如“yyyy/mm/dd”、“yyyy-mm-dd”等。支持的时间格式化字符串:
<ul><li>
yyyy(年份)
</li><li>
mm(英文月份简写)
</li><li>
mmm(英文月份简写)
</li><li>
mmmm(英文月份全称)
</li><li>
dd(英文星期简写)
</li><li>
ddd(英文星期简写)
</li><li>
dddd(英文星期全称)
</li><li>
HH(24小时制)
</li><li>
hh(12小时制)
</li><li>
MM/mm(分钟)
</li><li>
SS/ss(秒)
</li></ul>
|
## 事件
| 名称 | 功能描述 |
| -------------------------------------------- | ------------------------------------------------------------ |
| onDateChange(event: (value: number) => void) | 提供时间变化回调,该事件最小回调间隔为秒。
<br
/>
value: Unix Time Stamp,即自1970年1月1日(UTC)起经过的毫秒数。 |
## TextClockController
TextClock容器组件的控制器,可以将此对象绑定至TextClock组件,然后通过它控制文本时钟状态的启动与停止。
| 接口名称 | 功能描述 |
| -------------------------------------------- | ------------------------------------------------------------ |
| start() | 启动文本时钟。 |
| stop() | 停止文本时钟。 |
### 导入对象
```
controller: TextClockController = new TextClockController()
## 事件
```
### start
start()
启动文本时钟。
### stop
stop()
停止文本时钟。
| 名称 | 功能描述 |
| -------------------------------------------- | ------------------------------------------------------------ |
| onDateChange(event: (value: number) => void) | 提供时间变化回调,该事件最小回调间隔为秒。
<br
/>
value: Unix Time Stamp,即自1970年1月1日(UTC)起经过的毫秒数。 |
## 示例
...
...
zh-cn/application-dev/reference/arkui-ts/ts-basic-components-texttimer.md
浏览文件 @
b6fa7cc6
...
...
@@ -28,18 +28,6 @@ TextTimer(options: { isCountDown?: boolean, count?: number, controller?: TextTim
| count | number | 否 | 60000 | 倒计时时间(isCountDown为true时生效),单位为毫秒。
<br/>
-
count
<
=0时,使用默认值为倒计时初始值。
<br/>
-
count
>
0时,count值为倒计时初始值。 |
| controller |
[
TextTimerController
](
#texttimercontroller
)
| 否 | null | TextTimer控制器。 |
### TextTimerController
TextTimer组件的控制器,用于控制文本计时器。
| 接口名称 | 功能描述 |
| -------- | -------- |
| start() | 计时开始。 |
| pause() | 计时暂停。 |
| reset() | 重置计时器。 |
## 属性
| 名称 | 参数类型 | 默认值 | 描述 |
...
...
@@ -54,18 +42,48 @@ TextTimer组件的控制器,用于控制文本计时器。
| onTimer(callback:
(utc:
number,
elapsedTime:
number)
=
>
void) | 时间文本发生变化时触发。
<br/>
utc:当前显示的时间,单位为毫秒。
<br/>
elapsedTime:计时器经过的时间,单位为毫秒。 |
## TextTimerController
TextTimer组件的控制器,用于控制文本计时器。
### 导入对象
```
textTimerController: TextTimerController = new TextTimerController()
```
### start
start()
计时开始。
### pause
pause()
计时暂停。
### reset
reset()
重置计时器。
## 示例
```
@Entry
@Component
struct TextTimerExample {
my
TimerController: TextTimerController = new TextTimerController()
text
TimerController: TextTimerController = new TextTimerController()
@State format: string = 'hh:mm:ss.ms'
build() {
Column() {
TextTimer({controller: this.
my
TimerController})
TextTimer({controller: this.
text
TimerController})
.format(this.format)
.fontColor(Color.Black)
.fontSize(50)
...
...
@@ -74,13 +92,13 @@ struct TextTimerExample {
})
Row() {
Button("start").onClick(() => {
this.
my
TimerController.start();
this.
text
TimerController.start();
});
Button("pause").onClick(() => {
this.
my
TimerController.pause();
this.
text
TimerController.pause();
});
Button("reset").onClick(() => {
this.
my
TimerController.reset();
this.
text
TimerController.reset();
});
}
}
...
...
zh-cn/application-dev/reference/arkui-ts/ts-basic-components-web.md
浏览文件 @
b6fa7cc6
...
...
@@ -127,10 +127,10 @@ Web组件返回的请求/响应头对象。
-
参数
| 参数名称 | 参数描述 |
| ----------- | ---------------------- |
| headerKey
: string |
<p>
请求/响应头的key。
</p>
|
| headerValue
: string |
<p>
请求/响应头的value。
</p>
|
| 参数名称 | 参数
类型 |参数
描述 |
| ----------- |
----------- |
---------------------- |
| headerKey
| string |请求/响应头的key。
|
| headerValue
| string |请求/响应头的value。
|
### WebResourceResponse对象说明
...
...
@@ -180,6 +180,12 @@ accessStep(step: number): boolean
| ---- | ------ | ---- | ---- | --------------------- |
| step | number | 是 | - | 要跳转的步数,正数代表前进,负数代表后退。 |
-
返回值
| 参数类型 | 说明 |
| ---- | ------ |
| boolean | 页面是否前进或后退 |
### backward
backward(): void
...
...
zh-cn/application-dev/reference/arkui-ts/ts-container-tabs.md
浏览文件 @
b6fa7cc6
...
...
@@ -35,15 +35,6 @@ Tabs(value: {barPosition?: BarPosition, index?: number, controller?: [TabsContro
| End | vertical属性方法设置为true时,页签位于容器右侧;vertical属性方法设置为false时,页签位于容器底部。 |
### TabsController
Tabs组件的控制器,用于控制Tabs组件进行页签切换。
| 接口名称 | 功能描述 |
| -------- | -------- |
| changeIndex(value:
number):
void | 控制Tabs切换到指定页签,index:
页签在Tabs里的索引值,索引值从0开始。 |
## 属性
不支持触摸热区设置。
...
...
@@ -70,6 +61,28 @@ Tabs组件的控制器,用于控制Tabs组件进行页签切换。
| -------- | -------- |
| onChange(callback:
(index:
number)
=
>
void) | Tab页签切换后触发的事件。 |
## TabsController
Tabs组件的控制器,用于控制Tabs组件进行页签切换。
### 导入对象
```
controller: TabsController = new TabsController()
```
### changeIndex
changeIndex(value: number): void
控制Tabs切换到指定页签。
-
参数
| 参数名 | 参数类型 | 必填 | 默认值 | 参数描述 |
| -------- | -------- | -------- | -------- | -------- |
| value | number | 是 | - | 页签在Tabs里的索引值,索引值从0开始。 |
## 示例
...
...
zh-cn/application-dev/reference/arkui-ts/ts-media-components-video.md
浏览文件 @
b6fa7cc6
...
...
@@ -60,18 +60,75 @@ Video(value: VideoOptions)
| onUpdate(event?:
{
time:
number
})
=
>
void | 播放进度变化时触发该事件,单位为s,更新时间间隔为250ms。 |
##
#
VideoController
## VideoController
> ![icon-note.gif](public_sys-resources/icon-note.gif) **说明:**
> 一个VideoController对象可以控制一个或多个video。
一个VideoController对象可以控制一个或多个video。
| 接口名称 | 描述 |
| -------- | -------- |
| start()
:
void | 开始播放。 |
| pause()
:
void | 暂停播放。 |
| stop()
:
void | 停止播放。 |
| setCurrentTime(value:
number) | 指定视频播放的进度位置。 |
| setCurrentTime(value:
number,
seekMode:
SeekMode | 指定视频播放的进度位置,并指定跳转模式。 |
### 导入对象
```
controller: VideoController = new VideoController();
```
### start
start(): void
开始播放。
### pause
pause(): void
暂停播放。
### stop
stop(): void
停止播放。
### setCurrentTime
setCurrentTime(value: number)
指定视频播放的进度位置。
-
参数
| 参数名 | 参数类型 | 必填 | 默认值 | 参数描述 |
| -------- | -------- | -------- | -------- | -------- |
| value | number | 是 | - | 视频播放进度位置。 |
### requestFullscreen
requestFullscreen(value: boolean)
请求全屏播放。
-
参数
| 参数名 | 参数类型 | 必填 | 默认值 | 参数描述 |
| -------- | -------- | -------- | -------- | -------- |
| value | number | 是 | false | 是否全屏播放。 |
### exitFullscreen
exitFullscreen()
退出全屏播放。
### setCurrentTime<sup>8+</sup>
setCurrentTime(value: number, seekMode: SeekMode)
指定视频播放的进度位置,并指定跳转模式。
-
参数
| 参数名 | 参数类型 | 必填 | 默认值 | 参数描述 |
| -------- | -------- | -------- | -------- | -------- |
| value | number | 是 | - | 视频播放进度位置。 |
| seekMode | SeekMode | 是 | - | 跳转模式。 |
-
SeekMode
<sup>
8+
</sup>
类型接口说明
| 名称 | 描述 |
...
...
@@ -82,6 +139,7 @@ Video(value: VideoOptions)
| Accurate | 精准跳转,不论是否为关键帧。 |
## 示例
```
...
...
@@ -93,7 +151,7 @@ struct VideoCreateComponent {
@State currentProgressRates: number = 1;
@State autoPlays: boolean = false;
@State controlsss: boolean = true;
myVideoC
ontroller: VideoController = new VideoController();
c
ontroller: VideoController = new VideoController();
@State startStaus: boolean = true;
build() {
Column() {
...
...
@@ -101,7 +159,7 @@ struct VideoCreateComponent {
src: this.srcs,
previewUri: this.previewUris,
currentProgressRate: this.currentProgressRates,
controller: this.
myVideoC
ontroller
controller: this.
c
ontroller
}).width(700).height(500)
.autoPlay(this.autoPlays)
.controls(this.controlsss)
...
...
@@ -151,19 +209,19 @@ struct VideoCreateComponent {
Row() {
Button("start").onClick(() => {
this.
myVideoC
ontroller.start();
this.
c
ontroller.start();
});
Button("pause").onClick(() => {
this.
myVideoC
ontroller.pause();
this.
c
ontroller.pause();
});
Button("stop").onClick(() => {
this.
myVideoC
ontroller.stop();
this.
c
ontroller.stop();
});
}
Row() {
Button("setCurrentTime").onClick(() => {
this.
myVideoC
ontroller.setCurrentTime(9, SeekMode.Accurate);
this.
c
ontroller.setCurrentTime(9, SeekMode.Accurate);
});
}
}
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录