#鸿蒙通关秘籍#如何在HarmonyOS中自定义焦点框样式？

利用组件的focusBox属性，可以在HarmonyOS中自定义焦点框的颜色、边距和宽度等视觉外观。以下代码示例展示了如何更改焦点框的颜色和边距：

import { ColorMetrics, LengthMetrics } from '@kit.ArkUI'
@Entry
@Component
struct CustomFocusBoxExample {
  build() {
    Column({ space: 30 }) {
      Button("Black Focus Box")
        .focusBox({
          margin: new LengthMetrics(0),
          strokeColor: ColorMetrics.rgba(0, 0, 0)
        })
      Button("Red Focus Box")
        .focusBox({
          margin: LengthMetrics.px(20),
          strokeColor: ColorMetrics.rgba(255, 0, 0),
          strokeWidth: LengthMetrics.px(10)
        })
    }
    .alignItems(HorizontalAlign.Center)
    .width('100%')
  }
}