如何利用OpenHarmony按钮实现导航功能

在OpenHarmony中，利用按钮实现导航功能可以通过指定Ability（即显式Want）来拉起其他应用。以下是一个简单的代码示例，展示了如何通过点击按钮跳转到系统相机、系统设置WiFi页面、系统设置蓝牙页面和系统音乐应用：

import Want from '@ohos.app.ability.Want';
import common from '@ohos.app.ability.common';
import { hilog } from '@kit.PerformanceAnalysisKit';
import { BusinessError } from '@ohos.base';

@Entry
@Component struct Index {
    context = getContext(this) as common.UIAbilityContext;
    navPathStack: NavPathStack = new NavPathStack();

    @Styles commonButton() {
        width(250).margin(5)
    }

    build() {
        Navigation(this.navPathStack) {
            Column() {
                Text('通过startAbility拉起：')
                Button('跳转系统相机').onClick(() => {
                    let want: Want = {
                        bundleName: 'com.ohos.camera',
                        abilityName: 'com.ohos.camera.MainAbility',
                    };
                    this.context.startAbilityForResult(want).then((data) => {
                        hilog.info(0x0000, 'Success', JSON.stringify(data));
                    }).catch(() => {
                        hilog.info(0x0000, 'error', '');
                    });
                }).commonButton()
                Button('跳转系统设置wifi页面').onClick(() => {
                    let want: Want = {
                        bundleName: 'com.ohos.settings',
                        abilityName: 'com.ohos.settings.MainAbility',
                        uri: 'wifi', // 对应wifi设置页，不传就跳转系统设置首页/当前所在页
                    };
                    this.context.startAbility(want).then(() => {}).catch((err: BusinessError) => {
                        hilog.error(0x0000, 'Failed to startAbility. Code:', `${err.code}${err.message}`);
                    });
                }).commonButton()
                Button('跳转系统设置蓝牙页面').onClick(() => {
                    let want: Want = {
                        uri: 'bluetooth', // 对应wifi设置页，不传就跳转系统设置首页/当前所在页
                    };
                }).commonButton()
                Button('跳转系统音乐应用').onClick(() => {
                    let want: Want = {
                        bundleName: 'ohos.samples.distributedmusicplayer',
                        abilityName: 'ohos.samples.distributedmusicplayer.MainAbility',
                    };
                    hilog.error(0x0000, 'Failed to startAbili', err);
                }).commonButton()
            }
        }
    }
}

其他集成方式

• UAAL（Used as a Library）：OpenHarmony 1.4.0版本引入了UAAL技术，允许将引擎功能集成到现有的原生应用程序中。这为开发者提供了更高的灵活性和可复用性。

顶部导航栏添加图标

在鸿蒙（HarmonyOS）应用中为顶部导航栏添加图标，可以通过以下步骤实现：

1. 确定使用CommonTitleBar还是自定义布局；
2. 在布局文件中添加图标资源；
3. 配置图标的位置和样式；
4. 实现点击事件处理；
5. 测试和调试布局显示及功能。

例如，使用CommonTitleBar组件：

<DirectionalLayout xmlns:ohos="http://schemas.huawei.com/res/ohos" ohos:width="match_parent" ohos:height="match_parent">
    <CommonTitleBar ohos:id="$+id:title_bar" ohos:width="match_parent" ohos:height="50vp" ohos:left_margin="10vp" ohos:right_margin="10vp" ohos:title_text="首页" ohos:right_icon="$media:ic_settings" <!-- 右侧图标资源 --> ohos:right_clickable="true"/> <!-- 其他内容 -->
</DirectionalLayout>

通过以上步骤，你可以在OpenHarmony应用中实现按钮导航功能，并根据需要添加顶部导航栏的图标。