HarmonyOS原子化服务卡片个人名片体验展示 原创

鸿蒙时代
发布于 2021-6-22 10:15
浏览
0收藏

一、简要描述

卡片名称:  JLTFCardTemplate;卡片语言:  JAVA;使用模板: List Pattern;工具:deveco studio。

 

二、应用场景

相当于基于HarmonyOS原子化服务的个人名片,可以向别人清晰地展示自我的各项信息,我们后续会增加信息的展示方式;会进行各种分享方式的开发以及多用户可以自动生成名片的开发等,成为一个基于HarmonyOS原子化服务的名片社交应用。

 

三、前端初步效果如下

  HarmonyOS原子化服务卡片个人名片体验展示 -鸿蒙开发者社区

 

四、开发过程

 

第一步

新建一个java的应用项目(不必选择show in service center)

然后构建完成项目后在src下new->service widget

  HarmonyOS原子化服务卡片个人名片体验展示 -鸿蒙开发者社区

选择basic下的list pattern模板

  HarmonyOS原子化服务卡片个人名片体验展示 -鸿蒙开发者社区

然后next配置你的卡片名和类型和尺寸

登录你的账号然后启动模拟器

即可实现效果Xml (2*2)

 

五、部分代码展示

<Image
    ohos:height="24vp"
    ohos:width="24vp"
    ohos:image_src="$media:form_list_pattern_widget_default_app_icon"
    ohos:scale_mode="zoom_center"
    ohos:start_margin="12vp"
    ohos:top_margin="12vp"/>

<Text
    ohos:height="match_content"
    ohos:width="match_parent"
    ohos:end_margin="12vp"
    ohos:start_margin="44vp"
    ohos:text="$string:widget_app_name"
    ohos:text_color="#E5000000"
    ohos:text_size="16fp"
    ohos:text_weight="500"
    ohos:top_margin="12vp"/>

<DirectionalLayout
    ohos:height="match_content"
    ohos:width="match_parent"
    ohos:align_parent_bottom="true"
    ohos:bottom_margin="12vp"
    ohos:end_margin="12vp"
    ohos:orientation="vertical"
    ohos:start_margin="12vp">

    <DirectionalLayout
        ohos:height="48vp"
        ohos:width="match_parent"
        ohos:orientation="horizontal">

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

            <Text
                ohos:height="match_content"
                ohos:width="match_parent"
                ohos:text="$string:widget_user"
                ohos:text_color="#E5000000"
                ohos:text_size="14fp"
                ohos:text_weight="500"
                ohos:truncation_mode="ellipsis_at_end"/>

            <Text
                ohos:height="match_content"
                ohos:width="match_parent"
                ohos:text="$string:widget_user_name"
                ohos:text_color="#99000000"
                ohos:text_size="10fp"
                ohos:text_weight="400"
                ohos:top_margin="2vp"
                ohos:truncation_mode="ellipsis_at_end"/>
        </DirectionalLayout>
    </DirectionalLayout>

HarmonyOS原子化服务卡片个人名片体验展示 -鸿蒙开发者社区

 

六、完整代码地址:

https://gitee.com/jltfcloudcn/jump_to/tree/master/%E5%90%8D%E7%89%87

 

©著作权归作者所有,如需转载,请注明出处,否则将追究法律责任
标签
HarmonyOS原子化服务卡片个人名片体验展示.rar 1.67M 10次下载
3
收藏
回复
举报
5条回复
按时间正序
/
按时间倒序
Tuer白晓明
Tuer白晓明

服务卡片将是HarmonyOS一大亮点O(∩_∩)O哈哈~

回复
2021-6-22 10:18:06
鸿蒙时代
鸿蒙时代

是的,智慧物联网应用服务的形式和互联网,移动互联网一定是不一样的呀。这个应该只是刚刚开始的变化。

回复
2021-6-23 12:28:38
mb5fb4c23734e69
mb5fb4c23734e69

这样走下去的话,完全是把手机桌面当成了原来的应用,而卡片则成了原来应用里面的前端页面,那像一些高频应用场景,收付款码、健康码等等完全可以减少一步,直接在桌面展示了

回复
2021-6-23 13:59:48
鸿联
鸿联

卡片让关键内容直接呈现,应用前景不可估量

回复
2021-6-23 14:57:03
鸿蒙时代
鸿蒙时代

看来大家对原子化服务卡片的讨论热情很高呀。算是智慧物联网新应用服务的开始吧。

回复
2021-6-25 21:32:46
回复
    相关推荐