手把手一步一步学鸿蒙(一)_一步一步学harmony,这些面试题你会吗

66 阅读4分钟

作者:码上变富

团队:坚果派
公众号:“大前端之旅”
润开鸿生态技术专家,华为HDE,CSDN博客专家,CSDN超级个体,CSDN特邀嘉宾,InfoQ签约作者,OpenHarmony布道师,电子发烧友专家博客,51CTO博客专家,擅长OpenHarmony应用开发、熟悉服务卡片开发。

前言

凡天下事,预则立,不预则废。
关于OpenHarmony开发学与不学的争论,在网上铺天盖地,争论得不亦乐乎。笔者认为,鸿蒙作为一个优秀的国产系统,我们应该理性思考,与其在犹豫中徘徊,不如先静下心来一步一步学起来,剩下的交给时间,撸起袖子,干就完了!

image.png

1.第一篇 小试牛刀:Text组件的使用

我们从官网developer.harmonyos.com/cn/develop/…
下载开发工具,安装好之后打开工具

image.png

image.png

image.png

此时我们就创建一个鸿蒙项目,很简单吧

我们index文件中的message稍作修改,然后保存(ctrl+S)

@State message: string = '手把手一步一步学OpenHarmony'

我们会看到开发工具的预览器上发生了一点小变化

这便是我们写的第一行鸿蒙代码。
接着我们想让字显示在一行,我们可以修改字体的大小,我们只需要修改fontSize属性

Column() { Text(this.message) .fontSize(30) .fontWeight(FontWeight.Bold) }

如果我们想修改字的颜色,我们只需要修改fontColor属性

Column() { Text(this.message) .fontSize(30)//字体大小 .fontWeight(FontWeight.Bold)//字体粗细 .fontColor(Color.Blue)//字体颜色 }

我们点击TT按钮,鼠标放在“手把手一步一步学鸿蒙”这几个字上

image.png
可以发现这几个字所在的组件Text宽度和屏幕宽度一样大了,并且里面的字默认是向左对齐的。
我们添加textAlign(TextAlign.Center)属性,发现字显示在空间的中间了。

image.png

Text(this.message) .fontSize(30)//字体大小 .fontWeight(FontWeight.Bold)//字体粗细 .fontColor(Color.Blue)//字体颜色 .width('100%') .textAlign(TextAlign.Center)

下面我们在这个Text下面再写一个Text

image.png
我们想让两个Text有一个间距,可以对下边的Text设置

.margin({top:10})

我们想让这两行小字的左右两边距离屏幕有个间距,看起来不是那么拥挤,key设置

.padding({left:10,right:10})

我们想让这两行小字,显示成一行,超出屏幕的显示为…

image.png

深知大多数程序员,想要提升技能,往往是自己摸索成长,但自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!

img img

既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,涵盖了95%以上鸿蒙开发知识点,真正体系化!

由于文件比较多,这里只是将部分目录截图出来,全套包含大厂面经、学习笔记、源码讲义、实战项目、大纲路线、讲解视频,并且后续会持续更新

需要这份系统化的资料的朋友,可以戳这里获取