HarmonyOS stateStyles多态样式

stateStyles多态样式,请求输入框获取焦点,但是这里边框颜色没有变化,想问一些如何处理

HarmonyOS
2024-12-26 14:18:41
浏览
收藏 0
回答 1
回答 1
按赞同
/
按时间
shlp

可以通过焦点事件来实现获焦时输入框边框颜色的动态修改,示例如下:

@Entry
@Component
struct Index {

  @State borColor:Color = Color.White
  @State borColor1:Color = Color.White
  build() {
    Row() {
      Column() {
        TextInput({placeholder:'qwe'})
          .backgroundColor(Color.White)
          .enableKeyboardOnFocus(true)
          .borderStyle(BorderStyle.Solid)
          .borderWidth(3)
          .borderColor(this.borColor)
          .focusable(true)

          .onFocus(()=>{
            this.borColor = Color.Green
          })
          .onBlur(() => {
            this.borColor = Color.White
          })
        TextInput({placeholder:'qwe'})
          .backgroundColor(Color.White)
          .enableKeyboardOnFocus(true)
          .borderStyle(BorderStyle.Solid)
          .borderWidth(3)
          .borderColor(this.borColor1)
          .focusable(true)

          .onFocus(()=>{
            this.borColor1 = Color.Red
          })
          .onBlur(() => {
            this.borColor1 = Color.White
          })
      }
      .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.
  • 34.
  • 35.
  • 36.
  • 37.
  • 38.
  • 39.
  • 40.
  • 41.
  • 42.
分享
微博
QQ
微信
回复
2024-12-26 16:26:56
相关问题
多态控件」的效果样式确认
2217浏览 • 1回复 待解决
多态样式可否导出给全局使用
2452浏览 • 1回复 待解决
HarmonyOS 对于class如何实现多态
630浏览 • 1回复 待解决
HarmonyOS Text的stateStyles设置fontColor问题
1043浏览 • 1回复 待解决
stateStyles如何使用selected(选中态)
979浏览 • 1回复 待解决
HarmonyOS TextInput的stateStyles部分生效
993浏览 • 1回复 待解决
Image如何在多态下显示不同图片?
1130浏览 • 1回复 待解决
多态和多模的区别是什么?
6931浏览 • 2回复 已解决
HarmonyOS 复用样式
474浏览 • 1回复 待解决
HarmonyOS Toast设置样式
583浏览 • 1回复 待解决
HarmonyOS 全局样式替换
638浏览 • 1回复 待解决
HarmonyOS swiper组件样式
774浏览 • 1回复 待解决
HarmonyOS Span标签样式问题
934浏览 • 1回复 待解决
HarmonyOS 如何实现剪裁样式
506浏览 • 1回复 待解决
HarmonyOS 全局样式怎么创建?
1061浏览 • 1回复 待解决
HarmonyOS 进度条样式
897浏览 • 1回复 待解决
HarmonyOS 如何实现气泡样式
592浏览 • 1回复 待解决
HarmonyOS Text 组件 UI样式
725浏览 • 1回复 待解决
HarmonyOS 如何实现动态样式
524浏览 • 1回复 待解决