【木棉花】HarmonyOS手表Demo——定位套件（上） 原创 精华

前言

      在当今的软件开发中，一个完整移动应用功能的完善不仅需要用到大量的开源第三方组件，而且还需要由特定机构的云端技术服务提供支持，诸如游戏服务，推送服务等等。而在本期的知识分享中，笔者将循序渐进地给出一个定位服务Demo的完整创建过程，旨在帮助初学者们了解如何将云端服务融入一个应用的功能中。

      定位服务Demo的使用效果图如下：

    话不多说，Let us begin our journey.

正文

创建一个项目

打开DevEco Studio, 创建一个新项目，相关勾选如下：

（提示：【1】包名可以自取，但尽量取复杂一点，这对后面的步骤有用； 【2】SDK一定要配置版本号为6的API，因为Wearable(智能穿戴)的模拟机仅支持此API；

）

设计UI界面

(1) 我们需要制作的第一个UI界面如下：

首先，打开entry>src>main>resources>base>graphic>background_ability_main.xml，将代码修改为如下：

<?xml version="1.0" encoding="UTF-8" ?>
<shape xmlns:ohos="http://schemas.huawei.com/res/ohos"
       ohos:shape="rectangle">
    <corners
        ohos:radius="30"/>  //设置圆角
    <stroke
        ohos:width="4"    
        ohos:color="red"/>  //设置边框的厚度与颜色
    <solid
        ohos:color="#EDEDED"/>  //设置背景色
</shape>

接着，我们将这张图片复制到剪切板上：

然后打开之前在IDE创建的项目，并打开entry>src>main>resources>base>media，右击icon.png并选择粘贴，之后将所粘贴的图片命名为pic；

最后，打开entry>src>main>resources>base>layout>ability_main.xml，将代码修改为如下：

<?xml version="1.0" encoding="utf-8"?>
<DirectionalLayout
    xmlns:ohos="http://schemas.huawei.com/res/ohos"
    ohos:height="match_parent"
    ohos:width="match_parent"
    ohos:alignment="center"
    ohos:orientation="vertical">


    <Image
        ohos:height="80vp"
        ohos:width="80vp"
        ohos:image_src="$media:pic"
        ohos:margin="10vp"
        />  //加入一个Image组件

    <Button
        ohos:id="$+id:bn1"
        ohos:height="30vp"
        ohos:width="80vp"
        ohos:background_element="$graphic:background_ability_main"
        ohos:text_color="black"
        ohos:text_weight="700"
        ohos:text_size="12vp"
        ohos:text="开始定位"
        ohos:margin="10vp"
        />   //加入一个Button组件



</DirectionalLayout>

第一个UI界面便设计完成了，打开Previewer可查看效果；

(2) 我们需要制作的第二个UI界面如下：

首先，我们需要创建一个新的Page Ability: 打开entry>src>main>Java>com.example.location_hms，右击MainAbility，选择并点击新建>Ability>Empty Page Ability（Java）；

之后，将新建的Page Ability命名如下：

这样，新的Page Ability（即GetLastLocationAbility）便被成功创建，它的默认AbilitySlice（即GetLastLocationAbilitySlice）与xml布局文件(即ability_get_last_location.xml)也随之生成；

此时，打开entry>src>main>resources>base>layout>ability_get_last_location.xml，将代码修改为如下：

<DirectionalLayout
    xmlns:ohos="http://schemas.huawei.com/res/ohos"
    ohos:height="match_parent"
    ohos:width="match_parent"
    ohos:orientation="vertical"
    ohos:padding="32">

    <ScrollView
        ohos:height="match_parent"
        ohos:width="match_parent">  //设置滚轮

        <DirectionalLayout
            ohos:height="match_content"
            ohos:width="match_parent"
            ohos:orientation="vertical">


            <Button
                ohos:id="$+id:btn_getLastLocationWithAddress"
                ohos:height="match_content"
                ohos:width="666vp"
                ohos:background_element="black"
                ohos:layout_alignment="horizontal_center"
                ohos:margin="5vp"
                ohos:padding="10vp"
                ohos:text="点击获取当前位置"
                ohos:text_color="white"
                ohos:text_size="25"/>
            //设置Button组件

            <Text
                ohos:id="$+id:show_location"
                ohos:height="match_content"
                ohos:width="match_parent"
                ohos:margin="5vp"
                ohos:text_color="black"
                ohos:layout_alignment="horizontal_center"
                ohos:text_size="25"
                />
            //设置一个用于显示定位信息的Text组件
            
        </DirectionalLayout>
    </ScrollView>
</DirectionalLayout>

第二个UI界面便设计完成了，打开Previewer可查看效果；

在AppGallery Connect上申请定位服务

首先，进入AppGallery Connect的官网——https://developer.huawei.com/consumer/cn/service/josp/agc/index.html#/

然后，登陆你的华为账号；

登陆完成后，点击我的项目；

之后，点击添加项目，并自取一个项目名；

取完项目名后，点击添加应用；

接着，依照下图正确填写关于添加应用的信息；

完成之后，网页会给一些操作提示，但我们先点击取消，暂时跳过这些步骤；
最后，点击上方的API管理，并开启定位服务与位置服务。

结尾

本期的内容就先分享到这，剩下的内容笔者将在下期的文章里揭晓。

我们下期见！

更多资料请关注我们的项目 : Awesome-Harmony_木棉花