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 6次下载
3
收藏
回复
举报
回复
添加资源
添加资源将有机会获得更多曝光,你也可以直接关联已上传资源 去关联
    相关推荐