ArkUI子系统Changelog

cl.arkui.1 ChipGroup选项后缀图标属性变更

访问级别

公开接口

变更原因

ChipGroup 选项后缀图标需要支持配置无障碍信息以实现屏幕朗读功能，而前缀图标不需要实现屏幕朗读功能，同时后缀图标配置参数（suffixIcon）与前缀图标配置参数（prefixIcon）共用了同一个数据类型（IconOptions），不可以直接扩展IconOptions参数。因此决定废弃suffixIcon配置参数，并提供suffixImageIcon替代。

变更影响

该变更为不兼容性变更。

变更前：使用suffixIcon配置ChipGroup选项的后缀图标信息；

变更后：使用suffixImageIcon配置ChipGroup选项的后缀图标信息。

起始API Level

12

变更发生版本

从OpenHarmony SDK 5.0.0.51开始

变更的接口/组件

废弃suffixIcon配置参数，并新增suffixImageIcon替代。

适配指导

使用suffixImageIcon配置ChipGroup选项的后缀图标信息。示例如下:

import { ChipGroup, IconGroupSuffix, SymbolGlyphModifier } from '@kit.ArkUI';

@Builder function DefaultFunction(): void {}

@Component
struct SectionGroup {
  @Prop
  @Require
  title: ResourceStr;
  @BuilderParam
  @Require
  content: () => void = DefaultFunction;

  build() {
    Column({ space: 4 }) {
      Text(this.title)
        .fontColor('#FF666666')
        .fontSize(12)
      Column({ space: 8 }) {
        this.content()
      }
    }
    .alignItems(HorizontalAlign.Start)
    .width('100%')
  }
}
@Component
struct SectionItem {
  @Prop
  @Require
  title: ResourceStr;
  @BuilderParam
  @Require
  content: () => void = DefaultFunction;

  build() {
    Column({ space: 12 }) {
      Text(this.title)
      this.content()
    }
    .backgroundColor('#FFFFFFFF')
    .borderRadius(12)
    .padding(12)
    .width('100%')
  }
}

@Entry
@Component
export struct ChipGroupExample2 {
  @LocalBuilder
  Suffix() {
    IconGroupSuffix({
      items: [
        {
          icon: { src: $r('sys.media.ohos_ic_public_more'), },
          accessibilityText: '更多',
          accessibilityDescription: '新手提醒',
          action: () => {
            this.getUIContext().getPromptAction().showToast({
              message: '更多按钮被点击！'
            });
          }
        },
        {
          symbol: new SymbolGlyphModifier($r('sys.symbol.more'))
            .accessibilityText('更多')
            .accessibilityDescription('新手提醒'),
          action: () => {
            this.getUIContext().getPromptAction().showToast({
              message: '更多按钮被点击！'
            });
          }
        },
        {
          icon: { src: $r('sys.media.ohos_ic_public_more'), },
          accessibilityText: '更多',
          accessibilityDescription: '新手提醒',
          accessibilityLevel: 'no',
          action: () => {
            this.getUIContext().getPromptAction().showToast({
              message: '更多按钮被点击！'
            });
          }
        }
      ]
    })
  }

  build() {
    NavDestination() {
      Scroll() {
        Column({ space: 12 }) {
          SectionGroup({ title: '可用的' }) {
            SectionItem({ title: '单选 无后缀区域' }) {
              ChipGroup({
                items: [
                  {
                    prefixIcon: {
                      src: $r('app.media.startIcon')
                    },
                    label: { text: "选项1" },
                    suffixImageIcon: {
                      src: $r('sys.media.save_button_picture'),
                      accessibilityText: '保存',
                      action: () => {
                        this.getUIContext().getPromptAction().showToast({
                          message: '后缀图标被点击！'
                        });
                      },
                    }
                  },
                  {
                    label: { text: "选项2" },
                    suffixSymbol: {
                      normal: new SymbolGlyphModifier($r('sys.symbol.save')),
                      activated: new SymbolGlyphModifier($r('sys.symbol.save'))
                    },
                    suffixSymbolOptions: {
                      normalAccessibility: {
                        accessibilityText: '保存'
                      },
                      action: () => {
                        this.getUIContext().getPromptAction().showToast({
                          message: '后缀图标被点击！'
                        });
                      }
                    }
                  },
                  {
                    label: { text: "选项3" },
                    suffixIcon: { src: $r('sys.media.save_button_picture'), }
                  },
                  { label: { text: "选项4" } },
                  { label: { text: "选项5" } },
                  { label: { text: "选项6" } },
                  { label: { text: "选项7" } },
                  { label: { text: "选项8" } },
                  { label: { text: "选项9" } },
                ]
              })
            }
          }
        }
      }
    }
    .title('基础用法')
    .backgroundColor('#F1F3F5')
  }
}

