logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

【共创季稿事节】 日历组件开发:ArktS 中日期算法与 Grid 网格布局

本文介绍了如何使用ArkTS实现月视图日历组件。主要内容包括:1)核心日期算法实现(计算当月天数、首日星期及网格大小);2)基于Grid的7列等分布局设计;3)通过@Builder构建日期格子并处理选中状态;4)周末日期特殊样式处理;5)年月切换的边界控制。该组件结合JavaScript日期计算与ArkTS布局能力,展示了日历开发的关键技术点,适用于各类日程管理应用场景。

文章图片
#java#开发语言#鸿蒙 +1
【共创季稿事节】颜色选择器:ArkTS 中 Slider 三通道调色的实现

本文介绍了如何在ArkTS中使用三个Slider组件实现RGB三通道调色功能。首先讲解了RGB色彩模型原理和HEX色值计算方法,通过padStart和toUpperCase确保格式规范。随后详细说明了Slider的配置方法、颜色预览实现以及预设颜色快速选取功能。文章还分享了开发中遇到的命名冲突问题及解决方案,将组件重命名为ColorPick以避免与内置组件冲突。最后总结了通过Slider实现色彩调

文章图片
#鸿蒙#鸿蒙系统
【共创季稿事节】摇骰子:用 ArkTS 实现随机动画与交互反馈

这篇文章介绍了如何开发一个模拟真实骰子的数字应用。核心在于通过动画和交互设计来营造真实感,而非简单的随机数生成。主要实现方案包括:使用定时器快速切换点数(10次×80ms)模拟滚动效果、状态管理控制交互逻辑、采用Unicode骰子符号展示结果,以及记录投掷历史。文章强调,技术关键是通过状态驱动的UI刷新机制,在保证随机性的同时,创造出令人满意的物理骰子交互体验。

文章图片
#交互#nginx#运维 +3
【共创季稿事节】摩斯电码转换器:编码表与双向转换的实现

本文介绍了基于ArkTS的摩斯电码转换器实现方案。系统采用前缀码设计,通过编码表(Record<string, string>)存储字符与摩斯码的双向映射关系。关键技术包括:利用Object.keys()构建反向映射、处理大小写转换(统一转大写)、分隔符解析(空格分隔字符,/分隔单词)以及双向转换逻辑实现。界面提供模式切换按钮(文本/摩斯码互转)和内容互换功能,通过状态变量控制转换方向。该方案展示

文章图片
#android#华为#鸿蒙 +1
【共创季稿事节】随机数生成器:Math.random() 的原理与应用

本文介绍了随机数生成的技术原理及ArkTS实现方法。首先解析了Math.random()作为伪随机数生成器的特性,包括确定性、周期性和统计随机性。详细讲解了如何生成指定范围的随机整数,包括边界值处理和核心算法公式。文章还展示了UI设计要点,如大号结果展示、交互式按钮等。最后列举了随机数在抽奖系统、游戏掉落和蒙特卡洛模拟等场景的应用。全文通过几十行代码的实现,阐述了随机数生成背后的计算机科学基础概念

文章图片
#鸿蒙#前端#鸿蒙系统
【共创季稿事节】画板应用:ArkTS 中的触摸事件处理

本文介绍了基于ArkTS的移动画板应用开发关键技术。首先讲解了触摸事件的三个阶段(Down、Move、Up)及事件监听机制,展示了简化设计中采用文本状态模拟绘图的实现方式。其次,详细说明了颜色选择器和线条粗细选择器的交互实现。文章对比了移动端触摸事件与桌面鼠标事件的差异,强调需要关注TouchEvent.touches数组处理。最后提出了扩展方向,包括实际笔迹绘制、撤销功能、图片导出和手势识别等。

文章图片
#java#android#数据库 +3
【共创季稿事节】鸿蒙原生 ArkTS 布局方式之 Column 与 Scroll 联动:可滚动的纵向列表

本文深入解析了ArkUI中Scroll与Column的组合使用,通过三层结构设计(滚动容器+布局容器+子元素)实现灵活的可滚动布局。核心内容包括:1)Scroll的四种滚动方向控制;2)Scroller控制器的编程式滚动方法;3)滚动事件监听机制。文章通过一个包含30项列表的Demo,演示了滚动位置跟踪、动态数据操作(增删项)和自动滚动功能,重点展示了@State变量与滚动状态的联动设计。这种组合

文章图片
#harmonyos#华为#鸿蒙 +1
【共创季稿事节】鸿蒙原生 ArkTS 布局方式之 Column 与 Scroll 联动:可滚动的纵向列表

本文深入解析了ArkUI中Scroll与Column的组合使用,通过三层结构设计(滚动容器+布局容器+子元素)实现灵活的可滚动布局。核心内容包括:1)Scroll的四种滚动方向控制;2)Scroller控制器的编程式滚动方法;3)滚动事件监听机制。文章通过一个包含30项列表的Demo,演示了滚动位置跟踪、动态数据操作(增删项)和自动滚动功能,重点展示了@State变量与滚动状态的联动设计。这种组合

文章图片
#harmonyos#华为#鸿蒙 +1
【共创季稿事节】鸿蒙原生 ArkTS 布局方式之 Column + Flex 弹性布局:混合方向排列

本文深入解析了Flex布局的核心概念与使用方法。首先对比了Flex与Column/Row布局的差异,指出Flex通过可配置的direction参数(Row/Column/RowReverse/ColumnReverse)和wrap换行模式(NoWrap/Wrap)实现了更灵活的布局能力。文章详细介绍了FlexOptions配置项,包括主轴方向、换行模式、主轴对齐(justifyContent)和交

文章图片
#harmonyos#前端#鸿蒙 +1
【共创季稿事节】鸿蒙原生 ArkTS 布局方式之 Column + Flex 弹性布局:混合方向排列

本文深入解析了Flex布局的核心概念与使用方法。首先对比了Flex与Column/Row布局的差异,指出Flex通过可配置的direction参数(Row/Column/RowReverse/ColumnReverse)和wrap换行模式(NoWrap/Wrap)实现了更灵活的布局能力。文章详细介绍了FlexOptions配置项,包括主轴方向、换行模式、主轴对齐(justifyContent)和交

文章图片
#harmonyos#前端#鸿蒙 +1
    共 73 条
  • 1
  • 2
  • 3
  • 8
  • 请选择