鸿蒙学习笔记
第二节 类型应用
1.如果定义变量在struct外面那么不需要加this.,如果定义在struct里面,则需要加this.
2.如果定义的变量再修改之后需要重绘界面,则需要在前面加上@State
3.三元表达式 ,这里面判断是否全等用的是三个等号,其余与其他语言类似
这个样例是,如果点击按钮则修改q的值,而文本组件中,
如果q%2 为1显示zs,否则显示xiaoshuai
q : number = 77
@Component
struct TypeUse{
@State s : string = "zs"
@State s1: string = "xiaoshuai"
@State q : number = 100
build() {
Row(){
Column(){
Text("这个人是"+(this.q%2 === 1?this.s:this.s1))
.fontSize(66)
.fontWeight(FontWeight.Bold)
.fontColor("green")
Button("按钮")
.fontSize(56)
.onClick(() => {
this.q++
})
}.width("100%")
}.height("100%")
}
}
4.图片的三种路径
//第一种,直接给图片网站地址
Image("https://tse1-mm.cn.bing.net/th/id/OIP-C.
N8V7dgt2caq6CEnPARBZLQHaLH?w=178&h=267&c=7&r=0&o=5&pid=1.7");
但是需要在main/module.json5文件里面加入
"requestPermissions": [
{
"name" : "ohos.permission.INTERNET"
}
]
第二种,访问工程下面的资源,$r('app.media.icon'),
app对应 main/resources/base下面的目录,
最后的文件名字不需要加后缀名
Image($r('app.media.icon'))
.width(200)
interpolation(ImageInterpolation.High)//设置图片的清晰度
第三种,访问工程下面的资源,$rawfile('t1.png'),
对应 main/resources/rawfile文件夹
,括号里面的对应文件夹里面的路径,
最后的文件名字要加后缀名
Image($rawfile('t1.png'))
.width(200)