HarmonyOS APP 开发入门

前言

---

HarmonyOS官方定义

鸿蒙是一个全场景，面向未来的操作系统。
解释：
鸿蒙并不是一个单纯的手机操作系统，而是手机 + 智能设备的总称。可以安装在包括手机、手表、无人机等很多 设备上。
鸿蒙分为两类：

• 应用开发：也是整个鸿蒙的控制中心。（手机app）
  开发语言：Java，js，C/C++（华为目前建议使用的还是Java）
  
• 内核：基于Linux内核开发的
  
• 设备开发：也就是无人机，摄像机等硬件设备。最合适的开发语言：C/C++
  

一、 安装鸿蒙编译器 --DevEco Studio

1.适合开发鸿蒙的语言

---

​ Java，C/C++，JavaScript，eTS，cangjie（仓颉）

• Java，js适合手机应用的开发
  
• C/C++适用于硬件开发
  
  1. 在以后的鸿蒙版本中（华为计划是3.0），即将推出仓颉语言开发。（已经开始内测，还没可以使用）

  复制代码

​ 但是就目前而言，华为主推的还是Java。
2.鸿蒙开发的完整流程

---

3.Java开发的准备工作

---

1）注册开发者（略）
2）下载开发工具
DevEco Studio就是鸿蒙应用开发的开发工具，是基于IntelliJ IDEA Community开源版本打造的，所以如果大家有 idea的基础，在学习DevEco Studio是非常容易上手的。
DevEco Studio中提供SDK Manager统一管理SDK和这个包依赖的工具链。通过SDK Manager能自动下载各个语 言对应的SDK包。
4）下载网址：HarmonyOS
5）版本说明
​ DevEco Studio 1.0 用于华为EMUI系统的应用App。
​
​ DevEco Studio 2.0 用于华为鸿蒙系统（HarmonyOS）的应用App。
​ DevEco Studio 3.0 用于华为鸿蒙系统（openHarmonyOS）的应用App。
4）使用Java开发
JDK:是Java语言所需要的开发环境。鸿蒙开发工具DevEco Studio会帮我们自动下载。
!!!鸿蒙开发工具目前只支持JDK8。
5）常用插件

• Toolchains：SDK工具链，HarmonyOS应用开发必备工具集，包括编译、打包、签名、数据库管理等工具的集 合，首次下载SDK时默认下载。
  
• Previewer：Lite Wearable预览器，在开发过程中可以动态预览Lite Wearable应用的界面呈现效果，默认不自 动下载，需手动勾选下载。
  

6）安装开发工具
​ 傻瓜式安装–略
4.DevEco Studio项目结构（Java）

---

• MyApplication：整个项目的项目名
  
• External Libraries：项目中要导入的第三方jar包
  
• .gradle：是项目管理工具gradle的信息（一般是不会动）
  
• .idea：是开发工具的信息（一般不会动）
  
• entry：是应用主模块，在一个项目中，有且只有一个，所有的代码都在这个里面。（重要）
  
• gradle：项目管理工具gradle的配置信息和所需要用到的jar包，在这个里面有一个porperties的配置文件， 可以看到gradle的版本号，一般我们会用默认的，也不会动
  
• build.gradle：第三方jar包的配置文件，以后在开发中要用到第三方jar包需要在这个里面配置。
  
• build.gradle：第三方jar包的配置文件，以后在开发中要用到第三方jar包需要在这个里面配置。（一个是linux系统的，一个是windows系统的。）
  
• local.properties：本地SDK配置信息，一般也不动。
  
• build：一般不会动，这个文件夹里面有一个R文件，记录每一个资源文件对应的id。里面的内容是自动生成的。（R文件是一个压缩包，里面装的ResourceTable这个类的字节码文件。）
  
• libs：第三方jar包存放的位置
  
• src：主要代码（src里面还有三个目录，main，ohosTest，test）
  
• src里面还有三个目录
  
• src里面还有三个目录
  
• test：是Junit的测试工具。
  

二、第一个HarmonyOS项目（官方教程解析）

---

1.第一个Harmony入门应用HelloWorld

​ 对于Helloworld，相信大家都不会陌生，我们学习大部分语言的时候，所做的第一个项目就是HelloWorld。
​ 当我们新建第一个项目的时候，我们的Studio就会自己生成一个HelloWorld项目，这也是我们正式入门HarmonyOS APP移动开发的第一个项目。
​ 对于这个项目，我们需要了解的知识点只有四个
​ 1、如何运行项目
​ 2、页面中的包含关系
​ 3、配置文件：confifig.json
​ 4、了解程序的启动流程
2.运行项目

• 要运行项目就需要我们去登录我们的华为开发者账号，点击Studio右上角的登录按钮登录即可
  
• 要运行项目，我们就需要使用到模拟器来运行项目，华为官方为我们提供了两种模拟器，一种是本地模拟器，一种是在线模拟器，我们将使用在线模拟器来讲解。
  

点击工具（tools）下的Device Manger，进入如图所示页面

在这里我们选择Remote Emulator，选择需要的手机型号，点击绿色的三角形就行启动模拟器
这里需要注意，我们这里的API与我们所安装的HarmonyOS SDK 是息息相关的，如果你没有安装对应版本的SDK那么程序就会运行错误
3. 页面中的包含关系

​ MainAbility是项目启动的第一个界面，在界面里面不是直接显示内容的。在界面里面展示的是子界面，我们也称之为切片，或者片 段，在子界面里面才是显示内容。

如图所示，MainAbility是我们第一个所展示的页面，MainAbilitySlice就是一个子页面，而我们的内容只能在子页面里展现出来。

• MainAbility （界面）包含一个或多个MainAbilitySlice（子界面）
  
• MainAbilitySlice（子界面）包含要显示的内容
  

4.配置文件：config.json

​ config.json 是整个APP项目的配置文件。所有项目信息都会配置在这里，如，版本号，厂商信息等

5.程序运行过程


6.实现页面跳转

通过代码实现以下操作

设计步骤：

1.         1. 设置页面文本内容，按钮组件
2.         2. 设置第二个页面内容
3.         3. 设置时间进行跳转

复制代码

下面先来对Layout下的xml文件进行编辑
补充知识：
在MainAbilitySlice.java里

如图，ResourceTable.Layout_ability_main表示的是在resource下有一个叫ability_main.xml的文件，这个文件是我们的主页面，HarmonyOS的app开发是通过xml来进行页面设计的。
下面我们正式开始进行编程解决这个问题
ability_main.xml

1. <?xml version="1.0" encoding="utf-8"?>
2. <DirectionalLayout
3.     xmlns:ohos="http://schemas.huawei.com/res/ohos"
4.     ohos:height="match_parent"
5.     ohos:width="match_parent"
6.     ohos:alignment="center"
7.     ohos:orientation="vertical">
9.     <Text
10.         ohos:id="$+id:text_helloworld"
11.         ohos:height="match_content"
12.         ohos:width="match_content"
13.         ohos:background_element="$graphic:background_ability_main"
14.         ohos:layout_alignment="horizontal_center"
15.         ohos:text="itcyy第一个页面"
16.         ohos:text_size="40vp"
17.         />
18.     <Button
19.         ohos:id="$+id:cyy_one_button"
20.         ohos:height="match_content"
21.         ohos:width="match_content"
22.         ohos:text_size="40fp"
23.         ohos:background_element="red"
24.         ohos:text="点我"/>
27. </DirectionalLayout>

复制代码

下面需要建立一个新的切片

选择slice包，右键

我们选择新建>Ability >Empty Page Ability（Java）

