「Mac畅玩鸿蒙与硬件23」鸿蒙UI组件篇13 - 自定义组件的创建与使用
自定义组件可以帮助开发者实现复用性强、逻辑清晰的界面模块。通过自定义组件，鸿蒙应用能够提高代码的可维护性，并简化复杂布局的构建。本篇将介绍如何创建自定义组件，如何向组件传递数据，以及如何在不同页面间复用这些组件。 关键词 自定义组件复用组件属性传递组件通信组件封装 一、创建基础自定义组件 自定义组件是一个独立的 UI 单元，包含了特定的布局、样式和行为，可以在应用的不同部分复用。 1.1 基础自定义...
「Mac畅玩鸿蒙与硬件21」鸿蒙UI组件篇11 - Canvas 组件的静态进阶应用
在鸿蒙应用开发中，Canvas 组件不仅用于基础绘图，还提供了处理复杂路径和渐变效果的多种手段，帮助开发者实现精美的静态图形。本篇将介绍如何在 Canvas 中绘制复杂路径、创建渐变填充效果。 关键词 Canvas 组件 复杂路径绘制 渐变填充 一、Canvas 的复杂路径绘制 Canvas 提供了 bezierCurveTo 和 quadraticCurveTo 等方法，允许开发者绘制复杂的贝塞尔...
「Mac畅玩鸿蒙与硬件20」鸿蒙UI组件篇10 - Canvas 组件自定义绘图
Canvas 组件在鸿蒙应用中用于绘制自定义图形，提供丰富的绘制功能和灵活的定制能力。通过 Canvas，可以创建矩形、圆形、路径、文本等基础图形，为鸿蒙应用增添个性化的视觉效果。本篇将介绍 Canvas 组件的基础操作，涵盖绘制矩形、圆形、路径和文本的实例。 关键词 Canvas 组件 绘图 矩形绘制 圆形绘制 路径与文本 一、Canvas 组件概述 Canvas 组件是鸿蒙中用于自定义图形绘制的...
鸿蒙ArkTS中的image组件
Eco中的API参考，可以随时调出来进行学习。 在鸿蒙官网也有非常详尽的资料，地址：开发说明-API参考概述 - 华为HarmonyOS开发者 (huawei.com) 这里，就学习image组件的一般用法以及使用SVG图标和字体图标，使用SVG图标和字体图标在于图标放大与缩小不失真，可以随意变换颜色。 鸿蒙HarmonyOS NEXT中的image组件一般性用法： 1、图片使用网络地...
基于HarmonyOS NEXT 5.0自定义增强版导航栏组件|鸿蒙ArkUI自定义标题栏
yOS。 https://developer.huawei.com/最新一直潜心学习鸿蒙os开发，于是基于HarmonyOS NEXT 5.0 API12 Release开发了一款自定义多功能导航条组件。 HMNavBar组件支持自定义返回键、标题/副标题、标题居中、背景色/背景图片/背景渐变色、标题颜色、搜索、右侧操作区等功能。 如下图：组件结构非常简单。 组件参数配置 @Componentex...
Vue3/2 组件或元素宽高比固定时基于宽度自适应的一种思路
现实问题 实现思路 Vue3 + TS 实现代码 此样例中的 background 也是通过传入的两个变量计算渐变获得。 组件代码如下： <template><!-- ref绑定 --><div ref="card" class="card-container"> </div></template> <style lang="scss" scoped>.card-container { wi...
「Mac畅玩鸿蒙与硬件15」鸿蒙UI组件篇5 - Slider 和 Progress 组件
Slider 和 Progress 是鸿蒙系统中的常用 UI 组件。Slider 控制数值输入，如音量调节；Progress 显示任务的完成状态，如下载进度。本文通过代码示例展示如何使用这些组件，并涵盖 进度条类型介绍、节流优化、状态同步 和 定时器动态更新。 关键词 Slider 组件 Progress 组件 节流优化 定时器更新 进度条样式 状态同步 一、Slider 组件基础 1.1 基本用法...
「Mac畅玩鸿蒙与硬件14」鸿蒙UI组件篇4 - Toggle 和 Checkbox 组件
在鸿蒙开发中，Toggle 和 Checkbox 是常用的交互组件，分别用于实现开关切换和多项选择。Toggle 提供多种类型以适应不同场景，而 Checkbox 支持自定义样式及事件回调。本篇将详细介绍这两个组件的基本用法，并通过实战展示它们的组合应用。 关键词 Toggle 组件 Checkbox 组件 开关切换 多选框 事件监听 一、Toggle 组件基础 Toggle 支持三种类型：Swit...
DRF-Serializers序列化器组件源码分析及改编
用了Bar的__new__和__init__，因此在实例化类时才会自动触发类的__new__和__init__方法。本质上是因为 对象（） 而调用了type元类的call方法； Serializers组件主要有两个功能：序列化和数据校验 序列化部分：首先定义一个序列化类 class DepartSerializer(serializers.Serializer): '''Serializer校验''...
Spring Cloud 组件的使用
Spring Cloud 是一个基于 Spring Boot 实现的微服务架构开发工具集。以下是一些在 Spring Boot 2 之后常用的 Spring Cloud 组件： 一、服务发现——Eureka 或 Consul Eureka： 作用：实现服务注册与发现。服务提供者将自己的信息注册到 Eureka Server，服务消费者从 Eureka Server 获取服务提供者的地址列表，从而实现...