用arkTS写一份开关灯的代码
时间: 2024-09-14 17:02:48 浏览: 53
arkTS(ArkUI TypeScript)是基于HarmonyOS开发的一种声明式编程框架,用于构建HarmonyOS应用的用户界面。以下是一个使用arkTS实现开关灯功能的简单示例代码:
```typescript
import { Text, Switch } from '@ohos.arkui.arkui';
@Entry
@Component
struct LightComponent {
@State lightOn: boolean = false;
build() {
Column() {
Text('灯的开关状态')
.fontSize(16)
.fontWeight('bold')
Switch(this.lightOn)
.onChange((value: boolean) => {
this.lightOn = value;
// 这里可以添加控制灯状态的代码逻辑
console.log('灯的状态已改变,当前状态:' + value);
})
.width(100)
.height(50)
.margin({ top: 10 })
}
}
}
```
在这段代码中,我们定义了一个名为`LightComponent`的组件,其中包含一个状态变量`lightOn`用于跟踪灯的开关状态。组件通过`@State`装饰器声明状态变量,这允许界面根据状态的变化进行更新。组件中还包含一个`Switch`组件,表示一个滑动开关,用户可以通过它来改变灯的状态。当开关的值发生变化时,`onChange`事件处理器会被触发,并更新`lightOn`状态变量的值。
阅读全文