首页 > 其他分享 >鸿蒙创意开发2.0

鸿蒙创意开发2.0

时间:2024-06-09 19:57:50浏览次数:21  
标签:string 鸿蒙 number 50 Button1 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)

  }
}<

标签:string,鸿蒙,number,50,Button1,2.0,创意
From: https://blog.csdn.net/zzada6668/article/details/139564793

相关文章

  • 基于鸿蒙操作———制作健康App(实现首页UI设计,顶部搜索)
    前言当前部分主要是完成首页的UI设计,学习并掌握Tabs组件的用法,可以完成页面内视图快速切换,包含TabBar和TabContent两部分实现效果项目代码Tabs组件代码import{CommonConstants}from'../common/constants/CommonConstants'@Entry@ComponentstructIndex{@S......
  • [干货][HarmonyOS NEXT]鸿蒙中除了这些还有哪些装饰器呢?
    @Entry:将结构体标记为页面组件,代表一个完整的页面。@Component:将结构体标记为可复用的组件。@Preview:让组件能够在开发过程中进行预览。@State:用于定义组件内部的响应式状态变量需给初始值@Prop:实现父组件到子组件的数据单向传递。可以给初始值也可以不给@Link:达成父组件......
  • 副业赚钱:10个简单创意,轻松实现财务自由
    嗨,我是兰若姐姐,我是从4月26号开始日更博客的,之前一直分享的是技术文档,但是在这个过程中,我发现这些文档只是解决了某一个人当下遇到的某个具体问题,但是对于他升值加薪没有任何帮助,所以我中途暂停了几天去思考,正好我从2020年就开始副业变现,并且取得了不错的回报,我觉得我可以分......
  • 代码随想录第4天 | 24. 两两交换链表中的节点、19.删除链表的倒数第N个节点、面试题 0
    题目:24.两两交换链表中的节点思路:设置虚拟头结点,双指针+临时指针,(感觉也能递归,未尝试)时间复杂度:O(n)空间复杂度:O(1)坑:1.又忘了else{}和return2.试图访问空指针,多个条件的顺序问题及"&&""||"问题,cur->next要写在cur->next->next前面/***Definitionforsingly-linked......
  • 全屏盛宴!植物大战僵尸2.0.88版,让你的战斗视野无限扩展!
    你是否曾在小屏幕的束缚下,渴望一场更加震撼的游戏体验?今天,就让我们一起打破界限,让植物与僵尸的战斗在全屏模式下展开,让你的每一个操作都充满力量与激情!想象一下,当你的豌豆射手在高清大屏上精准射击,每一个僵尸的表情都被放大,每一次胜利都更加震撼心灵。这不仅仅是一场游戏......
  • 【纯血鸿蒙】——响应式布局如何实现?
    前面介绍了自适应布局,但是将窗口尺寸变化较大时,仅仅依靠自适应布局可能出现图片异常放大或页面内容稀疏、留白过多等问题。此时就需要借助响应式布局能力调整页面结构。响应式布局响应式布局是指页面内的元素可以根据特定的特征(如窗口宽度、屏幕方向等)自动变化以适应外部容器......
  • 【纯血鸿蒙】——自适应布局如何实现?
    界面级一多能力有2类:自适应布局:略微调整界面结构响应式布局:比较大的界面调整本文章先主要讲解自适应布局,响应式布局再后面文章再细讲。话不多说,开始了。自适应布局针对常见的开发场景,方舟开发框架提炼了七种自适应布局能力,这些布局可以独立使用,也可多种布局......
  • SystemC & TLM-2.0 - SystemC vs SystemVerilog
    WhatisthedifferencebetweenSystemCandSystemVerilogSystemCisusedprimarilyasamodelinglanguageparticularlyforvirtualplatformmodelingwhereassystemverilogisusedmainly50chableHardwareverification.I'mgoingtodivedowninto......
  • 鸿蒙开发接口数据管理:【@ohos.data.rdb (关系型数据库)】
    关系型数据库关系型数据库(RelationalDatabase,RDB)是一种基于关系模型来管理数据的数据库。关系型数据库基于SQLite组件提供了一套完整的对本地数据库进行管理的机制,对外提供了一系列的增、删、改、查等接口,也可以直接运行用户输入的SQL语句来满足复杂的场景需要。该模块提......
  • jQWidgets 19.2.0 Visualize Sequences
    jQWidgets19.2.0VisualizeSequencesjQWidgets19.2.0addsanewcomponentforvisualizingchronologicaldatawithsupportforinteractivescrolling,customizablestyles,andrichcontent.jQWidgetsisacomprehensiveJavaScriptUIframeworkofferi......