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关于RichText疑问
783浏览 • 1回复 待解决
HarmonyOS 关于deliveryWithInstall疑问
631浏览 • 1回复 待解决
HarmonyOS 关于手动签名疑问
475浏览 • 1回复 待解决
HarmonyOS UI样式不能封装至其他文件
103浏览 • 1回复 待解决
关于鸿蒙应用开发疑问?
5410浏览 • 1回复 待解决
关于Wearable开发几个疑问
7475浏览 • 2回复 待解决
关于鸿蒙camera外设驱动编写疑问
4517浏览 • 1回复 待解决
关于DependentLayout布局一点疑问
5689浏览 • 1回复 待解决
关于智能穿戴应用开发几个疑问
10740浏览 • 2回复 待解决
请教一下关于Ticktimer 疑问
3458浏览 • 1回复 待解决
HarmonyOS 关于ui设计出稿
321浏览 • 1回复 待解决
HarmonyOS 关于ArkTS!使用
668浏览 • 1回复 待解决
HarmonyOS 关于调试UI细节相关
260浏览 • 1回复 待解决
关于Java UI Checkbox问题?
5798浏览 • 1回复 待解决
HarmonyOS文件样式复用
109浏览 • 1回复 待解决
关于Tabs里面tabBar样式问题
347浏览 • 2回复 待解决
关于 JS UI 开发应用问题?
5678浏览 • 1回复 待解决
HarmonyOS 企业证书疑问
150浏览 • 1回复 待解决
关于鸿蒙分布式数据库key疑问
5808浏览 • 1回复 待解决
arkts 关于异步问题
314浏览 • 1回复 待解决
HarmonyOS关于TS转ArkTS语法问题
399浏览 • 1回复 待解决