哪个网站做视频赚钱,为什么建设网站要年年交钱,长春关键词排名推广,网站二级域名解析1、 HarmoryOS Ability页面的生命周期 2、 Component自定义组件 3、HarmonyOS 应用开发学习笔记 ets组件生命周期 4、HarmonyOS 应用开发学习笔记 ets组件样式定义 Styles装饰器#xff1a;定义组件重用样式 Extend装饰器#xff1a;定义扩展组件样式 前面记录了ets组件样式…1、 HarmoryOS Ability页面的生命周期 2、 Component自定义组件 3、HarmonyOS 应用开发学习笔记 ets组件生命周期 4、HarmonyOS 应用开发学习笔记 ets组件样式定义 Styles装饰器定义组件重用样式 Extend装饰器定义扩展组件样式 前面记录了ets组件样式定义的定义本文记录ets样式的多态定义 重点内容 语法构造 .stateStyles({focused: { //获得活动焦点时},pressed: { //点击按下时},normal: { //正常状态下}, disabled: { //不可用不可点击的状态下}})一、stateStyles 描述 Styles和Extend仅仅应用于静态页面的样式复用stateStyles可以依据组件的内部状态的不同快速设置不同样式。这就是我们本章要介绍的内容stateStyles又称为多态样式。 stateStyles是属性方法可以根据UI内部状态来设置样式类似于css伪类但语法不同。ArkUI提供以下四种状态 项目描述focused组件获焦态。normal组件正常态。pressed组件按压态。disabled组件不可用态。 简单点理解就是组件在不同状态下的属性变化灵活配合更能醒目当前组件的状态丰富页面与用户的交互提高用户体验 二、和Android中的对比 在android中也是一般drawable的方式设置view不同状态的属性 项目描述android:state_focused“true”true 获得焦点false失去焦点android:state_selected“true”true 选中状态false非选中状态android:state_pressed“true”true 按下状态false非按下状态 备部分使用时R.drawable.xxx 引用 三、ets中 stateStyles多态样式的使用 语法构造 .stateStyles({focused: { //获得活动焦点时},pressed: { //点击按下时},normal: { //正常状态下}, disabled: { //不可用不可点击的状态下}})Button处于第一个组件默认获焦生效focused指定的粉色样式。按压时显示为pressed态指定的黑色 示例 Button(测试按钮).stateStyles({focused: { //获得活动焦点时.backgroundColor($r(app.color.start_window_background))},pressed: { //点击按下时.backgroundColor($r(app.color.table_green))},normal: { //正常状态下.backgroundColor($r(app.color.green))}, disabled: { //不可用不可点击的状态下.backgroundColor($r(app.color.purple_200))}})四、Styles和stateStyles联合使用 Entry Component struct MyComponent {Styles normalStyle() {.backgroundColor(Color.Gray)}Styles pressedStyle() {.backgroundColor(Color.Red)}build() {Column() {Text(Text1).fontSize(50).fontColor(Color.White).stateStyles({normal: this.normalStyle,pressed: this.pressedStyle,})}} }