在这里我们就可以新建切片了，不要选择图中的Launcher ability，否则它就会变成我们的主页面了
我们在HarmonyOS开发里，有两种布局方式，一种是xml，一种是直接用java进行编写，在这里，我们第二个页面通过Java编写
cyy__two_AbilitySlice.java

1. package com.itcyy.myapplication.slice;import com.itcyy.myapplication.ResourceTable;import ohos.aafwk.ability.AbilitySlice;import ohos.aafwk.content.Intent;import ohos.agp.components.DirectionalLayout;import ohos.agp.components.Text;import ohos.agp.utils.Color;public class cyy_two_AbilitySlice extends AbilitySlice {    @Override    public void onStart(Intent intent) {<?xml version="1.0" encoding="utf-8"?>
2. <DirectionalLayout
3.     xmlns:ohos="http://schemas.huawei.com/res/ohos"
4.     ohos:height="match_parent"
5.     ohos:width="match_parent"
6.     ohos:alignment="center"
7.     ohos:orientation="vertical">
9.     <Text
10.         ohos:id="$+id:text_helloworld"
11.         ohos:height="match_content"
12.         ohos:width="match_content"
13.         ohos:background_element="$graphic:background_ability_main"
14.         ohos:layout_alignment="horizontal_center"
15.         ohos:text="itcyy第一个页面"
16.         ohos:text_size="40vp"
17.         />
18.     <Button
19.         ohos:id="$+id:cyy_one_button"
20.         ohos:height="match_content"
21.         ohos:width="match_content"
22.         ohos:text_size="40fp"
23.         ohos:background_element="red"
24.         ohos:text="点我"/>
27. </DirectionalLayout>super.onStart(intent);<?xml version="1.0" encoding="utf-8"?>
28. <DirectionalLayout
29.     xmlns:ohos="http://schemas.huawei.com/res/ohos"
30.     ohos:height="match_parent"
31.     ohos:width="match_parent"
32.     ohos:alignment="center"
33.     ohos:orientation="vertical">
35.     <Text
36.         ohos:id="$+id:text_helloworld"
37.         ohos:height="match_content"
38.         ohos:width="match_content"
39.         ohos:background_element="$graphic:background_ability_main"
40.         ohos:layout_alignment="horizontal_center"
41.         ohos:text="itcyy第一个页面"
42.         ohos:text_size="40vp"
43.         />
44.     <Button
45.         ohos:id="$+id:cyy_one_button"
46.         ohos:height="match_content"
47.         ohos:width="match_content"
48.         ohos:text_size="40fp"
49.         ohos:background_element="red"
50.         ohos:text="点我"/>
53. </DirectionalLayout>//super.setUIContent(ResourceTable.Layout_ability_cyy_two_);<?xml version="1.0" encoding="utf-8"?>
54. <DirectionalLayout
55.     xmlns:ohos="http://schemas.huawei.com/res/ohos"
56.     ohos:height="match_parent"
57.     ohos:width="match_parent"
58.     ohos:alignment="center"
59.     ohos:orientation="vertical">
61.     <Text
62.         ohos:id="$+id:text_helloworld"
63.         ohos:height="match_content"
64.         ohos:width="match_content"
65.         ohos:background_element="$graphic:background_ability_main"
66.         ohos:layout_alignment="horizontal_center"
67.         ohos:text="itcyy第一个页面"
68.         ohos:text_size="40vp"
69.         />
70.     <Button
71.         ohos:id="$+id:cyy_one_button"
72.         ohos:height="match_content"
73.         ohos:width="match_content"
74.         ohos:text_size="40fp"
75.         ohos:background_element="red"
76.         ohos:text="点我"/>
79. </DirectionalLayout>//1.创建一个布局对象<?xml version="1.0" encoding="utf-8"?>
80. <DirectionalLayout
81.     xmlns:ohos="http://schemas.huawei.com/res/ohos"
82.     ohos:height="match_parent"
83.     ohos:width="match_parent"
84.     ohos:alignment="center"
85.     ohos:orientation="vertical">
87.     <Text
88.         ohos:id="$+id:text_helloworld"
89.         ohos:height="match_content"
90.         ohos:width="match_content"
91.         ohos:background_element="$graphic:background_ability_main"
92.         ohos:layout_alignment="horizontal_center"
93.         ohos:text="itcyy第一个页面"
94.         ohos:text_size="40vp"
95.         />
96.     <Button
97.         ohos:id="$+id:cyy_one_button"
98.         ohos:height="match_content"
99.         ohos:width="match_content"
100.         ohos:text_size="40fp"
101.         ohos:background_element="red"
102.         ohos:text="点我"/>
105. </DirectionalLayout>DirectionalLayout dl = new DirectionalLayout(this);<?xml version="1.0" encoding="utf-8"?>
106. <DirectionalLayout
107.     xmlns:ohos="http://schemas.huawei.com/res/ohos"
108.     ohos:height="match_parent"
109.     ohos:width="match_parent"
110.     ohos:alignment="center"
111.     ohos:orientation="vertical">
113.     <Text
114.         ohos:id="$+id:text_helloworld"
115.         ohos:height="match_content"
116.         ohos:width="match_content"
117.         ohos:background_element="$graphic:background_ability_main"
118.         ohos:layout_alignment="horizontal_center"
119.         ohos:text="itcyy第一个页面"
120.         ohos:text_size="40vp"
121.         />
122.     <Button
123.         ohos:id="$+id:cyy_one_button"
124.         ohos:height="match_content"
125.         ohos:width="match_content"
126.         ohos:text_size="40fp"
127.         ohos:background_element="red"
128.         ohos:text="点我"/>
131. </DirectionalLayout>//2.创建一个文本对象<?xml version="1.0" encoding="utf-8"?>
132. <DirectionalLayout
133.     xmlns:ohos="http://schemas.huawei.com/res/ohos"
134.     ohos:height="match_parent"
135.     ohos:width="match_parent"
136.     ohos:alignment="center"
137.     ohos:orientation="vertical">
139.     <Text
140.         ohos:id="$+id:text_helloworld"
141.         ohos:height="match_content"
142.         ohos:width="match_content"
143.         ohos:background_element="$graphic:background_ability_main"
144.         ohos:layout_alignment="horizontal_center"
145.         ohos:text="itcyy第一个页面"
146.         ohos:text_size="40vp"
147.         />
148.     <Button
149.         ohos:id="$+id:cyy_one_button"
150.         ohos:height="match_content"
151.         ohos:width="match_content"
152.         ohos:text_size="40fp"
153.         ohos:background_element="red"
154.         ohos:text="点我"/>
157. </DirectionalLayout>Text t = new Text(this);<?xml version="1.0" encoding="utf-8"?>
158. <DirectionalLayout
159.     xmlns:ohos="http://schemas.huawei.com/res/ohos"
160.     ohos:height="match_parent"
161.     ohos:width="match_parent"
162.     ohos:alignment="center"
163.     ohos:orientation="vertical">
165.     <Text
166.         ohos:id="$+id:text_helloworld"
167.         ohos:height="match_content"
168.         ohos:width="match_content"
169.         ohos:background_element="$graphic:background_ability_main"
170.         ohos:layout_alignment="horizontal_center"
171.         ohos:text="itcyy第一个页面"
172.         ohos:text_size="40vp"
173.         />
174.     <Button
175.         ohos:id="$+id:cyy_one_button"
176.         ohos:height="match_content"
177.         ohos:width="match_content"
178.         ohos:text_size="40fp"
179.         ohos:background_element="red"
180.         ohos:text="点我"/>
183. </DirectionalLayout>//设置内容<?xml version="1.0" encoding="utf-8"?>
184. <DirectionalLayout
185.     xmlns:ohos="http://schemas.huawei.com/res/ohos"
186.     ohos:height="match_parent"
187.     ohos:width="match_parent"
188.     ohos:alignment="center"
189.     ohos:orientation="vertical">
191.     <Text
192.         ohos:id="$+id:text_helloworld"
193.         ohos:height="match_content"
194.         ohos:width="match_content"
195.         ohos:background_element="$graphic:background_ability_main"
196.         ohos:layout_alignment="horizontal_center"
197.         ohos:text="itcyy第一个页面"
198.         ohos:text_size="40vp"
199.         />
200.     <Button
201.         ohos:id="$+id:cyy_one_button"
202.         ohos:height="match_content"
203.         ohos:width="match_content"
204.         ohos:text_size="40fp"
205.         ohos:background_element="red"
206.         ohos:text="点我"/>
209. </DirectionalLayout>t.setText("cyy第二个页面");<?xml version="1.0" encoding="utf-8"?>
210. <DirectionalLayout
211.     xmlns:ohos="http://schemas.huawei.com/res/ohos"
212.     ohos:height="match_parent"
213.     ohos:width="match_parent"
214.     ohos:alignment="center"
215.     ohos:orientation="vertical">
217.     <Text
218.         ohos:id="$+id:text_helloworld"
219.         ohos:height="match_content"
220.         ohos:width="match_content"
221.         ohos:background_element="$graphic:background_ability_main"
222.         ohos:layout_alignment="horizontal_center"
223.         ohos:text="itcyy第一个页面"
224.         ohos:text_size="40vp"
225.         />
226.     <Button
227.         ohos:id="$+id:cyy_one_button"
228.         ohos:height="match_content"
229.         ohos:width="match_content"
230.         ohos:text_size="40fp"
231.         ohos:background_element="red"
232.         ohos:text="点我"/>
235. </DirectionalLayout>//设置大小<?xml version="1.0" encoding="utf-8"?>
236. <DirectionalLayout
237.     xmlns:ohos="http://schemas.huawei.com/res/ohos"
238.     ohos:height="match_parent"
239.     ohos:width="match_parent"
240.     ohos:alignment="center"
241.     ohos:orientation="vertical">
243.     <Text
244.         ohos:id="$+id:text_helloworld"
245.         ohos:height="match_content"
246.         ohos:width="match_content"
247.         ohos:background_element="$graphic:background_ability_main"
248.         ohos:layout_alignment="horizontal_center"
249.         ohos:text="itcyy第一个页面"
250.         ohos:text_size="40vp"
251.         />
252.     <Button
253.         ohos:id="$+id:cyy_one_button"
254.         ohos:height="match_content"
255.         ohos:width="match_content"
256.         ohos:text_size="40fp"
257.         ohos:background_element="red"
258.         ohos:text="点我"/>
261. </DirectionalLayout>t.setTextSize(55);<?xml version="1.0" encoding="utf-8"?>
262. <DirectionalLayout
263.     xmlns:ohos="http://schemas.huawei.com/res/ohos"
264.     ohos:height="match_parent"
265.     ohos:width="match_parent"
266.     ohos:alignment="center"
267.     ohos:orientation="vertical">
269.     <Text
270.         ohos:id="$+id:text_helloworld"
271.         ohos:height="match_content"
272.         ohos:width="match_content"
273.         ohos:background_element="$graphic:background_ability_main"
274.         ohos:layout_alignment="horizontal_center"
275.         ohos:text="itcyy第一个页面"
276.         ohos:text_size="40vp"
277.         />
278.     <Button
279.         ohos:id="$+id:cyy_one_button"
280.         ohos:height="match_content"
281.         ohos:width="match_content"
282.         ohos:text_size="40fp"
283.         ohos:background_element="red"
284.         ohos:text="点我"/>
287. </DirectionalLayout>//设置文本颜色<?xml version="1.0" encoding="utf-8"?>
288. <DirectionalLayout
289.     xmlns:ohos="http://schemas.huawei.com/res/ohos"
290.     ohos:height="match_parent"
291.     ohos:width="match_parent"
292.     ohos:alignment="center"
293.     ohos:orientation="vertical">
295.     <Text
296.         ohos:id="$+id:text_helloworld"
297.         ohos:height="match_content"
298.         ohos:width="match_content"
299.         ohos:background_element="$graphic:background_ability_main"
300.         ohos:layout_alignment="horizontal_center"
301.         ohos:text="itcyy第一个页面"
302.         ohos:text_size="40vp"
303.         />
304.     <Button
305.         ohos:id="$+id:cyy_one_button"
306.         ohos:height="match_content"
307.         ohos:width="match_content"
308.         ohos:text_size="40fp"
309.         ohos:background_element="red"
310.         ohos:text="点我"/>
313. </DirectionalLayout>t.setTextColor(Color.BLUE);<?xml version="1.0" encoding="utf-8"?>
314. <DirectionalLayout
315.     xmlns:ohos="http://schemas.huawei.com/res/ohos"
316.     ohos:height="match_parent"
317.     ohos:width="match_parent"
318.     ohos:alignment="center"
319.     ohos:orientation="vertical">
321.     <Text
322.         ohos:id="$+id:text_helloworld"
323.         ohos:height="match_content"
324.         ohos:width="match_content"
325.         ohos:background_element="$graphic:background_ability_main"
326.         ohos:layout_alignment="horizontal_center"
327.         ohos:text="itcyy第一个页面"
328.         ohos:text_size="40vp"
329.         />
330.     <Button
331.         ohos:id="$+id:cyy_one_button"
332.         ohos:height="match_content"
333.         ohos:width="match_content"
334.         ohos:text_size="40fp"
335.         ohos:background_element="red"
336.         ohos:text="点我"/>
339. </DirectionalLayout>//将文本对象加入布局中<?xml version="1.0" encoding="utf-8"?>
340. <DirectionalLayout
341.     xmlns:ohos="http://schemas.huawei.com/res/ohos"
342.     ohos:height="match_parent"
343.     ohos:width="match_parent"
344.     ohos:alignment="center"
345.     ohos:orientation="vertical">
347.     <Text
348.         ohos:id="$+id:text_helloworld"
349.         ohos:height="match_content"
350.         ohos:width="match_content"
351.         ohos:background_element="$graphic:background_ability_main"
352.         ohos:layout_alignment="horizontal_center"
353.         ohos:text="itcyy第一个页面"
354.         ohos:text_size="40vp"
355.         />
356.     <Button
357.         ohos:id="$+id:cyy_one_button"
358.         ohos:height="match_content"
359.         ohos:width="match_content"
360.         ohos:text_size="40fp"
361.         ohos:background_element="red"
362.         ohos:text="点我"/>
365. </DirectionalLayout>dl.addComponent(t);<?xml version="1.0" encoding="utf-8"?>
366. <DirectionalLayout
367.     xmlns:ohos="http://schemas.huawei.com/res/ohos"
368.     ohos:height="match_parent"
369.     ohos:width="match_parent"
370.     ohos:alignment="center"
371.     ohos:orientation="vertical">
373.     <Text
374.         ohos:id="$+id:text_helloworld"
375.         ohos:height="match_content"
376.         ohos:width="match_content"
377.         ohos:background_element="$graphic:background_ability_main"
378.         ohos:layout_alignment="horizontal_center"
379.         ohos:text="itcyy第一个页面"
380.         ohos:text_size="40vp"
381.         />
382.     <Button
383.         ohos:id="$+id:cyy_one_button"
384.         ohos:height="match_content"
385.         ohos:width="match_content"
386.         ohos:text_size="40fp"
387.         ohos:background_element="red"
388.         ohos:text="点我"/>
391. </DirectionalLayout>//4.把创建的布局加入到子页面中<?xml version="1.0" encoding="utf-8"?>
392. <DirectionalLayout
393.     xmlns:ohos="http://schemas.huawei.com/res/ohos"
394.     ohos:height="match_parent"
395.     ohos:width="match_parent"
396.     ohos:alignment="center"
397.     ohos:orientation="vertical">
399.     <Text
400.         ohos:id="$+id:text_helloworld"
401.         ohos:height="match_content"
402.         ohos:width="match_content"
403.         ohos:background_element="$graphic:background_ability_main"
404.         ohos:layout_alignment="horizontal_center"
405.         ohos:text="itcyy第一个页面"
406.         ohos:text_size="40vp"
407.         />
408.     <Button
409.         ohos:id="$+id:cyy_one_button"
410.         ohos:height="match_content"
411.         ohos:width="match_content"
412.         ohos:text_size="40fp"
413.         ohos:background_element="red"
414.         ohos:text="点我"/>
417. </DirectionalLayout>super.setUIContent(dl);    }    @Override    public void onActive() {<?xml version="1.0" encoding="utf-8"?>
418. <DirectionalLayout
419.     xmlns:ohos="http://schemas.huawei.com/res/ohos"
420.     ohos:height="match_parent"
421.     ohos:width="match_parent"
422.     ohos:alignment="center"
423.     ohos:orientation="vertical">
425.     <Text
426.         ohos:id="$+id:text_helloworld"
427.         ohos:height="match_content"
428.         ohos:width="match_content"
429.         ohos:background_element="$graphic:background_ability_main"
430.         ohos:layout_alignment="horizontal_center"
431.         ohos:text="itcyy第一个页面"
432.         ohos:text_size="40vp"
433.         />
434.     <Button
435.         ohos:id="$+id:cyy_one_button"
436.         ohos:height="match_content"
437.         ohos:width="match_content"
438.         ohos:text_size="40fp"
439.         ohos:background_element="red"
440.         ohos:text="点我"/>
443. </DirectionalLayout>super.onActive();    }    @Override    public void onForeground(Intent intent) {<?xml version="1.0" encoding="utf-8"?>
444. <DirectionalLayout
445.     xmlns:ohos="http://schemas.huawei.com/res/ohos"
446.     ohos:height="match_parent"
447.     ohos:width="match_parent"
448.     ohos:alignment="center"
449.     ohos:orientation="vertical">
451.     <Text
452.         ohos:id="$+id:text_helloworld"
453.         ohos:height="match_content"
454.         ohos:width="match_content"
455.         ohos:background_element="$graphic:background_ability_main"
456.         ohos:layout_alignment="horizontal_center"
457.         ohos:text="itcyy第一个页面"
458.         ohos:text_size="40vp"
459.         />
460.     <Button
461.         ohos:id="$+id:cyy_one_button"
462.         ohos:height="match_content"
463.         ohos:width="match_content"
464.         ohos:text_size="40fp"
465.         ohos:background_element="red"
466.         ohos:text="点我"/>
469. </DirectionalLayout>super.onForeground(intent);    }}

