申明:文章所有内容均来自于【哔哩哔哩-黑马程序员鸿蒙HarmonyOS NEXT星河版零基础入门到实战,零基础也能快速入门鸿蒙开发教程】
网址链接如下:鸿蒙课程介绍_哔哩哔哩_bilibili
本文是学习后的复盘,若有错漏,敬请各位大佬指正!!小包拜谢各位大佬!!!
三、界面开发
3.1界面开发起步
1.代码撰写和效果预览

①学习界面开发可以在build大括号这部分里面撰写、修改代码
②可以在预览区实时看到效果的展现和变化
③可运行的代码文件只有一个,就是在pages包下的名为'Index.ets'的文件
2.开发工具使用介绍

(1)预览区
点击开发工具界面图中1号箭头所指示的预览器,会显示如下图所示的功能界面
①刷新按钮:在代码编辑区代码撰写完毕后,预览区未及时更新时此按钮可以用于刷新预览区并显现最新效果预览。
②实时预览按钮:当打开这个开关后,将会实时为我们更新在代码更新后的预览区效果,当前为打开状态;点击改按钮后会带上一个红色的禁止标识,表明该功能已被禁用。
③缩小/放大按钮:用于调整模拟器界面的大小,便于我们在开发设计过程中更方便的去观察效果
④最小化预览器按钮:可将预览器最小化,方便查看一行内较长的代码
⑤横/竖屏切换按钮:用于切换模拟器画面的横竖屏
(2)resources资源文件
用于存放应用/服务所用到的资源文件,如图形、多媒体、字符串、布局文件等。(该内容引用自沈天星.飛的博客)