鸿蒙操作系统 HarmonyOS 你值得拥有( 三 )

 
第三部分:两个 Layout 布局和一个 graphic 文件内容

鸿蒙操作系统 HarmonyOS 你值得拥有

文章插图
 

鸿蒙操作系统 HarmonyOS 你值得拥有

文章插图
 

鸿蒙操作系统 HarmonyOS 你值得拥有

文章插图
 
备注:
  1. 表示的是文本框,里面的 ohos:text 表示文本的内容
  2. 表示的是按钮,里面的 ohos:id 表示元素的id值
  3. 里面的 ohos:text 表示按钮的文本内容
  4. 里面的 ohos:background_element 表示背景(就是css)
  5. Graphic 文件夹下存放的是样式文件,在Button 和 Text 里面可以引用这个里面的样式,如上图中的第三张图所示 。
  6. 在开发过程中,如 layout 目录下文件名和 id 值及 graphic 目录下的文件名在IDE中是有联想选择的,有的会拼接上一些固定字符串 。
  7. Import 导入第三方包时,一定要注意导入是正确的,在开发过程中发现有同名包,但是不是我们想要使用的,就会一直报错 。
 
第四部分:运行后得到的效果图如下所示(这里选择的设备为 iphone)实现的场景非常的简单,就是点击下面第一张图中的 Go 时(绑定了 click 监听事件),就跳转到如下第二张图中去,这里是切换到了另一个 Slice 的 page 。当再点击此张图片中的 Go Back时,又能够回到第一张图的界面 。
鸿蒙操作系统 HarmonyOS 你值得拥有

文章插图
 

鸿蒙操作系统 HarmonyOS 你值得拥有

文章插图
 




推荐阅读