HarmonyOS stateStyles多态样式

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

HarmonyOS
18h前
浏览
收藏 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
微信
回复
16h前
相关问题
多态控件」的效果样式确认
1682浏览 • 1回复 待解决
多态样式可否导出给全局使用
1698浏览 • 1回复 待解决
HarmonyOS 对于class如何实现多态
40浏览 • 1回复 待解决
stateStyles如何使用selected(选中态)
397浏览 • 1回复 待解决
Image如何在多态下显示不同图片?
630浏览 • 1回复 待解决
HarmonyOS TextInput的stateStyles部分生效
511浏览 • 1回复 待解决
多态和多模的区别是什么?
5851浏览 • 2回复 已解决
HarmonyOS Toast设置样式
43浏览 • 1回复 待解决
HarmonyOS swiper组件样式
103浏览 • 1回复 待解决
HarmonyOS Span标签样式问题
482浏览 • 1回复 待解决
HarmonyOS 如何实现气泡样式
37浏览 • 1回复 待解决
HarmonyOS 全局样式怎么创建?
294浏览 • 1回复 待解决
HarmonyOS 如何设置控件样式
332浏览 • 1回复 待解决
HarmonyOS 如何全局复用样式
437浏览 • 1回复 待解决
HarmonyOS 跨文件样式复用
157浏览 • 1回复 待解决
HarmonyOS 跨文件复用样式
88浏览 • 1回复 待解决
HarmonyOS @Styles全局样式问题
31浏览 • 1回复 待解决
HarmonyOS 如何实现动态样式
15浏览 • 1回复 待解决
HarmonyOS Text 组件 UI样式
66浏览 • 1回复 待解决
HarmonyOS 如何实现通用样式
49浏览 • 1回复 待解决