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%')
  }}
分享
微博
QQ
微信
回复
2024-12-26 16:26:56
相关问题
多态控件」的效果样式确认
2492浏览 • 1回复 待解决
多态样式可否导出给全局使用
2670浏览 • 1回复 待解决
HarmonyOS 对于class如何实现多态
868浏览 • 1回复 待解决
HarmonyOS Text的stateStyles设置fontColor问题
1227浏览 • 1回复 待解决
stateStyles如何使用selected(选中态)
1194浏览 • 1回复 待解决
HarmonyOS TextInput的stateStyles部分生效
1179浏览 • 1回复 待解决
Image如何在多态下显示不同图片?
1364浏览 • 1回复 待解决
多态和多模的区别是什么?
7170浏览 • 2回复 已解决
HarmonyOS 复用样式
664浏览 • 1回复 待解决
HarmonyOS swiper组件样式
955浏览 • 1回复 待解决
HarmonyOS Toast设置样式
737浏览 • 1回复 待解决
HarmonyOS 全局样式替换
862浏览 • 1回复 待解决
HarmonyOS 如何实现动态样式
767浏览 • 1回复 待解决
HarmonyOS 如何实现通用样式
956浏览 • 1回复 待解决
HarmonyOS 跨文件复用样式
846浏览 • 1回复 待解决
HarmonyOS 跨文件样式复用
980浏览 • 1回复 待解决
HarmonyOS 如何全局复用样式
1539浏览 • 1回复 待解决
HarmonyOS Text 组件 UI样式
950浏览 • 1回复 待解决
HarmonyOS 全局UI样式复用
842浏览 • 1回复 待解决