鸿蒙开发者社区

[HarmonyOSNEXT实战案例七:List系列]水平列表组件实战：打造精美图片库基础篇项目已开源，开源地址：https:gitcode.comnutpiHarmonyosNextCaseStudyTutorial，欢迎fork&star效果演示一、水平列表概述在HarmonyOSNEXT应用开发中，除了常见的垂直列表外，水平列表也是一种重要的UI组件，特别适合展示图片、卡片等内容。水平列表允许用户通过左右滑动浏览内容，在有限的屏幕空间内展示更多信息。1.1水平列表的应用场景应用场景说明...

一、准备工作1.注册并配置微信开放平台登录微信开放平台。在「管理中心移动应用」中创建或编辑你的应用。填写BundleID（即鸿蒙应用的bundleName）和identifier（可与BundleID相同）。提交审核后获取AppID和AppSecret。配置签名信息（SHA256），确保与鸿蒙应用签名一致。2.下载并引入SDK微信官方已发布适用于鸿蒙的OpenSDK（当前版本为1.0+）。在项目ohpackage.json5中添加依赖："dependencies":{"tencentwechatopensdk":"1.2.0"...

前言本文基于Api13上篇文章，我们简单了解了服务卡片的相关知识，那么这篇文章，我们就从0到1实现一个服务卡片。创建卡片创建卡片很简单，可以在Application或者在元服务中，在你的主模块下，任意的文件下进行右键，选择New>ServiceWidget，选择你要实现静态或者动态卡片，这里，大家不用纠结，因为在创建完成之后，我们可以在formconfig.json配置文件中，通过isDynamic参数修改卡片类型，为空或者true，则是动态卡片，false则...

前言最近在鸿蒙项目开发过程中，测试提出图片预览时无法下载的bug，这么简单的功能怎么会有问题。一开始还以为是手机的问题或者网络不好，拿到测试机复现问题的时候发现下载的Gif图确实无法下载成功，报了个2300023错误码，查看鸿蒙文档才发现图片下载时使用的是http请求，但是http请求限制了流的大小为5M，而Gif的大小超过了限制，本篇文章将详细带你一步步解决这个问题，同时解决图片链接为png但是下载后是Gif图的问题，建议...

关键词AGC，鸿蒙游戏问题描述后台上传并创建一个测试版本，上传app包并发布后，发现通过生成的测试分享链接下载得包体大小跟AGC后台上传的测试包大小不一致。如图后台发布版本的包体大小是650MB：实际通过测试链接下载的包大小是510MB，比后台上传的小了一百多MB：问题分析​​提单​​联系华为技术人员核实该问题是否正常，技术反馈是正常的，后台内部会对传输的包体做优化，但该优化不会影响包体功能。问题解决。更多问题可关...

一、前期准备注册微信开放平台账号在微信开放平台注册开发者账号，创建移动应用并提交审核，获取AppID和AppSecret[citation:1]。注意：应用包名需与鸿蒙项目的config.json中配置的bundleName完全一致[citation:2]。配置应用签名使用鸿蒙提供的签名工具生成应用签名（如.cer文件），并在微信开放平台填写对应的签名信息（如SHA256或MD5）。签名不匹配会导致登录失败[citation:1][citation:3]。二、集成微信SDK1.添加依赖在项目的...

前言本文基于Api13鸿蒙的桌面卡片功能，也就是服务卡片，和Android端的小部件以及iOS端的小组件功能是一样的，只是叫法不一样，都是将应用内比较核心的功能，或者用户关注度高的功能，通过触发桌面应用进行添加到服务卡片上，进而添加到桌面上，以此达到信息展示的及时性，相关功能直达应用内的便捷效果，可以说在用户体验上，是一个质的提升。触发方式也是十分的简单，无论你是Android、iOS还是HarmonyOS，只要已经适配了这个...

1关键词compatibleSdkVersion；SDK版本；设备API版本；apiVersion；device；devecostudio；鸿蒙游戏2问题描述真机运行项目失败，报错compatibleSdkVersionandreleaseTypeoftheappdonotmatchtheapiVersionandreleaseTypeonthedevice.3报错信息4原因分析这个报错指应用的兼容SDK版本和发布类型与设备上的API版本和发布类型不匹配：当前工程的兼容的最低版本高于设备镜像版本。​​https:developer.huawei.comconsumercndocharmony...

前言版本基于5.0.7.200​专项集成测试工具DevEcoTesting，之前有过一篇简单的开胃小菜介绍，主要介绍了设备投屏功能和页面的Dom树结构获取，其实，那只是冰山一角的功能，毕竟它可是，鸿蒙推出的一款专项测试工具，其功能远远不止这些，今天我们就带来它的一个智能化的测试功能，稳定性测试。稳定性测试稳定性测试功能体验过后，只能用惊叹两个字形容，因为它使用足够简单，功能足够智能，分析也足够全面，它可以为我们提供面向...

前言响应式设计（ResponsiveWebDesign，简称RWD）在Web网站设计领域是一种网页设计方法论，旨在让网站在不同设备和屏幕尺寸上都能提供良好的阅读和交互体验，而无需为每一个新设备或屏幕尺寸创建单独的版本。这种设计方法的核心在于页面布局和内容可以根据用户所使用的设备特性（如屏幕尺寸、分辨率、方向等）进行灵活调整。实现断点响应式布局中最常使用的特征是窗口宽度及窗口高宽比，可以将窗口宽度及窗口高宽比划分为不同的...

1背景HarmonyOSNEXT将原来SDK中的登录、支付、游戏服务等能力下沉到了应用服务中，提供ArkTS接口供APP调用。我们开发了对应登录、支付能力的业务层har包（gameservicesdk和iapkitsdk），简化开发者的接入逻辑。本文档将分别介绍CocosCreator2.4.15引擎鸿蒙工程接入登录和接入支付的流程。2登录（gameservicesdk）har包接入2.1开发准备请前往AGC控制台完成创建游戏类应用，生成签名证书等准备工作，详情请参见​​游戏服务开发准...

仓颉枚举类型(enum)是仓颉编程语言中一种强大的核心数据类型，它提供了一种通过列举所有可能取值来定义新类型的方式。其设计深受函数式编程语言中代数数据类型(AlgebraicDataTypes,ADT)的影响，赋予了仓颉的枚举远超许多传统语言中简单枚举的表达能力。本节将详细探讨仓颉enum的定义、使用、核心特性及其应用。一、枚举类型：从列举到代数在许多编程语言中，枚举主要用于为一组相关的命名常量提供类型安全。例如，表示一周的天...

Tabs吸顶场景场景描述Tabs嵌套List的吸顶效果，常用于新闻、资讯类应用的首页。本场景以Tabs页签首页内容为例，在首页TabContent的内容区域使用List组件配合其它组件，构建下方列表数据内容。进入页面后，向上滑动内容，中间Tabs页签区域实现吸顶展示的效果。页面整体结构图页面效果图实现原理Tabs组件可以在页面内快速实现视图内容的切换，让用户能够聚焦于当前显示的内容，并对页面内容进行分类，提高页面空间利用率。通过Tab...

概述随着终端硬件的发展，可以运行游戏的设备种类也多种多样。从手机的大折叠（MateX系列）、小折叠（pocket系列）、三折叠（MateXT）、阔折叠（puraX）到平板，再到智能终端的各种异形屏，都可以承载游戏画面实现玩家交互，因此多设备分辨率的适配，是鸿蒙游戏适配的重要一环。本文立足于业界常用游戏引擎，从引擎能力、游戏UI适配、游戏视野适配三个角度分析介绍多分辨率设备中游戏适配的整体方案，方案图如下：引擎能力满足...

1背景HarmonyOSNEXT将原来SDK中的登录、支付、游戏服务等游戏下沉到了系统服务中，提供ArkTs接口供APP调用。ArkTS接口内部实现涉及拉起登录、支付弹窗，因此只能在UI线程调用。本文基于C++调用TS代码的能力，提供一个完整的由C++发起请求，APPUI线程调用ArkTs接口实现登录、支付、游戏服务的解决方案。2原理概述前往​​Demo源码​​下载Demo。注意引擎3.17.2Demo的C++代码调用流程如下：游戏登录C++通过NAPI框架调用ets文件中...

前言本文基于Api13来了一个需求，要实现顶部下拉刷新，并且顶部的标题栏，下拉状态下跟随手势刷新，上拉状态下进行吸顶，也就是tabs需要固定在顶部标题栏的下面，基本的效果可以看下图，下图是一个Demo，实际的需求，顶部标题栏带有渐变显示，不过这些不是重点。首先要解决什么问题？第一个就是下拉刷新和上拉加载，第二个就是tabs组件进行吸顶，第三个就是手势冲突问题了，这三个问题解决了，那么效果基本上也就能实现了。如何...

前言本文基于Api13这两天在优化一些功能，发现之前网路库中的oading动画是通过帧动画实现的，而刷新库中的动画却是直接使用的GIF，而到了另一个项目中则又是通过属性动画的方式实现的，索性就针对这几种实现方式简单总结一下，希望可以帮助到有需要的朋友。首先，我们要知道一点，想要实现一个动态的图片，不仅仅是以上的几种方式，使用lottie也可以实现，所以在实际的开发中，应当根据自身需求需要，选择一种合适的即可。​GIF...

大家周末好，本文分享一个小而美的旅行app首页，效果图如下：在开始写代码之前，我们还是先理一下整个页面的结构，它整体是一个滚动的列表，所以要使用List组件。而且这个页面是没有导航栏的，但是为了更好的使用组件导航，我们还是要使用Navigation组件，并且隐藏头部内容，像这样：pathStack:NavPathStacknewNavPathStack();Navigation(this.pathStack){}.width('100%').height('100%').hideTitleBar(true)接下来，在List容器...

各位好，今日分享一个健身app的首页：这个页面看起比之前的案例要稍微复杂一些，主要在于顶部部分，有重叠的背景，还有偏移的部分。重叠布局可以使用Stack容器实现，超出容器范围的偏移可以使用负数间距来实现，顶部部分的具体实现代码如下：Column{Text('February').fontColor(Color.WHITE).fontSize(14)Row{Row{Image(r(app.media.goal)).width(37).height(37)Text('MYGOAL').fontColor(Color.WHITE).fontSize(30).fontWeight...

一、引言：列表布局——鸿蒙应用的数据展示中枢在鸿蒙应用开发体系中，列表布局是处理结构化数据展示的核心场景。从新闻资讯的信息流、电商平台的商品陈列到任务管理的待办事项，几乎所有中大型应用都依赖高效的列表组件实现数据可视化。鸿蒙提供的List、ListItem、ListItemGroup三件套组件，通过标准化的接口设计与分层架构，构建了一套完整的列表解决方案。本文将系统解析这三个组件的核心机制、进阶用法与工程实践，帮助开发...