#鸿蒙期末作业#补救,基于鸿蒙开发的鸿蒙创意软件的外观已经完善了,由于上一篇内容质量太低,这期作者尽量把重点解说一下。本次开发创意型计算器
1.创建一个计算器按钮
先上代码:
标签:string,鸿蒙,number,50,Button1,2.0,创意 From: https://blog.csdn.net/zzada6668/article/details/139564793//如果只有一个component显示不了,声明预览 @Preview //因为没有设置高宽所以组件就一点 //声明组件 @Component //需要时导出结构体,Button1是一个类 export struct Button1{ //这里不加@State是因为如果家里@State点击页面会发生变化 num: string = '1' //注意number首字母不能大写,否则报错Type 'Number' is not assignable to type 'Color'. //number是基本数据类型,Number是全局对象通常情况下用小写字母开头,string也一样 buttonColor: number = 0x333333; //字体颜色 textColor: number=Color.White //字体大小 textSize: number=50 //创建结构入口方法 build(){ Column() { Text(this.num.toString()) .fontColor(this.textColor) .fontSize(this.textSize) //加粗体 .fontWeight(FontWeight.Medium) }.width(75).height(75) .backgroundColor(this.buttonColor) //居中 .justifyContent(FlexAlign.Center) //圆角宽度除以2 .borderRadius(50) } }<