复制代码

MainAbilitySlice.java

1. package com.itcyy.myapplication.slice;import com.itcyy.myapplication.ResourceTable;import ohos.aafwk.ability.AbilitySlice;import ohos.aafwk.content.Intent;import ohos.aafwk.content.Operation;import ohos.agp.components.Button;import ohos.agp.components.Component;public class MainAbilitySlice extends AbilitySlice implements Component.ClickedListener {    Button cyy_button;    @Override    public void onStart(Intent intent) {<?xml version="1.0" encoding="utf-8"?>
2. <DirectionalLayout
3.     xmlns:ohos="http://schemas.huawei.com/res/ohos"
4.     ohos:height="match_parent"
5.     ohos:width="match_parent"
6.     ohos:alignment="center"
7.     ohos:orientation="vertical">
9.     <Text
10.         ohos:id="$+id:text_helloworld"
11.         ohos:height="match_content"
12.         ohos:width="match_content"
13.         ohos:background_element="$graphic:background_ability_main"
14.         ohos:layout_alignment="horizontal_center"
15.         ohos:text="itcyy第一个页面"
16.         ohos:text_size="40vp"
17.         />
18.     <Button
19.         ohos:id="$+id:cyy_one_button"
20.         ohos:height="match_content"
21.         ohos:width="match_content"
22.         ohos:text_size="40fp"
23.         ohos:background_element="red"
24.         ohos:text="点我"/>
27. </DirectionalLayout>super.onStart(intent);<?xml version="1.0" encoding="utf-8"?>
28. <DirectionalLayout
29.     xmlns:ohos="http://schemas.huawei.com/res/ohos"
30.     ohos:height="match_parent"
31.     ohos:width="match_parent"
32.     ohos:alignment="center"
33.     ohos:orientation="vertical">
35.     <Text
36.         ohos:id="$+id:text_helloworld"
37.         ohos:height="match_content"
38.         ohos:width="match_content"
39.         ohos:background_element="$graphic:background_ability_main"
40.         ohos:layout_alignment="horizontal_center"
41.         ohos:text="itcyy第一个页面"
42.         ohos:text_size="40vp"
43.         />
44.     <Button
45.         ohos:id="$+id:cyy_one_button"
46.         ohos:height="match_content"
47.         ohos:width="match_content"
48.         ohos:text_size="40fp"
49.         ohos:background_element="red"
50.         ohos:text="点我"/>
53. </DirectionalLayout>super.setUIContent(ResourceTable.Layout_ability_main);<?xml version="1.0" encoding="utf-8"?>
54. <DirectionalLayout
55.     xmlns:ohos="http://schemas.huawei.com/res/ohos"
56.     ohos:height="match_parent"
57.     ohos:width="match_parent"
58.     ohos:alignment="center"
59.     ohos:orientation="vertical">
61.     <Text
62.         ohos:id="$+id:text_helloworld"
63.         ohos:height="match_content"
64.         ohos:width="match_content"
65.         ohos:background_element="$graphic:background_ability_main"
66.         ohos:layout_alignment="horizontal_center"
67.         ohos:text="itcyy第一个页面"
68.         ohos:text_size="40vp"
69.         />
70.     <Button
71.         ohos:id="$+id:cyy_one_button"
72.         ohos:height="match_content"
73.         ohos:width="match_content"
74.         ohos:text_size="40fp"
75.         ohos:background_element="red"
76.         ohos:text="点我"/>
79. </DirectionalLayout>//1.通过id寻找创建的按钮<?xml version="1.0" encoding="utf-8"?>
80. <DirectionalLayout
81.     xmlns:ohos="http://schemas.huawei.com/res/ohos"
82.     ohos:height="match_parent"
83.     ohos:width="match_parent"
84.     ohos:alignment="center"
85.     ohos:orientation="vertical">
87.     <Text
88.         ohos:id="$+id:text_helloworld"
89.         ohos:height="match_content"
90.         ohos:width="match_content"
91.         ohos:background_element="$graphic:background_ability_main"
92.         ohos:layout_alignment="horizontal_center"
93.         ohos:text="itcyy第一个页面"
94.         ohos:text_size="40vp"
95.         />
96.     <Button
97.         ohos:id="$+id:cyy_one_button"
98.         ohos:height="match_content"
99.         ohos:width="match_content"
100.         ohos:text_size="40fp"
101.         ohos:background_element="red"
102.         ohos:text="点我"/>
105. </DirectionalLayout>//Button cyy_button = (Button)findComponentById(ResourceTable.Id_cyy_one_button);<?xml version="1.0" encoding="utf-8"?>
106. <DirectionalLayout
107.     xmlns:ohos="http://schemas.huawei.com/res/ohos"
108.     ohos:height="match_parent"
109.     ohos:width="match_parent"
110.     ohos:alignment="center"
111.     ohos:orientation="vertical">
113.     <Text
114.         ohos:id="$+id:text_helloworld"
115.         ohos:height="match_content"
116.         ohos:width="match_content"
117.         ohos:background_element="$graphic:background_ability_main"
118.         ohos:layout_alignment="horizontal_center"
119.         ohos:text="itcyy第一个页面"
120.         ohos:text_size="40vp"
121.         />
122.     <Button
123.         ohos:id="$+id:cyy_one_button"
124.         ohos:height="match_content"
125.         ohos:width="match_content"
126.         ohos:text_size="40fp"
127.         ohos:background_element="red"
128.         ohos:text="点我"/>
131. </DirectionalLayout>cyy_button = (Button)findComponentById(ResourceTable.Id_cyy_one_button);<?xml version="1.0" encoding="utf-8"?>
132. <DirectionalLayout
133.     xmlns:ohos="http://schemas.huawei.com/res/ohos"
134.     ohos:height="match_parent"
135.     ohos:width="match_parent"
136.     ohos:alignment="center"
137.     ohos:orientation="vertical">
139.     <Text
140.         ohos:id="$+id:text_helloworld"
141.         ohos:height="match_content"
142.         ohos:width="match_content"
143.         ohos:background_element="$graphic:background_ability_main"
144.         ohos:layout_alignment="horizontal_center"
145.         ohos:text="itcyy第一个页面"
146.         ohos:text_size="40vp"
147.         />
148.     <Button
149.         ohos:id="$+id:cyy_one_button"
150.         ohos:height="match_content"
151.         ohos:width="match_content"
152.         ohos:text_size="40fp"
153.         ohos:background_element="red"
154.         ohos:text="点我"/>
157. </DirectionalLayout>//2.给按钮添加一个点击事件<?xml version="1.0" encoding="utf-8"?>
158. <DirectionalLayout
159.     xmlns:ohos="http://schemas.huawei.com/res/ohos"
160.     ohos:height="match_parent"
161.     ohos:width="match_parent"
162.     ohos:alignment="center"
163.     ohos:orientation="vertical">
165.     <Text
166.         ohos:id="$+id:text_helloworld"
167.         ohos:height="match_content"
168.         ohos:width="match_content"
169.         ohos:background_element="$graphic:background_ability_main"
170.         ohos:layout_alignment="horizontal_center"
171.         ohos:text="itcyy第一个页面"
172.         ohos:text_size="40vp"
173.         />
174.     <Button
175.         ohos:id="$+id:cyy_one_button"
176.         ohos:height="match_content"
177.         ohos:width="match_content"
178.         ohos:text_size="40fp"
179.         ohos:background_element="red"
180.         ohos:text="点我"/>
183. </DirectionalLayout>//如果按钮没有添加点击事件，那么点击按钮将不会有任何反应<?xml version="1.0" encoding="utf-8"?>
184. <DirectionalLayout
185.     xmlns:ohos="http://schemas.huawei.com/res/ohos"
186.     ohos:height="match_parent"
187.     ohos:width="match_parent"
188.     ohos:alignment="center"
189.     ohos:orientation="vertical">
191.     <Text
192.         ohos:id="$+id:text_helloworld"
193.         ohos:height="match_content"
194.         ohos:width="match_content"
195.         ohos:background_element="$graphic:background_ability_main"
196.         ohos:layout_alignment="horizontal_center"
197.         ohos:text="itcyy第一个页面"
198.         ohos:text_size="40vp"
199.         />
200.     <Button
201.         ohos:id="$+id:cyy_one_button"
202.         ohos:height="match_content"
203.         ohos:width="match_content"
204.         ohos:text_size="40fp"
205.         ohos:background_element="red"
206.         ohos:text="点我"/>
209. </DirectionalLayout>//如果我们给按钮添加了点击事件的话，那么我们点击按钮之后就会执行相应的代码<?xml version="1.0" encoding="utf-8"?>
210. <DirectionalLayout
211.     xmlns:ohos="http://schemas.huawei.com/res/ohos"
212.     ohos:height="match_parent"
213.     ohos:width="match_parent"
214.     ohos:alignment="center"
215.     ohos:orientation="vertical">
217.     <Text
218.         ohos:id="$+id:text_helloworld"
219.         ohos:height="match_content"
220.         ohos:width="match_content"
221.         ohos:background_element="$graphic:background_ability_main"
222.         ohos:layout_alignment="horizontal_center"
223.         ohos:text="itcyy第一个页面"
224.         ohos:text_size="40vp"
225.         />
226.     <Button
227.         ohos:id="$+id:cyy_one_button"
228.         ohos:height="match_content"
229.         ohos:width="match_content"
230.         ohos:text_size="40fp"
231.         ohos:background_element="red"
232.         ohos:text="点我"/>
235. </DirectionalLayout>//当我们点击了cyy_button这个按钮之后，那么就会实现本类的onClick方法<?xml version="1.0" encoding="utf-8"?>
236. <DirectionalLayout
237.     xmlns:ohos="http://schemas.huawei.com/res/ohos"
238.     ohos:height="match_parent"
239.     ohos:width="match_parent"
240.     ohos:alignment="center"
241.     ohos:orientation="vertical">
243.     <Text
244.         ohos:id="$+id:text_helloworld"
245.         ohos:height="match_content"
246.         ohos:width="match_content"
247.         ohos:background_element="$graphic:background_ability_main"
248.         ohos:layout_alignment="horizontal_center"
249.         ohos:text="itcyy第一个页面"
250.         ohos:text_size="40vp"
251.         />
252.     <Button
253.         ohos:id="$+id:cyy_one_button"
254.         ohos:height="match_content"
255.         ohos:width="match_content"
256.         ohos:text_size="40fp"
257.         ohos:background_element="red"
258.         ohos:text="点我"/>
261. </DirectionalLayout>cyy_button.setClickedListener(this);//注意这里是需要继承Component.ClickedListener接口的    }    @Override    public void onActive() {<?xml version="1.0" encoding="utf-8"?>
262. <DirectionalLayout
263.     xmlns:ohos="http://schemas.huawei.com/res/ohos"
264.     ohos:height="match_parent"
265.     ohos:width="match_parent"
266.     ohos:alignment="center"
267.     ohos:orientation="vertical">
269.     <Text
270.         ohos:id="$+id:text_helloworld"
271.         ohos:height="match_content"
272.         ohos:width="match_content"
273.         ohos:background_element="$graphic:background_ability_main"
274.         ohos:layout_alignment="horizontal_center"
275.         ohos:text="itcyy第一个页面"
276.         ohos:text_size="40vp"
277.         />
278.     <Button
279.         ohos:id="$+id:cyy_one_button"
280.         ohos:height="match_content"
281.         ohos:width="match_content"
282.         ohos:text_size="40fp"
283.         ohos:background_element="red"
284.         ohos:text="点我"/>
287. </DirectionalLayout>super.onActive();    }    @Override    public void onForeground(Intent intent) {<?xml version="1.0" encoding="utf-8"?>
288. <DirectionalLayout
289.     xmlns:ohos="http://schemas.huawei.com/res/ohos"
290.     ohos:height="match_parent"
291.     ohos:width="match_parent"
292.     ohos:alignment="center"
293.     ohos:orientation="vertical">
295.     <Text
296.         ohos:id="$+id:text_helloworld"
297.         ohos:height="match_content"
298.         ohos:width="match_content"
299.         ohos:background_element="$graphic:background_ability_main"
300.         ohos:layout_alignment="horizontal_center"
301.         ohos:text="itcyy第一个页面"
302.         ohos:text_size="40vp"
303.         />
304.     <Button
305.         ohos:id="$+id:cyy_one_button"
306.         ohos:height="match_content"
307.         ohos:width="match_content"
308.         ohos:text_size="40fp"
309.         ohos:background_element="red"
310.         ohos:text="点我"/>
313. </DirectionalLayout>super.onForeground(intent);    }    @Override    public void onClick(Component component) {<?xml version="1.0" encoding="utf-8"?>
314. <DirectionalLayout
315.     xmlns:ohos="http://schemas.huawei.com/res/ohos"
316.     ohos:height="match_parent"
317.     ohos:width="match_parent"
318.     ohos:alignment="center"
319.     ohos:orientation="vertical">
321.     <Text
322.         ohos:id="$+id:text_helloworld"
323.         ohos:height="match_content"
324.         ohos:width="match_content"
325.         ohos:background_element="$graphic:background_ability_main"
326.         ohos:layout_alignment="horizontal_center"
327.         ohos:text="itcyy第一个页面"
328.         ohos:text_size="40vp"
329.         />
330.     <Button
331.         ohos:id="$+id:cyy_one_button"
332.         ohos:height="match_content"
333.         ohos:width="match_content"
334.         ohos:text_size="40fp"
335.         ohos:background_element="red"
336.         ohos:text="点我"/>
339. </DirectionalLayout>//点击按钮需要执行的代码<?xml version="1.0" encoding="utf-8"?>
340. <DirectionalLayout
341.     xmlns:ohos="http://schemas.huawei.com/res/ohos"
342.     ohos:height="match_parent"
343.     ohos:width="match_parent"
344.     ohos:alignment="center"
345.     ohos:orientation="vertical">
347.     <Text
348.         ohos:id="$+id:text_helloworld"
349.         ohos:height="match_content"
350.         ohos:width="match_content"
351.         ohos:background_element="$graphic:background_ability_main"
352.         ohos:layout_alignment="horizontal_center"
353.         ohos:text="itcyy第一个页面"
354.         ohos:text_size="40vp"
355.         />
356.     <Button
357.         ohos:id="$+id:cyy_one_button"
358.         ohos:height="match_content"
359.         ohos:width="match_content"
360.         ohos:text_size="40fp"
361.         ohos:background_element="red"
362.         ohos:text="点我"/>
365. </DirectionalLayout>//跳转到第二个页面<?xml version="1.0" encoding="utf-8"?>
366. <DirectionalLayout
367.     xmlns:ohos="http://schemas.huawei.com/res/ohos"
368.     ohos:height="match_parent"
369.     ohos:width="match_parent"
370.     ohos:alignment="center"
371.     ohos:orientation="vertical">
373.     <Text
374.         ohos:id="$+id:text_helloworld"
375.         ohos:height="match_content"
376.         ohos:width="match_content"
377.         ohos:background_element="$graphic:background_ability_main"
378.         ohos:layout_alignment="horizontal_center"
379.         ohos:text="itcyy第一个页面"
380.         ohos:text_size="40vp"
381.         />
382.     <Button
383.         ohos:id="$+id:cyy_one_button"
384.         ohos:height="match_content"
385.         ohos:width="match_content"
386.         ohos:text_size="40fp"
387.         ohos:background_element="red"
388.         ohos:text="点我"/>
391. </DirectionalLayout>if (component  == cyy_button){<?xml version="1.0" encoding="utf-8"?>
392. <DirectionalLayout
393.     xmlns:ohos="http://schemas.huawei.com/res/ohos"
394.     ohos:height="match_parent"
395.     ohos:width="match_parent"
396.     ohos:alignment="center"
397.     ohos:orientation="vertical">
399.     <Text
400.         ohos:id="$+id:text_helloworld"
401.         ohos:height="match_content"
402.         ohos:width="match_content"
403.         ohos:background_element="$graphic:background_ability_main"
404.         ohos:layout_alignment="horizontal_center"
405.         ohos:text="itcyy第一个页面"
406.         ohos:text_size="40vp"
407.         />
408.     <Button
409.         ohos:id="$+id:cyy_one_button"
410.         ohos:height="match_content"
411.         ohos:width="match_content"
412.         ohos:text_size="40fp"
413.         ohos:background_element="red"
414.         ohos:text="点我"/>
417. </DirectionalLayout>    //只有点击了cyy_button 这个按钮后才进行跳转<?xml version="1.0" encoding="utf-8"?>
418. <DirectionalLayout
419.     xmlns:ohos="http://schemas.huawei.com/res/ohos"
420.     ohos:height="match_parent"
421.     ohos:width="match_parent"
422.     ohos:alignment="center"
423.     ohos:orientation="vertical">
425.     <Text
426.         ohos:id="$+id:text_helloworld"
427.         ohos:height="match_content"
428.         ohos:width="match_content"
429.         ohos:background_element="$graphic:background_ability_main"
430.         ohos:layout_alignment="horizontal_center"
431.         ohos:text="itcyy第一个页面"
432.         ohos:text_size="40vp"
433.         />
434.     <Button
435.         ohos:id="$+id:cyy_one_button"
436.         ohos:height="match_content"
437.         ohos:width="match_content"
438.         ohos:text_size="40fp"
439.         ohos:background_element="red"
440.         ohos:text="点我"/>
443. </DirectionalLayout>    //跳转到哪个页面（意图）<?xml version="1.0" encoding="utf-8"?>
444. <DirectionalLayout
445.     xmlns:ohos="http://schemas.huawei.com/res/ohos"
446.     ohos:height="match_parent"
447.     ohos:width="match_parent"
448.     ohos:alignment="center"
449.     ohos:orientation="vertical">
451.     <Text
452.         ohos:id="$+id:text_helloworld"
453.         ohos:height="match_content"
454.         ohos:width="match_content"
455.         ohos:background_element="$graphic:background_ability_main"
456.         ohos:layout_alignment="horizontal_center"
457.         ohos:text="itcyy第一个页面"
458.         ohos:text_size="40vp"
459.         />
460.     <Button
461.         ohos:id="$+id:cyy_one_button"
462.         ohos:height="match_content"
463.         ohos:width="match_content"
464.         ohos:text_size="40fp"
465.         ohos:background_element="red"
466.         ohos:text="点我"/>
469. </DirectionalLayout>    //创建意图对象<?xml version="1.0" encoding="utf-8"?>
470. <DirectionalLayout
471.     xmlns:ohos="http://schemas.huawei.com/res/ohos"
472.     ohos:height="match_parent"
473.     ohos:width="match_parent"
474.     ohos:alignment="center"
475.     ohos:orientation="vertical">
477.     <Text
478.         ohos:id="$+id:text_helloworld"
479.         ohos:height="match_content"
480.         ohos:width="match_content"
481.         ohos:background_element="$graphic:background_ability_main"
482.         ohos:layout_alignment="horizontal_center"
483.         ohos:text="itcyy第一个页面"
484.         ohos:text_size="40vp"
485.         />
486.     <Button
487.         ohos:id="$+id:cyy_one_button"
488.         ohos:height="match_content"
489.         ohos:width="match_content"
490.         ohos:text_size="40fp"
491.         ohos:background_element="red"
492.         ohos:text="点我"/>
495. </DirectionalLayout>    Intent i = new Intent();<?xml version="1.0" encoding="utf-8"?>
496. <DirectionalLayout
497.     xmlns:ohos="http://schemas.huawei.com/res/ohos"
498.     ohos:height="match_parent"
499.     ohos:width="match_parent"
500.     ohos:alignment="center"
501.     ohos:orientation="vertical">
503.     <Text
504.         ohos:id="$+id:text_helloworld"
505.         ohos:height="match_content"
506.         ohos:width="match_content"
507.         ohos:background_element="$graphic:background_ability_main"
508.         ohos:layout_alignment="horizontal_center"
509.         ohos:text="itcyy第一个页面"
510.         ohos:text_size="40vp"
511.         />
512.     <Button
513.         ohos:id="$+id:cyy_one_button"
514.         ohos:height="match_content"
515.         ohos:width="match_content"
516.         ohos:text_size="40fp"
517.         ohos:background_element="red"
518.         ohos:text="点我"/>
521. </DirectionalLayout>    //包含了要跳转页面的详细信息<?xml version="1.0" encoding="utf-8"?>
522. <DirectionalLayout
523.     xmlns:ohos="http://schemas.huawei.com/res/ohos"
524.     ohos:height="match_parent"
525.     ohos:width="match_parent"
526.     ohos:alignment="center"
527.     ohos:orientation="vertical">
529.     <Text
530.         ohos:id="$+id:text_helloworld"
531.         ohos:height="match_content"
532.         ohos:width="match_content"
533.         ohos:background_element="$graphic:background_ability_main"
534.         ohos:layout_alignment="horizontal_center"
535.         ohos:text="itcyy第一个页面"
536.         ohos:text_size="40vp"
537.         />
538.     <Button
539.         ohos:id="$+id:cyy_one_button"
540.         ohos:height="match_content"
541.         ohos:width="match_content"
542.         ohos:text_size="40fp"
543.         ohos:background_element="red"
544.         ohos:text="点我"/>
547. </DirectionalLayout>    Operation operation = new Intent.OperationBuilder()<?xml version="1.0" encoding="utf-8"?>
548. <DirectionalLayout
549.     xmlns:ohos="http://schemas.huawei.com/res/ohos"
550.     ohos:height="match_parent"
551.     ohos:width="match_parent"
552.     ohos:alignment="center"
553.     ohos:orientation="vertical">
555.     <Text
556.         ohos:id="$+id:text_helloworld"
557.         ohos:height="match_content"
558.         ohos:width="match_content"
559.         ohos:background_element="$graphic:background_ability_main"
560.         ohos:layout_alignment="horizontal_center"
561.         ohos:text="itcyy第一个页面"
562.         ohos:text_size="40vp"
563.         />
564.     <Button
565.         ohos:id="$+id:cyy_one_button"
566.         ohos:height="match_content"
567.         ohos:width="match_content"
568.         ohos:text_size="40fp"
569.         ohos:background_element="red"
570.         ohos:text="点我"/>
573. </DirectionalLayout><?xml version="1.0" encoding="utf-8"?>
574. <DirectionalLayout
575.     xmlns:ohos="http://schemas.huawei.com/res/ohos"
576.     ohos:height="match_parent"
577.     ohos:width="match_parent"
578.     ohos:alignment="center"
579.     ohos:orientation="vertical">
581.     <Text
582.         ohos:id="$+id:text_helloworld"
583.         ohos:height="match_content"
584.         ohos:width="match_content"
585.         ohos:background_element="$graphic:background_ability_main"
586.         ohos:layout_alignment="horizontal_center"
587.         ohos:text="itcyy第一个页面"
588.         ohos:text_size="40vp"
589.         />
590.     <Button
591.         ohos:id="$+id:cyy_one_button"
592.         ohos:height="match_content"
593.         ohos:width="match_content"
594.         ohos:text_size="40fp"
595.         ohos:background_element="red"
596.         ohos:text="点我"/>
599. </DirectionalLayout>    .withDeviceId("")//要跳转到哪个设备上，如果传递一个空字符串，则表示跳转到本机<?xml version="1.0" encoding="utf-8"?>
600. <DirectionalLayout
601.     xmlns:ohos="http://schemas.huawei.com/res/ohos"
602.     ohos:height="match_parent"
603.     ohos:width="match_parent"
604.     ohos:alignment="center"
605.     ohos:orientation="vertical">
607.     <Text
608.         ohos:id="$+id:text_helloworld"
609.         ohos:height="match_content"
610.         ohos:width="match_content"
611.         ohos:background_element="$graphic:background_ability_main"
612.         ohos:layout_alignment="horizontal_center"
613.         ohos:text="itcyy第一个页面"
614.         ohos:text_size="40vp"
615.         />
616.     <Button
617.         ohos:id="$+id:cyy_one_button"
618.         ohos:height="match_content"
619.         ohos:width="match_content"
620.         ohos:text_size="40fp"
621.         ohos:background_element="red"
622.         ohos:text="点我"/>
625. </DirectionalLayout><?xml version="1.0" encoding="utf-8"?>
626. <DirectionalLayout
627.     xmlns:ohos="http://schemas.huawei.com/res/ohos"
628.     ohos:height="match_parent"
629.     ohos:width="match_parent"
630.     ohos:alignment="center"
631.     ohos:orientation="vertical">
633.     <Text
634.         ohos:id="$+id:text_helloworld"
635.         ohos:height="match_content"
636.         ohos:width="match_content"
637.         ohos:background_element="$graphic:background_ability_main"
638.         ohos:layout_alignment="horizontal_center"
639.         ohos:text="itcyy第一个页面"
640.         ohos:text_size="40vp"
641.         />
642.     <Button
643.         ohos:id="$+id:cyy_one_button"
644.         ohos:height="match_content"
645.         ohos:width="match_content"
646.         ohos:text_size="40fp"
647.         ohos:background_element="red"
648.         ohos:text="点我"/>
651. </DirectionalLayout>    .withBundleName("com.itcyy.myapplication")//要跳转到哪个应用上，小括号里可写包名<?xml version="1.0" encoding="utf-8"?>
652. <DirectionalLayout
653.     xmlns:ohos="http://schemas.huawei.com/res/ohos"
654.     ohos:height="match_parent"
655.     ohos:width="match_parent"
656.     ohos:alignment="center"
657.     ohos:orientation="vertical">
659.     <Text
660.         ohos:id="$+id:text_helloworld"
661.         ohos:height="match_content"
662.         ohos:width="match_content"
663.         ohos:background_element="$graphic:background_ability_main"
664.         ohos:layout_alignment="horizontal_center"
665.         ohos:text="itcyy第一个页面"
666.         ohos:text_size="40vp"
667.         />
668.     <Button
669.         ohos:id="$+id:cyy_one_button"
670.         ohos:height="match_content"
671.         ohos:width="match_content"
672.         ohos:text_size="40fp"
673.         ohos:background_element="red"
674.         ohos:text="点我"/>
677. </DirectionalLayout><?xml version="1.0" encoding="utf-8"?>
678. <DirectionalLayout
679.     xmlns:ohos="http://schemas.huawei.com/res/ohos"
680.     ohos:height="match_parent"
681.     ohos:width="match_parent"
682.     ohos:alignment="center"
683.     ohos:orientation="vertical">
685.     <Text
686.         ohos:id="$+id:text_helloworld"
687.         ohos:height="match_content"
688.         ohos:width="match_content"
689.         ohos:background_element="$graphic:background_ability_main"
690.         ohos:layout_alignment="horizontal_center"
691.         ohos:text="itcyy第一个页面"
692.         ohos:text_size="40vp"
693.         />
694.     <Button
695.         ohos:id="$+id:cyy_one_button"
696.         ohos:height="match_content"
697.         ohos:width="match_content"
698.         ohos:text_size="40fp"
699.         ohos:background_element="red"
700.         ohos:text="点我"/>
703. </DirectionalLayout>    .withAbilityName("com.itcyy.myapplication.cyy_two_Ability")//要跳转到哪个页面，小括号填写包名<?xml version="1.0" encoding="utf-8"?>
704. <DirectionalLayout
705.     xmlns:ohos="http://schemas.huawei.com/res/ohos"
706.     ohos:height="match_parent"
707.     ohos:width="match_parent"
708.     ohos:alignment="center"
709.     ohos:orientation="vertical">
711.     <Text
712.         ohos:id="$+id:text_helloworld"
713.         ohos:height="match_content"
714.         ohos:width="match_content"
715.         ohos:background_element="$graphic:background_ability_main"
716.         ohos:layout_alignment="horizontal_center"
717.         ohos:text="itcyy第一个页面"
718.         ohos:text_size="40vp"
719.         />
720.     <Button
721.         ohos:id="$+id:cyy_one_button"
722.         ohos:height="match_content"
723.         ohos:width="match_content"
724.         ohos:text_size="40fp"
725.         ohos:background_element="red"
726.         ohos:text="点我"/>
729. </DirectionalLayout><?xml version="1.0" encoding="utf-8"?>
730. <DirectionalLayout
731.     xmlns:ohos="http://schemas.huawei.com/res/ohos"
732.     ohos:height="match_parent"
733.     ohos:width="match_parent"
734.     ohos:alignment="center"
735.     ohos:orientation="vertical">
737.     <Text
738.         ohos:id="$+id:text_helloworld"
739.         ohos:height="match_content"
740.         ohos:width="match_content"
741.         ohos:background_element="$graphic:background_ability_main"
742.         ohos:layout_alignment="horizontal_center"
743.         ohos:text="itcyy第一个页面"
744.         ohos:text_size="40vp"
745.         />
746.     <Button
747.         ohos:id="$+id:cyy_one_button"
748.         ohos:height="match_content"
749.         ohos:width="match_content"
750.         ohos:text_size="40fp"
751.         ohos:background_element="red"
752.         ohos:text="点我"/>
755. </DirectionalLayout>    .build();//将上面三个信息打包<?xml version="1.0" encoding="utf-8"?>
756. <DirectionalLayout
757.     xmlns:ohos="http://schemas.huawei.com/res/ohos"
758.     ohos:height="match_parent"
759.     ohos:width="match_parent"
760.     ohos:alignment="center"
761.     ohos:orientation="vertical">
763.     <Text
764.         ohos:id="$+id:text_helloworld"
765.         ohos:height="match_content"
766.         ohos:width="match_content"
767.         ohos:background_element="$graphic:background_ability_main"
768.         ohos:layout_alignment="horizontal_center"
769.         ohos:text="itcyy第一个页面"
770.         ohos:text_size="40vp"
771.         />
772.     <Button
773.         ohos:id="$+id:cyy_one_button"
774.         ohos:height="match_content"
775.         ohos:width="match_content"
776.         ohos:text_size="40fp"
777.         ohos:background_element="red"
778.         ohos:text="点我"/>
781. </DirectionalLayout>    //把打包之后的operation对象传到意图里<?xml version="1.0" encoding="utf-8"?>
782. <DirectionalLayout
783.     xmlns:ohos="http://schemas.huawei.com/res/ohos"
784.     ohos:height="match_parent"
785.     ohos:width="match_parent"
786.     ohos:alignment="center"
787.     ohos:orientation="vertical">
789.     <Text
790.         ohos:id="$+id:text_helloworld"
791.         ohos:height="match_content"
792.         ohos:width="match_content"
793.         ohos:background_element="$graphic:background_ability_main"
794.         ohos:layout_alignment="horizontal_center"
795.         ohos:text="itcyy第一个页面"
796.         ohos:text_size="40vp"
797.         />
798.     <Button
799.         ohos:id="$+id:cyy_one_button"
800.         ohos:height="match_content"
801.         ohos:width="match_content"
802.         ohos:text_size="40fp"
803.         ohos:background_element="red"
804.         ohos:text="点我"/>
807. </DirectionalLayout>    i.setOperation(operation);<?xml version="1.0" encoding="utf-8"?>
808. <DirectionalLayout
809.     xmlns:ohos="http://schemas.huawei.com/res/ohos"
810.     ohos:height="match_parent"
811.     ohos:width="match_parent"
812.     ohos:alignment="center"
813.     ohos:orientation="vertical">
815.     <Text
816.         ohos:id="$+id:text_helloworld"
817.         ohos:height="match_content"
818.         ohos:width="match_content"
819.         ohos:background_element="$graphic:background_ability_main"
820.         ohos:layout_alignment="horizontal_center"
821.         ohos:text="itcyy第一个页面"
822.         ohos:text_size="40vp"
823.         />
824.     <Button
825.         ohos:id="$+id:cyy_one_button"
826.         ohos:height="match_content"
827.         ohos:width="match_content"
828.         ohos:text_size="40fp"
829.         ohos:background_element="red"
830.         ohos:text="点我"/>
833. </DirectionalLayout>    //跳转页面<?xml version="1.0" encoding="utf-8"?>
834. <DirectionalLayout
835.     xmlns:ohos="http://schemas.huawei.com/res/ohos"
836.     ohos:height="match_parent"
837.     ohos:width="match_parent"
838.     ohos:alignment="center"
839.     ohos:orientation="vertical">
841.     <Text
842.         ohos:id="$+id:text_helloworld"
843.         ohos:height="match_content"
844.         ohos:width="match_content"
845.         ohos:background_element="$graphic:background_ability_main"
846.         ohos:layout_alignment="horizontal_center"
847.         ohos:text="itcyy第一个页面"
848.         ohos:text_size="40vp"
849.         />
850.     <Button
851.         ohos:id="$+id:cyy_one_button"
852.         ohos:height="match_content"
853.         ohos:width="match_content"
854.         ohos:text_size="40fp"
855.         ohos:background_element="red"
856.         ohos:text="点我"/>
859. </DirectionalLayout>    startAbility(i);<?xml version="1.0" encoding="utf-8"?>
860. <DirectionalLayout
861.     xmlns:ohos="http://schemas.huawei.com/res/ohos"
862.     ohos:height="match_parent"
863.     ohos:width="match_parent"
864.     ohos:alignment="center"
865.     ohos:orientation="vertical">
867.     <Text
868.         ohos:id="$+id:text_helloworld"
869.         ohos:height="match_content"
870.         ohos:width="match_content"
871.         ohos:background_element="$graphic:background_ability_main"
872.         ohos:layout_alignment="horizontal_center"
873.         ohos:text="itcyy第一个页面"
874.         ohos:text_size="40vp"
875.         />
876.     <Button
877.         ohos:id="$+id:cyy_one_button"
878.         ohos:height="match_content"
879.         ohos:width="match_content"
880.         ohos:text_size="40fp"
881.         ohos:background_element="red"
882.         ohos:text="点我"/>
885. </DirectionalLayout>}    }}

复制代码

看下效果


喜欢本博文的可以关注一下Gun尘心，以后会持续更新关于HarmonyOS APP 开发的基础知识的

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！