logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

鸿蒙OpenHarmony【继承样式】自定义组件

摘要:本文介绍了自定义组件中的inherit-class属性,该属性允许子组件继承父组件的样式。通过设置inherit-class属性值为父组件样式类名(多个类名用空格分隔),子组件可以应用父组件定义的样式。示例展示了父组件定义两个样式类parent-class1和parent-class2,并通过inherit-class属性传递给自定义组件comp,使得comp中的文本元素成功继承了这些样式定

文章图片
#鸿蒙#鸿蒙系统#harmonyos +1
鸿蒙OpenHarmony【slot插槽】自定义组件

摘要:本文介绍了组件插槽的使用方法,包括默认插槽和具名插槽。默认插槽通过slot标签承载父组件内容,具名插槽可通过命名区分多个插槽。示例展示了两种插槽的定义和使用方式,并说明name和slot属性不支持动态数据绑定。插槽机制增强了组件内容控制的灵活性,使组件复用更加便捷。

文章图片
#harmonyos#鸿蒙#鸿蒙系统 +1
鸿蒙OpenHarmony【数据传递与处理】自定义组件

本文介绍了自定义组件中props和computed的使用方法。props用于父组件向子组件传递参数,支持多种数据类型,需注意命名规范和数据单向性。子组件可以设置default默认值,并通过$watch监听属性变化。computed计算属性允许在属性读写时进行预处理,可设置getter和setter方法。示例代码展示了props和computed的具体应用场景,包括参数传递、默认值设置、数据监听和计

文章图片
#linux#运维#服务器 +4
鸿蒙OpenHarmony【自定义组件的基本用法】自定义组件

摘要:自定义组件通过封装已有组件实现复用,提升代码可读性。使用element标签引入,支持属性传递和事件绑定。组件间通信通过props传递数据,$emit触发自定义事件,父组件用@event-name接收。数据管理包含data、props和computed字段,需遵循命名规范(避免$、_开头及保留字)。示例展示了条件渲染、无参/带参事件传递的实现方式,以及父子组件的数据交互机制。

文章图片
#开发语言#鸿蒙#鸿蒙系统 +1
鸿蒙OpenHarmony【animateTransform】svg组件

本文介绍了SVG动画transform属性的使用方法和示例代码。该属性支持五种变换类型(translate、scale、rotate、skewX、skewY),通过animateTransform标签实现持续动画效果。文档展示了不同变换类型的单动画示例,包括旋转、缩放、扭曲和平移动画,并提供了动画叠加的复合效果演示。CSS部分定义了基础容器样式,HTML示例代码则详细呈现了如何设置各种变换动画的参

文章图片
#开发语言#鸿蒙#鸿蒙系统 +1
鸿蒙OpenHarmony【animateMotion】svg组件

本文介绍了路径动画组件animateMotion的使用方法,该组件不支持子组件且权限列表为空。主要属性包括:keyPoints(必填,定义关键帧位置)、path(必填,设置运动路径)和rotate(可选,控制旋转方向)。示例展示了三种旋转模式(auto/auto-reverse/45度)的SVG路径动画效果,通过keyPoints和path属性实现对象沿指定路径运动,并设置了2000ms的循环动画

文章图片
#harmonyos#鸿蒙#鸿蒙系统
鸿蒙OpenHarmony【animate】svg组件

本文介绍了SVG组件属性动画的设置方法。主要包含12个属性参数:attributeName指定动画属性,begin/dur/end控制时间参数,repeatCount设置播放次数,fill决定动画结束状态,calcMode选择插值模式(如linear线性、spline贝塞尔曲线),keyTimes/keySplines/values配合实现关键帧动画,from/to/by定义属性变化值。通过三个示

文章图片
#鸿蒙#鸿蒙系统#harmonyos
鸿蒙OpenHarmony【text】svg组件

摘要:文本组件用于在SVG中显示文字内容,支持API 7及以上版本。该组件必须嵌套在svg标签内,可包含tspan、textPath等子组件。提供丰富的属性配置,包括坐标定位(x/y)、字体样式(font-size/fill)、透明度(opacity)、旋转(rotate)以及边框效果(stroke)等。通过CSS和HML示例展示了基础文本渲染、属性动画(如位置移动、透明度变化、旋转效果)以及动态

文章图片
#开发语言#鸿蒙#鸿蒙系统 +1
鸿蒙OpenHarmony【tspan】svg组件

本文介绍了文本组件的使用规范,支持API版本7及以上,文本内容需写在元素标签内并可嵌套tspan分段。组件属性包括坐标位置、字体样式、颜色填充、透明度等,并支持属性动画效果。示例展示了文本样式设置、分段展示以及动画效果(如位置移动、透明度变化、字体旋转等)。文本组件需嵌套在svg标签内使用,无特殊权限要求。

文章图片
#开发语言#鸿蒙#鸿蒙系统 +1
    共 61 条
  • 1
  • 2
  • 3
  • 7
  • 请选择