鸿蒙应用如何新建页面

张开发
• 2026/4/15 10:38:12 • 15 分钟阅读

最新文章

推荐文章

相关文章

分享文章

鸿蒙应用如何新建页面
使用“Empty Ability”模板新建项目后我们得到了一个预先生成的页面Index.ets其路径为“你的项目名称\entry\src\main\ets\pages\Index.ets”我们可以看到他在pages目录下如下图所示那么我们想要再加一个页面应该如何添加呢是不是直接复制Index.ets呢虽然可以但是我们不推荐这样做正确的方法是在ets或pages文件夹右键依次选择“新建PageEmpty Page”我们一般还是把页面放在pages文件夹内即可在弹出的配置窗口输入Page名称后点击“完成”按钮我们一般按照首字母大写的方式比如这样新的页面MyPage.ets就创建好了我们发现初始页面结构和Index.ets的一致我们可以根据自己的需要修改页面的内容进行开发。通过以上方式新建的页面会自动在main_pages.json文件中生成配置路径在“你的项目名称\entry\src\main\resources\base\profile\main_pages.json”如下图所示​而如果不通过新建的方式而是直接复制Index.ets的话需要手工按照该格式添加一行新页面的配置才可以注意每行末尾加逗号,最后一行不加。{ src: [ pages/Index, pages/MyPage ] }

更多文章