ArkTs+UI摇杆控制

ArkTs+UI摇杆控制

比较丑，但是，没有但是
效果

代码
下面展示一些 内联代码片。

import curves from '@ohos.curves'

@Entry
@Component
struct RockerPage {
   
  @State fishX: number = 200
  @State fishY: number = 100
  @State angle: number = 0
  @State src: Resource = $r('app.media.fish')
  @State isBegin: boolean = false
  private centerX: number = 120
  private centerY: number = 120
  private maxRadius: number = 100
  private radius: number = 20
  @State circleFill: string = '#403A3A3A'
  @State positionX: number = this.centerX
  @State positionY: number = this.centerY
  sin: number = 0
  cos: number = 0
  speed: number = 0
  taskId: number = -1

  build() {
   
    Row() {
   
      Stack() {
   
        Button('返回')
          .position({
    x: 0, y: 0 })
          .backgroundColor('#20101010')
          .onClick(() => {
   
            this.isBegin = false
          })

        if (!this.isBegin) {
   
          Button('开始游戏')<