HarmonyOS 关于ArkTS UI样式文件的疑问

在API9中,ArkTS UI所创建的样式文件无法跨文件使用。这个在后续的ArkTS UI中是否有支持呢?

HarmonyOS
2024-10-21 10:40:18
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
FengTianYa

当前已有能力实现样式跨文件复用,类似其他平台的viewModifier。

//定义样式文件,MyImageModifier .ets  
import { ImageModifier } from “@ohos.arkui.modifer”;  
class MyImageModifier extends ImageModifier {  
  public syncModeValue?: boolean  
  public cacheModeValue?: boolean  
  override applyNormalAttribute(instance: ImageAttribute): void {  
    super.applyNormalAttribute(instance)  
    // extend logics  
  }  
  syncMode(isSync: boolean) : MyImageModifier {  
    this.syncModeValue = isSync  
    return this  
  }  
  cacheMode(isCached: boolean) : MyImageModifier {  
    this.cacheModeValue = isCached  
    return this  
  }  
}  
//封装自定义组件@Component  
struct MyImage {  
  @Link modifier: MyImageModifier  
  @State src: string  
  build() {  
    Image(this.src)  
      .attributeModifier(this.modifier)  
  }  
  aboutToAppear() {  
    if (this.modifier.syncModeValue) {  
      // do something  
    }  
    if (this.modifier.cacheModeValue) {  
      // do something  
    }  
  }  
}  
//使用自定义组件  
@Entry @Component  
struct Index {  
  @State myImageModifier: MyImageModifier =  
    new MyImageModifier()  
      .syncMode(true)  
      .cacheMode(true)  
      .autoResize(true)  
      .renderMode(ImageRenderMode.Template)  
      .width(100)  
  isSync: boolean = false  
  
  build() {  
    Row() {  
      MyImage({ modifier: this.myImageModifier, src: $r(‘xxxx’) })  
      Button(“Click”).onClick(() => {  
        isSync = !isSync  
        this.myImageModifier.syncMode(isSync)  
      })  
    }  
  }  
}
分享
微博
QQ
微信
回复
2024-10-21 15:13:49
相关问题
HarmonyOS 关于deliveryWithInstall疑问
705浏览 • 1回复 待解决
HarmonyOS关于RichText疑问
867浏览 • 1回复 待解决
HarmonyOS 关于手动签名疑问
547浏览 • 1回复 待解决
HarmonyOS UI样式不能封装至其他文件
149浏览 • 1回复 待解决
HarmonyOS 关于NavPathStack疑问
36浏览 • 1回复 待解决
关于Wearable开发几个疑问
7557浏览 • 2回复 待解决
关于鸿蒙应用开发疑问?
5466浏览 • 1回复 待解决
HarmonyOS 关于DES加解密疑问
34浏览 • 1回复 待解决
HarmonyOS 关于半模态转场疑问
40浏览 • 1回复 待解决
关于DependentLayout布局一点疑问
5717浏览 • 1回复 待解决
关于鸿蒙camera外设驱动编写疑问
4556浏览 • 1回复 待解决
请教一下关于Ticktimer 疑问
3528浏览 • 1回复 待解决
HarmonyOS 关于actionsheet样式问题
42浏览 • 1回复 待解决
HarmonyOS Text 组件 UI样式
60浏览 • 1回复 待解决
关于智能穿戴应用开发几个疑问
10821浏览 • 2回复 待解决
HarmonyOS 关于ui设计出稿
370浏览 • 1回复 待解决
关于Java UI Checkbox问题?
5873浏览 • 1回复 待解决