当前位置：首页 > news >正文

HarmonyOS NEXT 实战之元服务：静态案例效果（二）

news 来源：原创 2025/7/2 10:57:26

背景：

前几篇学习了元服务，后面几期就让我们开发简单的元服务吧，里面丰富的内容大家自己加，本期案例仅供参考

先上本期效果图，里面图片自行替换

在这里插入图片描述

效果图代码案例如下：

Index里面实现

import { authentication } from '@kit.AccountKit';
import { BusinessError } from '@kit.BasicServicesKit';
import { hilog } from '@kit.PerformanceAnalysisKit';
import { AddressExchangeViewComponent } from './AddressExchangeViewComponent';export const DATA_CONFIG: Record<string, number> = {'NUMBER_LEN': 7, // 数字个数'DURATION_TIME': 200, // 动画时长'MILLENNIAL_LEN': 3 // 千分位长度
}export const STYLE_CONFIG: Record<string, number> = {'ITEM_GUTTER': 12, // 元素间距'ITEM_HEIGHT': 26, // 数字元素高度'TEXT_MARGIN': 2, // 文本间距'PADDING_TOP': 32  // 顶部边距
}@Entry
@Component
struct Index {build() {Column({ space: STYLE_CONFIG.ITEM_GUTTER }) {Text($r('app.string.EntryAbility_label')).fontColor(Color.White).fontSize($r('sys.float.ohos_id_text_size_headline8')).width($r('app.string.digital_scroll_animation_max_size')).textAlign(TextAlign.Start).margin({left:25})Row({ space: 10 }) {Text(this.getDate()).fontSize($r('app.string.ohos_id_text_size_headline')).fontWeight(FontWeight.Medium).height(30).fontColor(Color.White)Text('天气  多云 18℃').height(30)}.width('100%').margin({left:15})AddressExchangeViewComponent()}.padding({top: STYLE_CONFIG.PADDING_TOP}).margin({ top: 60 }).width($r('app.string.digital_scroll_animation_max_size')).height($r('app.string.digital_scroll_animation_max_size')).linearGradient({colors: [[$r('app.color.digital_scroll_animation_background_color'), 0.0],[$r('sys.color.ohos_id_color_background'), 0.3]]})}aboutToAppear() {hilog.info(0x0000, 'testTag', '%{public}s', 'Ability onCreate');this.loginWithHuaweiID();}/*** Sample code for using HUAWEI ID to log in to atomic service.* According to the Atomic Service Review Guide, when a atomic service has an account system,* the option to log in with a HUAWEI ID must be provided.* The following presets the atomic service to use the HUAWEI ID silent login function.* To enable the atomic service to log in successfully using the HUAWEI ID, please refer* to the HarmonyOS HUAWEI ID Access Guide to configure the client ID and fingerprint certificate.*/private loginWithHuaweiID() {// Create a login request and set parameterslet loginRequest = new authentication.HuaweiIDProvider().createLoginWithHuaweiIDRequest();// Whether to forcibly launch the HUAWEI ID login page when the user is not logged in with the HUAWEI IDloginRequest.forceLogin = false;// Execute login requestlet controller = new authentication.AuthenticationController();controller.executeRequest(loginRequest).then((data) => {let loginWithHuaweiIDResponse = data as authentication.LoginWithHuaweiIDResponse;let authCode = loginWithHuaweiIDResponse.data?.authorizationCode;// Send authCode to the backend in exchange for unionID, session}).catch((error: BusinessError) => {hilog.error(0x0000, 'testTag', 'error: %{public}s', JSON.stringify(error));if (error.code == authentication.AuthenticationErrorCode.ACCOUNT_NOT_LOGGED_IN) {// HUAWEI ID is not logged in, it is recommended to jump to the login guide page}});}private getDate() {const now = new Date();const year = now.getFullYear();const month = now.getMonth() + 1; // 注意：月份是从0开始计数的const day = now.getDate();const hours = now.getHours();const minutes = now.getMinutes();const seconds = now.getSeconds();return `${year} 年 ${month} 月 ${day} 日`}
}

AddressExchangeViewComponent 里面实现

import { promptAction } from "@kit.ArkUI"@Preview
@Component
export struct AddressExchangeViewComponent {build() {Column({ space: 16 }) {Row() {Text('附近汽车租赁门店').fontSize(18).fontColor(Color.Black)Text('查看更多>').fontSize(15).fontColor(Color.Black)}.justifyContent(FlexAlign.SpaceBetween).width('100%').padding(10).onClick(() => {})Row({ space: 20 }) {Column({ space: 10 }) {Text() {Span('小王汽车租赁门店')}.fontWeight(FontWeight.Bold).fontSize(13)Row({space:4}) {Image($r('app.media.weizhi')).width(18).height(18)Text('距离1.02km').fontSize(10).fontColor('#5EB761')}Text('预计3分钟路程').fontSize(10).fontColor('#2EB59F')}.width('40%').borderRadius(4).backgroundColor('#F5F9F8').padding(8).alignItems(HorizontalAlign.Start)Column({ space: 10 }) {Text() {Span('小贾汽车租赁门店')}.fontWeight(FontWeight.Bold).fontSize(13)Row({space:4}) {Image($r('app.media.weizhi')).width(18).height(18)Text('距离5km').fontSize(10).fontColor('#5EB761')}Text('预计23分钟路程').fontSize(10).fontColor('#2EB59F')}.width('40%').borderRadius(4).backgroundColor('#F5F9F8').padding(8).alignItems(HorizontalAlign.Start)}Row({ space: 20 }) {Column({ space: 10 }) {Text() {Span('小明汽车租赁门店')}.fontWeight(FontWeight.Bold).fontSize(13)Row({space:4}) {Image($r('app.media.weizhi')).width(18).height(18)Text('距离1.02km').fontSize(10).fontColor('#5EB761')}Text('预计3分钟路程').fontSize(10).fontColor('#2EB59F')}.width('40%').borderRadius(4).backgroundColor('#F5F9F8').padding(8).alignItems(HorizontalAlign.Start)Column({ space: 10 }) {Text() {Span('小朱汽车租赁门店')}.fontWeight(FontWeight.Bold).fontSize(13)Row({space:4}) {Image($r('app.media.weizhi')).width(18).height(18)Text('距离5km').fontSize(10).fontColor('#5EB761')}Text('预计23分钟路程').fontSize(10).fontColor('#2EB59F')}.width('40%').borderRadius(4).backgroundColor('#F5F9F8').padding(8).alignItems(HorizontalAlign.Start)}Button($r('app.string.EntryAbility_label')).fontColor(Color.White).height(40).backgroundColor('#5EB761').width(200).onClick(() => {promptAction.showToast({message: '今日机器出现故障，请找工作室人员解决'});})Row() {Text('我的服务').fontSize(18).fontColor(Color.Black)Text('查看更多 >').fontSize(15).fontColor(Color.Black)}.justifyContent(FlexAlign.SpaceBetween).width('100%').padding(10).onClick(() => {})Column() {Row() {this.msgRelated($r('app.media.j1'), '我的优惠', () => {})this.msgRelated($r('app.media.j3'), '邀请有奖', () => {})this.msgRelated($r('app.media.j4'), '收藏/看过', () => {})}.width('95%').height(80).margin({top: 10,left: 12,right: 12}).backgroundColor(Color.White).justifyContent(FlexAlign.SpaceAround)}.width('95%').height(80).margin({top: 10,bottom: 4,left: 12,right: 12}).borderRadius(10).borderWidth(1).borderColor('#35B6BD').backgroundColor(Color.White).justifyContent(FlexAlign.SpaceAround)}.width($r('app.string.address_exchange_content_size')).height(178).margin($r('app.string.ohos_id_card_margin_start'))}//消息相关@BuildermsgRelated(src: Resource, title: string, onClick?: () => void) {Column() {Image(src).width(24)Text(title).fontSize(11).fontColor('#222222').margin({ top: 8 })}.onClick(() => {onClick?.()})}}

最近文章>>>>>>>>>>>

HarmonyOS NEXT实战：元服务与应用 APP 发布应用市场的详细步骤与流程

若本文对您稍有帮助，诚望您不吝点赞，多谢。

有兴趣的同学可以点击查看源码

gitee：https://gitee.com/jiaojiaoone/explore-harmony-next/tree/case%2Fwanandroid/
github：https://github.com/JasonYinH/ExploreHarmonyNext.git

HarmonyOS NEXT 实战之元服务：静态案例效果（二）

背景： 前几篇学习了元服务，后面几期就让我们开发简单的元服务吧，里面丰富的内容大家自己加，本期案例仅供参考先上本期效果图 ，里面图片自行替换效果图代码案例如下： Index里面实现 import { authent…...

编程日记 2025/7/2 10:57:26

Qt学习记录

Qt学习记录 Qt6读取GBK文件在Qt5中，有QTextCodec模块，支持各种编码设置。 // Qt5 QCoreApplication a(argc, argv); auto desk QStandardPaths::writableLocation(QStandardPaths::DesktopLocation); QFile file(QDir(desk).filePath("test.tx…...

编程日记 2025/7/1 22:03:40

用于汽车碰撞仿真的 Ansys LS-DYNA

使用 Ansys LS-DYNA 进行汽车碰撞仿真汽车碰撞仿真简介汽车碰撞仿真是汽车设计和安全工程的一个关键方面。这些仿真使工程师能够预测车辆在碰撞过程中的行为，从而有助于改进安全功能、增强车辆结构并符合监管标准。Ansys LS-DYNA 是一款广泛用于此类仿真的强大工具…...

编程日记 2025/7/2 4:28:23

Android--java实现手机亮度控制

文章目录 1、开发需求2、运行环境3、主要文件4、布局文件信息5、手机界面控制代码6、debug 1、开发需求需求：开发一个Android apk实现手机亮度控制 2、运行环境 Android studio最新版本 3、主要文件 app\src\main\AndroidManifest.xml app\src\main\res\layou…...

编程日记 2025/7/3 5:48:20

300多种复古手工裁剪拼贴艺术时尚字母、数字、符号海报封面Vlog视频MOV+PNG素材

300复古时尚大小写字母、数字、符号拼贴海报封面平面设计Vlog视频标题动画 Overlay - Cut-Out Letters Animations Pack - Animated Letters, Numbers, and Symbols 使用 Cut-Out Letters Animations Pack 提升您的内容！包含 300多个高品质动画资源，包括…...

编程日记 2025/7/2 11:11:55

免押租赁系统的优势与应用解析

内容概要免押租赁系统，听上去是不是很未来？其实，它的基本概念就是在租赁过程中，消费者无需交付押金，直接使用所租物品。这样一来，不仅降低了租赁的门槛，也让许多想尝试的用户能够更轻松地参与…...

编程日记 2025/7/2 0:46:19

feign 针对某一个特定接口设置超时时间

一、对feign所有接口设置超时配置如果是当前feign所有接口的超时配置，需要在 FeignClient 的 configuration 属性中设置。详情见： https://blog.csdn.net/sinat_32502451/article/details/136884349 二、针对某一个特定接口设置超时时间调用 feig…...

编程日记 2025/7/3 8:35:58

Chrome被360导航篡改了怎么改回来？

一、Chrome被360导航篡改了怎么改回来？ 查看是否被360主页锁定，地址栏输入chrome://version，看命令行end后面（蓝色部分），是否有https://hao.360.com/?srclm&lsn31c42a959f 修改步骤第一步&#xff1a…...

编程日记 2025/7/2 10:07:32

GitLab 将停止为中国区用户提供服务，60天迁移期如何应对？ | LeetTalk Daily

“LeetTalk Daily”，每日科技前沿，由LeetTools AI精心筛选，为您带来最新鲜、最具洞察力的科技新闻。 GitLab作为一个广受欢迎的开源代码托管平台，近期宣布将停止服务中国大陆、澳门和香港地区的用户提供服务。根据官方通知&#x…...

编程日记 2025/7/1 11:13:37

Linux系统和makefile详解

### Linux系统详解 Linux是一个开源且功能强大的操作系统内核，自1991年由林纳斯托瓦兹首次发布以来，它已经成为全球最流行的操作系统之一。Linux的核心特性包括开源、多用户多任务、高稳定性与安全性，以及良好的跨平台能力。 1. **开源**&a…...

编程日记 2025/7/2 3:30:39

基于导频方法的MIMO信道估计详解

多输入多输出（MIMO）技术作为现代无线通信系统的核心，通过利用多天线阵列在发射端和接收端同时传输和接收多个数据流，显著提高了系统的频谱效率和数据传输速率。然而，MIMO系统的性能在很大程度上依赖于对信道状态的准确…...

编程日记 2025/7/3 8:23:16

#!/bin/bash^M 坏的解释器：没有哪个文件或者目录

#!/bin/bash^M 坏的解释器：没有哪个文件或者目录问题背景问题分析问题解决dos2unixsedvim编辑器（推荐）在Windows上转换文件格式最后问题背景工作中，在Windows上编写的shell脚本上传到Linux服务器，在执行的时候提示…...

编程日记 2025/7/3 8:01:04

aj-report本地前后端分离部署运行

github项目地址 aj-report-mine 在源代码v1.4版本基础上，本地进行前后端分离部署开发这里我是进行了整合，把自己在拉取源代码到成功运行过程中的一些东西直接整合，根据下面的步骤即可成功运行资源获取夸克网盘(16-github-aj-report-re…...

编程日记 2025/7/3 8:34:50

1435A 信号发生器

1435A 信号发生器 1435系列信号发生器基于创新的技术实现了性能、经济性和体积重量的平衡设计。具有优良的频谱纯度，单边带相位噪声1GHz载波10kHz频偏达到-136dBc/Hz，10GHz载波10kHz频偏达到-116dBc/Hz；具有高功率输出和大动态范围&#xff…...

编程日记 2025/7/2 22:56:48

计算机组成原理的学习笔记(9)-- CPU·其一 CPU的基本概念/流水线技术/数据通路

学习笔记前言本文主要是对于b站尚硅谷的计算机组成原理的学习笔记，仅用于学习交流。 CPU（中央处理器） 1. 组成定义：计算机的核心部件，负责执行指令和处理数据。组成部分： 核心：多个处…...

编程日记 2025/7/3 5:44:45

【Python】 -- python3 读取 aws athena 表数据

目录 1、环境准备 2、安装环境 3、举例查询某张表数据和执行 add partition 操作 3.1、编辑文件 athena_jdbc.py 3.2、查找 JVM 的动态链接库路径 3.3、保存文件，执行以下命令 1、环境准备 oracle jdk 11centos 8依赖：pandas、pyathenajdbc 和 sq…...

编程日记 2025/6/30 19:17:04

子网掩码计算route命令

子网掩码 - 站长工具 1.子网掩码子网掩码就是用来遮掩IP地址并划分网段的工具，根据遮掩的位数不同来划分不同的网段。 2.网关网关(Gateway)又称网间连接器、协议转换器。默认网关在网络层上以实现网络互连，是最复杂的网络互连设备，仅用…...

编程日记 2025/6/28 19:49:59

店铺营业状态设置

admineShopController RestController("admineShopController") RequestMapping("/admin/shop") Api(tags "店铺相关接口") Slf4j public class ShopController {//设置一个常量因为经常使用public static final String KEY "SHOP-ST…...

编程日记 2025/7/1 22:27:29

JavaWeb 开发基础入门

在当今互联网时代，JavaWeb 开发是构建各类网络应用的核心技术之一。无论是大型企业级应用，还是小型的个人网站，JavaWeb 都展现出强大的生命力。今天，就让我们一起踏入 JavaWeb 开发的基础入门之旅。一、认识 JavaWeb JavaWeb 是…...

编程日记 2025/6/28 20:23:26

Unity Dots理论学习-2.ECS有关的模块（1）

Unity的实体组件系统（ECS）是支撑DOTS模块和技术的面向数据架构。ECS为Unity中的内存数据和runtime进程调度提供了高度的控制和确定性。 ECS for Unity 2022 LTS 配备了两个兼容的物理引擎，一个高级的Netcode package，以及一个用来…...

编程日记 2025/7/2 0:46:49

CentOS下安装RabbitMQ

提示：“奔跑吧邓邓子” 的高效运维专栏聚焦于各类运维场景中的实际操作与问题解决。内容涵盖服务器硬件（如 IBM System 3650 M5）、云服务平台（如腾讯云、华为云）、服务器软件（如 Nginx、Apache、GitLab、Redis、Elasticsearch、Kubernetes、Docker 等）、开发工具（如 Gi…...

编程日记 2025/7/1 7:18:46

【JAVA高级篇教学】第四篇：MySQL 5.7 与 MySQL 8 的区别

MySQL 是最流行的开源数据库管理系统之一，而 MySQL 8 的发布相较于 MySQL 5.7 带来了大量的改进与功能增强。目录一、性能改进二、功能增强三、安全性四、开发体验五、默认排序规则六、支持的排序规则数量七、区分敏感性（Sensitivity&…...

编程日记 2025/6/28 2:13:31

【Git】-- 版本说明

Alpha：是内部测试版,一般不向外部发布,会有很多 Bug .一般只有测试人员使用。Beta：也是测试版，这个阶段的版本会一直加入新的功能。在 Alpha 版之后推出。RC：(Release　Candidate) 顾名思义么 ! 用在软件上就是候选版本。系统平台…...

编程日记 2025/7/3 6:27:00

Flink优化----FlinkSQL 调优

目录 FlinkSQL 调优 1 设置空闲状态保留时间 2 开启 MiniBatch 3 开启 LocalGlobal 3.1 原理概述 3.2 提交案例：统计每天每个 mid 出现次数 3.3 提交案例：开启 miniBatch 和 LocalGlobal 4 开启 Split Distinct 4.1 原理概述 4.2 提交案例&…...

编程日记 2025/7/2 9:29:32

云上「算力浪费」，正在掣肘企业应用落地。

投入算力，真的能换来利润吗？这是每个想“入局”大模型的企业都会思考的问题。人工智能行业一直困于成本，无论从模型训练到推理，都充满了“烧钱”的气息。无法避免的高昂算力，成为企业入局大模型的“铁门槛”。据多…...

编程日记 2025/7/2 4:15:24

科技创新数智未来｜清科·沙丘投研院走进竹云

12月20日，清科沙丘投研院带领企投家团队走进竹云交流分享，聚焦技术创新、企业数字化管理、行业前沿应用案例等热点议题，深入探讨数字技术如何点燃企业高质量发展的澎湃动力，共话企业数字化、智能化发展之道。达晨财智股权管理部…...

编程日记 2025/7/2 10:06:42

spring专题笔记（六）：bean的自动装配（自动化注入）-根据名字进行自动装配、根据类型进行自动装配。代码演示，通俗易懂。

目录一、根据名字进行自动装配--byName 二、根据类型进行自动装配 byType 本文章主要是介绍spring的自动装配机制， 用代码演示spring如何根据名字进行自动装配、如何根据类型进行自动装配。代码演示，通俗易懂。一、根据名字进行自动装配--byName Us…...

编程日记 2025/6/30 7:09:00

EDGE浏览器每次关闭时再次打开保存的密码就消失如何解决

文章目录 EDGE浏览器每次重启的时候保存的密码都消失如何解决？ 打开EDGE浏览器点击三个点点击设置点击隐私、搜索和服务找到选择每次关闭浏览器时要清除的内容将开启的关闭即可...

编程日记 2025/7/2 3:32:55

Python - 获取当前函数中的所有参数信息（名称和值）

代码 import inspect import randomclass P:def start(self, p1, p2, p3None, p4None):arg_info inspect.getargvalues(inspect.currentframe())kwargs arg_info.locals # 获取到所有参数print(kwargs)del kwargs["self"]try:self._start(**kwargs)except Except…...

编程日记 2025/7/2 3:29:12

pyqt5冻结+分页表

逻辑代码 # -*- coding: utf-8 -*- import sys,time,copy from PyQt5.QtWidgets import QWidget,QApplication, QDesktopWidget,QTableWidgetItem from QhTableWidgetQGN import Ui_QhTableWidgetQGN from PyQt5.QtCore import Qt from PyQt5 import QtCore, QtGui, QtWidgets…...

编程日记 2025/6/30 1:45:10

背景：

先上本期效果图 ，里面图片自行替换

效果图代码案例如下：

最近文章>>>>>>>>>>>

有兴趣的同学可以点击查看源码

相关文章：

先上本期效果图，里面图片自行替换