codecamp

计数器组件

计数器组件,提供相应的增加或者减少的计数操作。

说明

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

子组件

可以包含子组件。

接口

Counter()

从API version 9开始,该接口支持在ArkTS卡片中使用。

属性

支持通用属性

事件

不支持通用事件和手势, 仅支持如下事件:

名称

功能描述

onInc(event: () => void)

监听数值增加事件。

从API version 9开始,该接口支持在ArkTS卡片中使用。

onDec(event: () => void)

监听数值减少事件。

从API version 9开始,该接口支持在ArkTS卡片中使用。

示例

  1. // xxx.ets
  2. @Entry
  3. @Component
  4. struct CounterExample {
  5. @State value: number = 0
  6. build() {
  7. Column() {
  8. Counter() {
  9. Text(this.value.toString())
  10. }.margin(100)
  11. .onInc(() => {
  12. this.value++
  13. })
  14. .onDec(() => {
  15. this.value--
  16. })
  17. }.width("100%")
  18. }
  19. }

将子组件纵向布局
弹性方式布局子组件的容器组件
温馨提示
下载编程狮App,免费阅读超1000+编程语言教程
取消
确定
目录

媒体组件

像素

枚举

类型

接口

关闭

MIP.setData({ 'pageTheme' : getCookie('pageTheme') || {'day':true, 'night':false}, 'pageFontSize' : getCookie('pageFontSize') || 20 }); MIP.watch('pageTheme', function(newValue){ setCookie('pageTheme', JSON.stringify(newValue)) }); MIP.watch('pageFontSize', function(newValue){ setCookie('pageFontSize', newValue) }); function setCookie(name, value){ var days = 1; var exp = new Date(); exp.setTime(exp.getTime() + days*24*60*60*1000); document.cookie = name + '=' + value + ';expires=' + exp.toUTCString(); } function getCookie(name){ var reg = new RegExp('(^| )' + name + '=([^;]*)(;|$)'); return document.cookie.match(reg) ? JSON.parse(document.cookie.match(reg)[2]) : null; }