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

木棉花_小蓝
发布于 2022-4-11 14:03
浏览
2收藏

前言

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

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

【木棉花】HarmonyOS手表Demo——定位套件(上)-鸿蒙开发者社区

【木棉花】HarmonyOS手表Demo——定位套件(上)-鸿蒙开发者社区

【木棉花】HarmonyOS手表Demo——定位套件(上)-鸿蒙开发者社区    话不多说,Let us begin our journey.

正文

创建一个项目

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

【木棉花】HarmonyOS手表Demo——定位套件(上)-鸿蒙开发者社区【木棉花】HarmonyOS手表Demo——定位套件(上)-鸿蒙开发者社区

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

设计UI界面

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

【木棉花】HarmonyOS手表Demo——定位套件(上)-鸿蒙开发者社区

首先,打开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>

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

【木棉花】HarmonyOS手表Demo——定位套件(上)-鸿蒙开发者社区

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

【木棉花】HarmonyOS手表Demo——定位套件(上)-鸿蒙开发者社区【木棉花】HarmonyOS手表Demo——定位套件(上)-鸿蒙开发者社区

最后,打开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界面如下

【木棉花】HarmonyOS手表Demo——定位套件(上)-鸿蒙开发者社区首先,我们需要创建一个新的Page Ability: 打开entry>src>main>Java>com.example.location_hms,右击MainAbility,选择并点击新建>Ability>Empty Page Ability(Java)

 

【木棉花】HarmonyOS手表Demo——定位套件(上)-鸿蒙开发者社区


之后,将新建的Page Ability命名如下:

【木棉花】HarmonyOS手表Demo——定位套件(上)-鸿蒙开发者社区


这样,新的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#/

然后,登陆你的华为账号;

登陆完成后,点击我的项目;

【木棉花】HarmonyOS手表Demo——定位套件(上)-鸿蒙开发者社区

之后,点击添加项目,并自取一个项目名;

【木棉花】HarmonyOS手表Demo——定位套件(上)-鸿蒙开发者社区取完项目名后,点击添加应用;

【木棉花】HarmonyOS手表Demo——定位套件(上)-鸿蒙开发者社区

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

【木棉花】HarmonyOS手表Demo——定位套件(上)-鸿蒙开发者社区完成之后,网页会给一些操作提示,但我们先点击取消,暂时跳过这些步骤;
【木棉花】HarmonyOS手表Demo——定位套件(上)-鸿蒙开发者社区最后,点击上方的API管理,并开启定位服务与位置服务。

【木棉花】HarmonyOS手表Demo——定位套件(上)-鸿蒙开发者社区

 

结尾

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

我们下期见!

 

 

【木棉花】HarmonyOS手表Demo——定位套件(上)-鸿蒙开发者社区

 

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

 

©著作权归作者所有,如需转载,请注明出处,否则将追究法律责任
Location_hms.zip 5.23M 24次下载
已于2022-4-11 14:03:50修改
3
收藏 2
回复
举报
2条回复
按时间正序
/
按时间倒序
红叶亦知秋
红叶亦知秋

很久没看到用手表开发了,感谢楼主分享指导。

回复
2022-4-11 14:28:58
木棉花_小蓝
木棉花_小蓝

下期内容的传送门:

https://ost.51cto.com/posts/10996

回复
2022-4-11 15:26:52
回复
    相关推荐