修改分段按钮样式为圆角矩形

// xxx.ets 
import { 
SegmentButton, 
SegmentButtonItemTuple, 
SegmentButtonOptions, 
} from '@ohos.arkui.advanced.SegmentButton' 
​ 
@Entry 
@Component 
struct Index { 
@State iconTextCapsuleOptions: SegmentButtonOptions = SegmentButtonOptions.capsule({ 
buttons: [ 
{ text: '图标1', icon: $r('sys.media.ohos_ic_public_email'), selectedIcon: $r('sys.media.ohos_ic_public_clock') }, 
{ text: '图标2', icon: $r('sys.media.ohos_ic_public_email'), selectedIcon: $r('sys.media.ohos_ic_public_clock') }, 
{ text: '图标3', icon: $r('sys.media.ohos_ic_public_email'), selectedIcon: $r('sys.media.ohos_ic_public_clock') }, 
{ text: '图标4', icon: $r('sys.media.ohos_ic_public_email'), selectedIcon: $r('sys.media.ohos_ic_public_clock') }, 
{ text: '图标5', icon: $r('sys.media.ohos_ic_public_email'), selectedIcon: $r('sys.media.ohos_ic_public_clock') } 
] as SegmentButtonItemTuple, 
multiply: false 
}) 
@State multiplySelectIconTextCapsuleSelectedIndexes: number[] = [1] 
​ 
build() { 
Row() { 
Column() { 
Column({ space: 25 }) { 
SegmentButton({ options: this.iconTextCapsuleOptions, 
selectedIndexes: $multiplySelectIconTextCapsuleSelectedIndexes }) 
}.width('90%') 
}.width('100%') 
}.height('100%') 
} 
}
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.