实现频道选择UI鸿蒙示例代码

Button() {
  Text(this.isEdit ? "完成" : "编辑")
    .fontColor(this.isEdit ? Color.Black : 0xF9CF93)
}.width(80)
.height(30)
.backgroundColor(Color.White)
.onClick(() => {
  this.isEdit = !this.isEdit
  this.jumpWithSpeed(5)
})
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.

changeIndex(index1: number, index2: number) {
  this.numbers.splice(index2, 0, this.numbers.splice(index1, 1)[0])
}
1.
2.
3.

if (this.isEdit) {
  Image($r('app.media.close'))
    .width(20)
    .height(20)
    .onClick(() => {
      animateTo({ duration: 300 }, () => {
        this.numbers.splice(index, 1)
      })
      this.stopJump()
      this.jumpWithSpeed(5)
    })
}
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.