#星计划#梅科尔工作室HOS-断指康复评估应用 原创

// 设置文本 '更换昵称' 的字体大小为 20，上下边距分别为 10
Text('更换昵称').fontSize(20).margin({ top: 10, bottom: 10 })
// 创建一个文本输入框，设置占位符为空，文本为 this.textValue，高度为 60，宽度为 '90%'
TextInput({ placeholder: '', text: this.textValue }).height(60).width('90%')
// 当文本输入框的值发生变化时，触发 onChange 事件，将新值赋给 this.textValue
.onChange((value: string) => {
  this.textValue = value
})
// 设置文本 '是否更换?' 的字体大小为 16，上下边距分别为 10
Text('是否更换?').fontSize(16).margin({ top:10, bottom: 10 })
// 创建一个 Flex 容器，设置主轴对齐方式为 SpaceAround
Flex({ justifyContent: FlexAlign.SpaceAround }) {
  // 创建一个按钮 '更换'，点击按钮时执行以下操作：
  Button('更换')
    .onClick(() => {
      // 将文本输入框的值赋给 this.inputValue
      this.inputValue = this.textValue
      // 关闭控制器
      this.controller.close()
      // 执行确认操作
      this.confirm()
    })
    // 设置按钮背景颜色为白色，字体颜色为红色
    .backgroundColor(0xffffff).fontColor(Color.Red)
}

// 声明状态变量 textValue，初始化为空字符串
@State textValue: string = ''
// 声明状态变量 inputValue，初始化为 '昵称'
@State inputValue: string = '昵称'
// 创建一个自定义对话框控制器，使用 CustomDialogController 类，传入配置参数
dialogController: CustomDialogController = new CustomDialogController({
  // 使用 CustomDialogExample 作为对话框的构建器，配置取消和确认的回调函数，以及关联状态变量
  builder: CustomDialogExample({
    cancel: this.onCancel,
    confirm: this.onAccept,
    textValue: $textValue,
    inputValue: $inputValue
  }),
  // 配置取消对话框时的回调函数
  cancel: this.existApp,
  // 设置自动取消为 true
  autoCancel: true,
  // 配置对话框的对齐方式为默认
  alignment: DialogAlignment.Default,
  // 设置偏移量为 { dx: 0, dy: -20 }
  offset: { dx: 0, dy: -20 },
  // 配置网格数量为 4
  gridCount: 4,
  // 禁用自定义样式
  customStyle: false
})
// 定义 aboutToDisappear 方法
aboutToDisappear() {
  // 删除当前对话框控制器
  delete this.dialogController,
  // 将对话框控制器设置为 undefined
  this.dialogController = undefined
}

// 创建一个按钮 "伤残类型"，设置外边距为 20，点击按钮时执行以下操作
Button("伤残类型")
  .margin(20)
  .onClick(() => {
    // 显示文本选择对话框，配置范围为 this.shangcanage
   TextPickerDialog.show({
      range: this.shangcanage,
      // 确认选择时执行的回调函数，将选择的索引赋给 this.select1
      onAccept: (value: TextPickerResult) => {
        this.select1 = value.index
        console.info("TextPickerDialog:onAccept()" + JSON.stringify(value))
      },
      // 取消选择时执行的回调函数
      onCancel: () => {
        console.info("TextPickerDialog:onCancel()")
      },
 
      // 选择变化时执行的回调函数
      onChange: (value: TextPickerResult) => {
        console.info("TextPickerDialog:onChange()" + JSON.stringify(value))
      }
      })
  })

// 定义 S_login 方法
S_login() {
  // 创建一个 HTTP 请求对象
  let httpRequest = http.createHttp();
  // 设置请求的 URL
  let url = "https://aip.baidubce.com/rpc/2.0/ai_custom_bml/v1/table_infer/emg_finger?access_token=24.a96f9a18bc0298ca1f07dbd8b5b63945.2592000.1694417034.282335-37576462"
  // 发起 HTTP 请求，这里使用云端训练好的模型进行识别
  httpRequest.request(
    url,
    {
      method: http.RequestMethod.POST,
      // 设置请求头信息，指定 Content-Type 为 application/json
      header: {
        'Content-Type': 'application/json'
      },
      // 设置请求的额外数据，包括 include_req 和 data 字段
      extraData: {
        "include_req": false,
        "data": [{
          // 数据的具体字段，这里只展示了一个示例字段，实际数据可能包含更多字段
          "col0": 0.046904,
          "col1": 0.03827,
          "col2": 0.027714,
          // ... 其他字段
          "col79": 1
        }]
      },
      // 设置连接超时时间为 6000 毫秒
      connectTimeout: 6000,
      // 设置读取超时时间为 6000 毫秒
      readTimeout: 6000,
    }
  );
}

// 显示文本 "手势识别"
Text("手势识别")
// 显示文本 "请根据下面顺序依次做动作"
Text("请根据下面顺序依次做动作")
// 创建一个垂直列，设置子元素间的垂直间隔为 20
Column({ space: 20 }) {
  // 显示一个图像动画，设置动画帧的图片来源
  ImageAnimator()
    .images([
      {
        src: $r('app.media.shoushi7')
      },
      {
        src: $r('app.media.shoushi6')
      }
    ])

  // 创建一个水平行

  Row() {
    // 创建一个按钮 '开始'，设置宽度为 100，内边距为 5，点击按钮时执行状态切换为 Running
    Button('开始').width(100).padding(5).onClick(() => {
      this.state = AnimationStatus.Running
    }).margin(5)
    // 创建一个按钮 '暂停'，设置宽度为 100，内边距为 5，点击按钮时执行状态切换为 Paused
    Button('暂停').width(100).padding(5).onClick(() => {
      this.state = AnimationStatus.Paused 
    }).margin(5)
    // 创建一个按钮 '结束'，设置宽度为 100，内边距为 5，点击按钮时执行状态切换为 Stopped
    Button('结束').width(100).padding(5).onClick(() => {
      this.state = AnimationStatus.Stopped 
    }).margin(5)
  }
  // 创建一个按钮 '开始测试'，点击按钮时执行 S_login 方法

  Button('开始测试')
    .onClick(() => {
      this.S_login();
    })
}