HarmonyOS开发

华为开发者日常使用的网址合集

华为官网：https://developer.huawei.com/

开发者空间：https://developer.huaweicloud.com/space/home

开发者官网：https://developer.huawei.com/consumer/cn/

开发鸿蒙

编辑器（DevEco Studio Next）：https://developer.huawei.com/consumer/cn/deveco-studio/

官网三方库（ohpm）：https://ohpm.openharmony.cn/#/cn/home

编程语言（ArkTs）：https://developer.huawei.com/consumer/cn/arkts

测试工具（DevEco Testing）：https://developer.huawei.com/consumer/cn/deveco-testing/

开发文档：https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V5/application-dev-guide-V5

视频课程：https://developer.huawei.com/consumer/cn/training/

学习资料：

• 示例代码：https://developer.huawei.com/consumer/cn/samples/
• 零基础入门学习资料参考：https://hm.codefe.cn/docs/tutorial/intro/
• 开发资料包合集：https://docs.qq.com/sheet/DQ0JyZlFPVVJIR3RK?tab=w70n0s

仓颉

官网：https://developer.huawei.com/consumer/cn/cangjie/

开发文档：https://developer.huawei.com/consumer/cn/doc/openharmony-cangjie/cj-wp-abstract

预览版Beta招募报名：https://developer.huawei.com/consumer/cn/activity/301718873654579080

AI

华为云官网：https://developer.huaweicloud.com/

软件开发生产线 CodeArts：https://www.huaweicloud.com/devcloud/

AI开发平台 ModelArts：https://www.huaweicloud.com/product/modelarts.html

数据治理中心 DataArts：https://www.huaweicloud.com/product/dayu.html

数字内容生产线 MetaStudio：https://www.huaweicloud.com/product/mdh.html

控制台：https://console.huaweicloud.com/console/?region=cn-north-4#/home

免费领取：

• 新账号（体验官招募计划）：https://activity.huaweicloud.com/flexus_voc/index.html
• 对象存储服务（OBS）：https://www.huaweicloud.com/product/obs.html

组件学习

image

Image组件的必选参数src。

Image('https://xyz/test.jpg')

需要在src/main/module.json5添加申请网络权限

"requestPermissions": [  
{  
"name": "ohos.permission.INTERNET"  
}  
]

也可以使用本地资源

Image($r('app.media.background')).width(100)
//$r形式引入应用资源，可应用于多语言场景

row&column

Row()
//行容器

Column({space:50})
列容器 space可设置容器中组件间隔

自定义组件

@Component 用于修饰组件

@Entry 用于修饰显示的主页面

@Component  
struct itemComponent{  
  @State bool:boolean=false  
  content :string=''  
  build() {  
    Row(){  
      Image(this.bool?$r('app.media.foreground'):$r('app.media.background')).width('30')  
      Text(this.content)
      .decoration({type:this.bool?TextDecorationType.LineThrough:TextDecorationType.None})  
    }  
    .backgroundColor(Color.Pink)  
    .borderRadius(25)//使边框变为圆角  
    .margin({  
      top:15  
    })  
    .onClick(()=>{  
        this.bool=true  
    })  
  }  
}

itemComponent({content:’hhhh’}) 参数可以直接传递

@State

用于修饰动态变量 可动态

组件函数

@Builder function mmm(content : string){}

写在最外层的自定义组件构建函数 方便多组件共同调用

但是注意函数里面不能修改值 如果需要改变参数值 使用@Link

写在内层的构建函数只能在组件内部使用，组件外部访问不到