cl.arkui.2 ImageAttributeModifier支持new方式创建ColorFilter对象传入colorFilter接口变更

访问级别

公开接口

变更原因

ImageAttributeModifier不支持new方式创建ColorFilter对象传入colorFilter接口，修复后即可增加colorFilter接口的支持范围，并且ColorFilter在业务代码中传递更加便捷。

变更影响

该变更为不兼容变更。

变更前：ImageAttributeModifier不支持new方式创建ColorFilter对象传入colorFilter接口。

变更后：ImageAttributeModifier支持new方式创建ColorFilter对象传入colorFilter接口。

起始API Level

API 9

变更发生版本

从OpenHarmony SDK 5.0.0.51开始。

变更的接口/组件

ImageAttributeModifier的colorFilter接口。

适配指导

已知bug修复，无需适配。使用ImageAttributeModifier的colorFilter接口时，已经支持new方式创建ColorFilter对象传入接口中。示例如下:

class ColorFilterModifier implements AttributeModifier<ImageAttribute> {
  private colorFilter: ColorFilter|undefined = undefined

  constructor(colorFilter: ColorFilter) {
    this.colorFilter = colorFilter
  }

  applyNormalAttribute(instance: ImageAttribute): void {
    instance.colorFilter(this.colorFilter)
  }
}


@Entry
@Component
struct ColorFilters {
  @State modifier: ColorFilterModifier = new ColorFilterModifier(new ColorFilter([0.1, 0.1, 0.1, 0.1, 0.1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0.8, 0,]))

  build() {
    Column() {
      Image($r('app.media.startIcon'))
        .width(100)
        .height(100)
        .attributeModifier(this.modifier)
    }
    .height('100%')
    .width('100%')
  }
}

cl.arkui.3 空格/回车响应按键事件行为变更

访问级别

公开接口

变更原因

空格键和回车键能够默认触发获焦组件的点击事件。即便当前界面未进入焦点激活状态（即未显示焦点框），这些按键依然会触发相应的事件。

变更影响

影响范围：依赖空格键/回车键响应点击事件的应用；

• 变更前：组件获焦，无需进入焦点激活态，空格/回车可以触发点击事件。
• 变更后：组件获焦且界面进入焦点激活态，空格/回车才可以触发点击事件。

起始API Level

7

变更发生版本

从OpenHarmony SDK 5.0.0.51 版本开始。

变更的接口/组件

不涉及

适配指导

系统行为变更，应用无需进行适配。如果应用需要在非聚焦状态下使组件响应点击事件，适配方案是在原绑定点击事件的组件上新增按键事件绑定，因为按键事件的触发不依赖于聚焦状态。示例如下：

示例

import { KeyCode } from '@kit.InputKit';

@Entry
@Component
struct KeyEventExample {
  @State text1: string = "can not respond event"
  @State text2: string = "can not respond event"

  build() {
    Column() {
      Text(this.text1)
      // Button中仅包含onClick事件，在非走焦态的时，即使Button获焦，空格键和回车键依然不响应onClick事件。
      Button('KeyEvent')
        .onClick(() => {
          this.text1 = 'respond click event'
        })
      Text(this.text2)
      // 若需要在非走焦态下，Button获焦且空格键或回车键能够响应，需要通过增加onKeyEvent事件来触发。
      Button('KeyEvent')
        .onClick(() => {
          this.text2 = 'respond click event'
        })
        .onKeyEvent((event?: KeyEvent) => {
          if (event && event.type == KeyType.Down &&
            (event.keyCode == KeyCode.KEYCODE_ENTER||event.keyCode == KeyCode.KEYCODE_NUMPAD_ENTER||
              event.keyCode == KeyCode.KEYCODE_SPACE)) {
            this.text2 = 'respond onKeyEvent event'
            return true
          }
          return false
        })
    }
  }
}

你可能感兴趣的鸿蒙文章

harmony 鸿蒙全球化子系统Changelog