AI 助理
文档备案控制台
文章 2025-06-02 来自：开发者社区

42.[HarmonyOS NEXT Row案例十] 精美图文混排卡片：左图标与右文本的完美结合

项目已开源，开源地址： https://gitcode.com/nutpi/HarmonyosNextCaseStudyTutorial ， 欢迎fork & star 效果演示 1. 概述 在移动应用界面设计中，图文混排卡片是一种常见且实用的UI组件，它通过...

42.[HarmonyOS NEXT Row案例十] 精美图文混排卡片：左图标与右文本的完美结合
文章 2025-06-02 来自：开发者社区

40.[HarmonyOS NEXT Row案例八] 打造专业数据统计卡片：两端对齐与响应式图标的完美结合

项目已开源，开源地址： https://gitcode.com/nutpi/HarmonyosNextCaseStudyTutorial ， 欢迎fork & star 效果演示 1. 概述 在数据分析、金融、健康等应用中，数据统计卡片是展示关键指标和趋势的重...

40.[HarmonyOS NEXT Row案例八] 打造专业数据统计卡片：两端对齐与响应式图标的完美结合
文章 2025-06-02 来自：开发者社区

23.[HarmonyOS NEXT Column案例四（下）] 响应式卡片内容实现与样式定制

项目已开源，开源地址： https://gitcode.com/nutpi/HarmonyosNextCaseStudyTutorial ， 欢迎fork & star 效果演示 1. 引言 在上一部分中，我们介绍了响应式设计的基本概念、Column组件的水平对齐能力以...

23.[HarmonyOS NEXT Column案例四（下）] 响应式卡片内容实现与样式定制
文章 2025-06-02 来自：开发者社区

13.HarmonyOS流式卡片列表实现指南：Flex多行布局详解

引言 在现代移动应用开发中，流式卡片列表是一种常见且实用的UI设计模式。它能够自适应屏幕宽度，在有限空间内高效展示多个内容项。本教程将详细讲解如何使用HarmonyOS的ArkUI框架中的Flex组件实现一个灵活的流式卡片列表，重点关注多行布局与对齐策略的应用。 基础概念 Flex布局模型 Flex布局是一种一维布局模型，它赋予容器能力，可以通过调整其中项目的宽度...

13.HarmonyOS流式卡片列表实现指南：Flex多行布局详解
文章 2025-04-16 来自：开发者社区

【05】20250416优雅草星云物联网AI智控系统从0开发鸿蒙端适配-deveco studio-增加告警中心相关卡片页面WarningCardWidget相关-增加Canvas 绘制折线图-Canvas 绘制柱状图-首页-优雅草卓伊凡

【05】20250416优雅草星云物联网AI智控系统从0开发鸿蒙端适配-deveco studio-增加告警中心相关卡片页面WarningCardWidget相关-增加Canvas 绘制折线图-Canvas 绘制柱状图-首页-优雅草卓伊凡 项目背景 本项目渊源已久，优雅草2025年发布，PC端已经发布，将在4月完成成品发布，目前由于考虑到鸿蒙端用户使用，毕竟新一代纯血鸿蒙harm...

【05】20250416优雅草星云物联网AI智控系统从0开发鸿蒙端适配-deveco studio-增加告警中心相关卡片页面WarningCardWidget相关-增加Canvas 绘制折线图-Canvas 绘制柱状图-首页-优雅草卓伊凡
文章 2025-03-30 来自：开发者社区

HarmonyOS Next 实战卡片开发 03

HarmonyOS Next 实战卡片开发 03 在前面两张，我们基本掌握了卡片的使用流程，本章节就通过一个实战来加强对卡片使用的理解。 要完成的案例 新建项目和新建服务卡片 设置沉浸式 entry/src/main/ets/entryability/EntryAbility.ets 首页显示轮播图数据 1. 申请网络权限 entry/src/main/module.j...

HarmonyOS Next 实战卡片开发 03
文章 2025-03-30 来自：开发者社区

HarmonyOS Next 实战卡片开发 02

HarmonyOS Next 实战卡片开发 02 卡片开发中，还有一个难点是显示图片。其中分为显示本地图片和显示网络图片 显示本地图片 卡片可以显示本地图片，如存放在应用临时目录下的图片。路径比如 /data/app/el2/100/base/你的项目 boundleName/temp/123.png 以下操作是为了得到一张 该目录下的图片做的准备工作 截图，得到一张相册图片 使用P...

HarmonyOS Next 实战卡片开发 02
文章 2025-03-30 来自：开发者社区

HarmonyOS Next 实战卡片开发 01

HarmonyOS Next 实战卡片开发 01 介绍 Form Kit（卡片开发服务）提供一种界面展示形式，可以将应用的重要信息或操作前置到服务卡片（以下简称“卡片”），以达到服务直达、减少跳转层级的体验效果。卡片常用于嵌入到其他应用（当前被嵌入方即卡片使用方只支持系统应用，例如桌面...

HarmonyOS Next 实战卡片开发 01
文章 2025-03-26 来自：开发者社区

鸿蒙特效教程10-卡片展开/收起效果

鸿蒙特效教程10-卡片展开/收起效果 在移动应用开发中，卡片是一种常见且实用的UI元素，能够将信息以紧凑且易于理解的方式呈现给用户。 本教程将详细讲解如何在HarmonyOS中实现卡片的展开/收起效果，通过这个实例，你将掌握ArkUI中状态管理和动画实现的核心技巧。 一、实现效果预览 我们将实现一个包含多个卡片的页面，整个...

鸿蒙特效教程10-卡片展开/收起效果
文章 2024-12-24 来自：开发者社区

【HarmonyOS Next开发】使用两层Scroll实现一天时间轴和事件卡片的层叠显示

简介 实现某一天24小时的时间长度和当天事件的页面。实现如下的效果： 代码 代码架构 List_Page：主界面 NumberUtil：数字辅助类 DateEvenModel：日程实体类 ListPageViewModel：界面交互类 List_Page import { DateEvenModel } from '../Models/DateEvenModel'; import...

【HarmonyOS Next开发】使用两层Scroll实现一天时间轴和事件卡片的层叠显示

本页面内关键词为智能算法引擎基于机器学习所生成，如有任何问题，可在页面下方点击"联系我们"与我们沟通。

HarmonyOS更多卡片相关

HarmonyOS您可能感兴趣

开发与运维

集结各类场景实战经验，助你开发运维畅行无忧

+关注