使用Java语言开发
更新时间: 2021-08-27 16:31
编写第一个页面
在Java UI框架中，提供了两种编写布局的方式：在XML中声明UI布局和在代码中创建布局。这两种方式创建出的布局没有本质差别，为了熟悉两种方式，我们将通过XML的方式编写第一个页面，通过代码的方式编写第二个页面。

在Project窗口，点击“entry > src > main > resources > base > layout”，打开“ability_main.xml”文件。

（可选）在Project窗口，点击“entry > src > main > resources > base > element”，打开“string.json”文件，可在此文件内声明所需引用的资源内容。关于取值为string类型的文本属性，可以直接设置文本字串，也可以引用string资源（推荐使用）。string.json的示例代码如下：
{
“string”:[
{
“name”:”entry_MainAbility”,
“value”:”entry_MainAbility”
},
{
“name”:”mainability_description”,
“value”:”Java_Empty Ability”
},
{
“name”:”mainability_HelloWorld”,
“value”:”Hello World”
},
{
“name”:”button_Next”,
“value”:”Next”
}
]
}
第一个页面内有一个文本和一个按钮，使用DependentLayout布局，通过Text和Button组件来实现，其中vp和fp分别表示虚拟像素和字体像素。本次示例展示两个组件的显示文本分别采用直接设置文本字串、引用string资源（推荐使用）的方式。“ability_main.xml”的示例代码如下：





按钮的背景是蓝色胶囊样式，可以通过graphic目录下的XML文件来设置。
右键点击“graphic”文件夹，选择“New > File”，命名为“background_button.xml”，单击回车键。

“background_button.xml”的示例代码如下：





在layout目录下的“ability_main.xml”文件中，使用background_element=”$graphic:background_button”的方式引用“background_button.xml”文件：

<DependentLayout
…

在XML文件中添加组件后，需要在Java代码中加载XML布局。
在Project窗口，选择“entry > src > main > java > com.example.myapplication > slice” ，打开“MainAbilitySlice.java”文件，使用setUIContent方法加载“ability_main.xml”布局。此外，运行代码前需采用import（可使用Alt+Enter快捷键）引入对应类，否则会产生报错提示。
说明
HarmonyOS提供了Ability和AbilitySlice两个基础类，一个有界面的Ability可以由一个或多个AbilitySlice构成，AbilitySlice主要用于承载单个页面的具体逻辑实现和界面UI，是应用显示、运行和跳转的最小单元。

本文档以同一个Ability内的两个AbilitySlice之间的跳转为例，如果开发者希望实现两个Ability之间的跳转，请参考不同Page间导航。

“MainAbilitySlice.java”的示例代码如下：
//请根据实际工程/包名引入
package com.example.myapplication.slice;

import com.example.myapplication.ResourceTable;

import ohos.aafwk.ability.AbilitySlice;
import ohos.aafwk.content.Intent;

public class MainAbilitySlice extends AbilitySlice {
@Override
public void onStart(Intent intent) {
super.onStart(intent);
super.setUIContent(ResourceTable.Layout_ability_main); // 加载layout目录下的XML布局
}
}
使用预览器或模拟器运行项目，效果如下图所示：

创建另一个页面
在上一节中，我们用XML的方式编写了一个包含文本和按钮的页面。为了帮助开发者熟悉在代码中创建布局的方式，接下来我们使用代码的方式编写第二个页面。

在Project窗口，打开“entry > src > main > java > com.example.myapplication”，右键点击“slice”文件夹，选择“New > Java Class”，命名为“SecondAbilitySlice”，单击回车键。
第二个页面上有一个文本。打开“SecondAbilitySlice”文件，添加一个Text，示例代码如下：
//请根据实际工程/包名引入
package com.example.myapplication.slice;

import ohos.aafwk.ability.AbilitySlice;
import ohos.aafwk.content.Intent;
import ohos.agp.colors.RgbColor;
import ohos.agp.components.DependentLayout;
import ohos.agp.components.Text;
import ohos.agp.components.element.ShapeElement;
import ohos.agp.utils.Color;
import ohos.agp.components.DependentLayout.LayoutConfig;

public class SecondAbilitySlice extends AbilitySlice {
@Override
public void onStart(Intent intent) {
super.onStart(intent);

    // 声明布局
    DependentLayout myLayout = new DependentLayout(this);

    // 设置布局宽高
    myLayout.setWidth(LayoutConfig.MATCH_PARENT);
    myLayout.setHeight(LayoutConfig.MATCH_PARENT);

    // 设置布局背景为白色
    ShapeElement background = new ShapeElement();
    background.setRgbColor(new RgbColor(255, 255, 255));
    myLayout.setBackground(background);

    // 创建一个文本
    Text text = new Text(this);
    text.setText("Hi there");
    text.setWidth(LayoutConfig.MATCH_PARENT);
    text.setTextSize(100);
    text.setTextColor(Color.BLACK);

    // 设置文本的布局
    DependentLayout.LayoutConfig textConfig = new DependentLayout.LayoutConfig(LayoutConfig.MATCH_CONTENT, LayoutConfig.MATCH_CONTENT);
    textConfig.addRule(LayoutConfig.CENTER_IN_PARENT);
    text.setLayoutConfig(textConfig);
    myLayout.addComponent(text);
    super.setUIContent(myLayout);
}

}
实现页面跳转
打开第一个页面的“MainAbilitySlice.java”文件，添加按钮的响应逻辑，实现点击按钮跳转到下一页，示例代码如下：
//请根据实际工程/包名引入
package com.example.myapplication.slice;

import com.example.myapplication.ResourceTable;

import ohos.aafwk.ability.AbilitySlice;
import ohos.aafwk.content.Intent;
import ohos.agp.components.Button;

public class MainAbilitySlice extends AbilitySlice {
@Override
public void onStart(Intent intent) {
super.onStart(intent);
super.setUIContent(ResourceTable.Layout_ability_main);
Button button = (Button) findComponentById(ResourceTable.Id_button);

    // 点击按钮跳转至第二个页面
    button.setClickedListener(listener -> present(new SecondAbilitySlice(), new Intent()));
}

}
说明
setClickedListener用于注册监听相关组件的点击事件，present用于实现页面间的导航。关于页面跳转的更多详细用法，可参考AbilitySlice间导航。

再次使用预览器或模拟器运行项目，效果如下图所示：
点击放大

恭喜你，至此已成功完成HarmonyOS快速入门-使用JAVA语言开发。