鸿蒙创意开发2.0

#鸿蒙期末作业#补救，基于鸿蒙开发的鸿蒙创意软件的外观已经完善了，由于上一篇内容质量太低，这期作者尽量把重点解说一下。本次开发创意型计算器

1.创建一个计算器按钮

先上代码：

//如果只有一个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)

  }
}<