#鸿蒙通关秘籍#如何在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%')
  }
}
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.