- 博客(204)
- 收藏
- 关注
RSS订阅原创 鸿蒙开发 —— 网络请求库之eventsource
eventsource三方库是EventSource客户端的纯JavaScript实现。它提供了一种在客户端与服务器之间建立单向持续连接的机制，服务器可以使用这个连接向客户端发送事件更新，而客户端能够实时接收并处理这些更新。
2025-04-02 17:34:27
412
原创 鸿蒙开发 —— 网络请求库之httpclient
HTTP是现代应用程序通过网络交换数据和媒体的的主要方式。httpclient是OpenHarmony 里一个高效执行的HTTP客户端，使用它可使您的内容加载更快，并节省您的流量。httpclient以人们耳熟能详的OKHTTP为基础，整合android-async-http，AutobahnAndroid，OkGo等库的功能特性，致力于在OpenHarmony 打造一款高效易用，功能齐全的网络请求库。
2025-04-02 15:41:16
776
原创 鸿蒙开发 —— 鸿蒙网络请求库之Mars
Mars 是一个跨平台的网络组件，包括主要用于网络请求中的长连接，短连接，是基于 socket 层的解决方案，在网络调优方面有更好的可控性，暂不支持HTTP协议。Mars 极大的方便了开发者的开发效率。
2025-04-02 13:40:45
943
原创 鸿蒙开发 —— 事件通信：socket-io
socket.io是一个在客户端和服务器之间实现低延迟、双向和基于事件的通信的库。建立在 WebSocket 协议之上，并提供额外的保证，例如回退到 HTTP 长轮询或自动重新连接。
2025-04-01 22:30:07
993
原创 鸿蒙开发 —— 网络请求库之axios
Axios，是一个基于 promise 的网络请求库，可以运行 node.js 和浏览器中。本库基于 Axios 原库v1.3.4版本进行适配，使其可以运行在 OpenHarmony，并沿用其现有用法和特性。http 请求request 和 response 拦截器转换 request 和 response 的 data 数据自动转换 JSON data 数据// 创建实例时配置默认值});// 创建实例后修改默认值配置的优先级配置将会按优先级进行合并。
2025-04-01 20:35:12
728
原创 鸿蒙开发 —— UI动画开发之d3.js easing Functions
该库为UI动画组件 easing 缓动函数是用来描述数值的变化速率，这些数值可以是动画对象的宽高，透明度，旋转，缩放等属性值，它们的变化率可以用函数曲线来表示,制作出更加符合直觉的UI动效,使动画看上去更加真实。
2025-04-01 15:27:38
925
原创 鸿蒙开发 —— UI开发之ohos-svg
ohos-svg是一个SVG图片的解析器和渲染器，解析SVG图片并渲染到页面上。它支持大部分 SVG 1.1 规范，包括基本形状、路径、文本、样式和渐变,它能够渲染大多数标准的 SVG 图像。ohos-svg的优点是性能好、内存占用低。
2025-03-31 17:38:16
272
原创 鸿蒙开发 —— UI动画开发之lottie
lottie是一个适用于OpenHarmony的动画库，它可以解析Adobe After Effects软件通过Bodymovin插件导出的json格式的动画，并在移动设备上进行本地渲染。
2025-03-31 15:58:25
893
原创 鸿蒙开发 —— UI开发之SmartRefreshLayout
smartrefreshlayout以打造一个强大，稳定，成熟的下拉刷新框架为目标，并集成各种的炫酷、多样、实用、美观的Header。集成了各种炫酷的 Header。smartrefreshlayout可包含的信息有：BezierRadar样式、BezierCircle样式、FlyRefresh样式、Classics样式，Phoenix样式，Taurus样式，Taurus样式，HitBlock样式，WaveSwipe等众多样式。
2025-03-31 13:41:59
373
原创 鸿蒙开发 —— UI开发之vlayout
vlayout能够处理列表、网格和其它布局在同一个视图的复杂情况，使用者可以使用已设定好的容器布局组件，也可以在此基础上自定义容器布局组件。1.通过ArkTS实现的vlayout与源库存在部分使用差异，在此会根据不同的容器组件来详细介绍基于openHarmony ArkTS实现的vlayout自定义容器组件的使用说明；2.使用vlayout自定义容器组件需要给定最基本的三大要素：要显示的vLayoutContent布局内容、vLayoutData数据源以及vLayoutAttribute容器属性；
2025-03-30 21:53:37
863
原创 鸿蒙开发 —— UI开发之WheelPicker
WheelPicker可以实现滚轮选择，通过设置可以实现多种效果，也可以设置属性，改变UI效果，如时间选择器，地区选择器的三级联动，实现需求效果。
2025-03-30 20:22:59
885
原创 鸿蒙开发 —— UI开发之MultiType
使用说明MultiType引用及使用接口说明 参数1：array List的数据源 参数2：child Item的样式在下述版本验证通过：DevEco Studio 版本： 4.1 Canary(4.1.3.317)OpenHarmony SDK:API11 (4.1.0.36)
2025-03-30 19:14:23
301
原创 鸿蒙开发 —— UI开发之shimmer-ohos
shimmer是一个简单灵活的为应用视图添加闪烁效果的库，主要有由左到右倾斜，由左到右竖直，由左到右圆形，由上到下水平等闪光效果。
2025-03-28 21:56:37
361
原创 鸿蒙开发 ——UI开发之RecyclerViewPager
RecyclerViewPager是一个支持自定义左右翻页切换效果、上下翻页切换效果、类似Material风格的容器组件。
2025-03-28 20:48:34
313
原创 鸿蒙开发 —— UI开发之DanmakuFlameMaster
DanmakuFlameMaster是一款弹幕框架，支持发送纯文本弹幕、设置弹幕在屏幕的显示区域、控制弹幕播放状态等功能。
2025-03-28 17:33:50
1005
原创 鸿蒙开发 —— UI开发之pdfViewer
JavaScript实现的解析、展示PDF和图片添加到PDF，pdfjs 可以在OpenHarmony设备上呈现PDF文件内容，library可以将 jpg、png图片格式添加到pdf的功能， 本工程基于开源库 pdf.js和 jspdf 进行修改适配OpenHarmony的组件工程。
2025-03-28 13:50:54
989
原创 鸿蒙开发 ——UI开发之CircleIndicator库
CircleIndicator是一款UI组件库，为Tabs/Swiper容器提供了多种自定义风格的指示器。
2025-03-27 22:14:39
239
原创 鸿蒙开发 —— UI开发之ohos_highlightguide
基于OpenHarmony的高亮型新手引导组件，通过高亮区域与蒙版背景的明暗度对比，使用户快速锁定重点功能，快速掌握应用基本使用方法。
2025-03-27 20:32:34
799
原创 鸿蒙开发 ——UI开发之banner库
支持自动轮播。支持无限轮播。支持垂直轮播。支持自定义指示器。支持定制的翻页动画效果，目前动画只支持8种动效，无法做到不同动效叠加。能力列表Swiper组件Banner组件自动轮播支持支持无限轮播支持支持垂直轮播支持支持自定义指示器部分支持支持指示器和banner分离不支持支持定制翻页动画效果不支持支持方法名入参接口描述自定义轮播组件Banner构造器方法名入参接口描述圆角指示器构造器方法名入参接口描述图像指示器构造器方法名入参。
2025-03-27 17:31:04
646
原创 鸿蒙开发 ——UI开发之RoundedImageView
RoundedImageView支持圆角（和椭圆或圆形）的快速 ImageView。它支持许多附加功能，包括椭圆、圆角矩形、ScaleTypes 和 TileModes。
2025-03-27 15:16:12
427
原创 鸿蒙开发三方库 —— MpChart（三）
1.绘制虚实相接的曲线图参考代码位置：entry/src/main/ets/pages/customCharts/DashedSolidLinePagempchart本身的绘制功能是不支持虚实相接的曲线的，要么完全是实线，要么完全是虚线。那么当需求是一半是虚线，一半是实线的曲线时，就需要自己定义方法进行绘制了。首先，需要写一个MyLineDataSet类，继承自LineDataSet（线型图的数据类）。为什么需要这个类呢？
2025-03-27 13:38:06
591
原创 鸿蒙开发三方库 —— MpChart（二）
返回 LineChart，ScatterChart，CandleStickChart等图表触摸屏幕时的Highlight 对象（包含 x-index 和 DataSet 索引）。计算图表到边框的偏移量，具体取决于图例的位置，x轴y轴的长度，及其的标签位置。返回当前高亮显示值的数组。返回图表(整个视图)的中心点的可回收的MPPointF实例。返回图表的图形绘制的中心区域的可回收的MPPointF实例。返回图表(整个视图)的中心点的可回收的MPPointF实例。允许以虚线模式绘制高亮线，例如“------”。
2025-03-26 21:57:26
800
原创 鸿蒙开发三方库 —— UI开发之MpChart（一）
mpchart是一个包含各种类型图表的图表库，主要用于业务数据汇总，例如销售数据走势图，股价走势图等场景中使用，方便开发者快速实现图表UI，mpchart主要包括线形图、柱状图、饼状图、蜡烛图、气泡图、雷达图、瀑布图等自定义图表库。//设置自定义图标资源 PixelMap//设置自定义图标资源 resId//设置自定义图标宽度//设置自定义图标高度i++) {//设置显示自定义图标//设置自定义图标偏移量定制数据结构。
2025-03-26 20:29:17
871
原创 鸿蒙开发基础 —— UI开发之滚动组件overscroll-decor
类似iOS风格的边缘滚动效果视图。支持下列视图：RecyclerView, ListView, GridView, ViewPager, ScrollView, HorizontalScrollView, Any View - Text, Image…this.model。
2025-03-26 17:10:31
448
原创 鸿蒙开发基础 ——UI开发之 TextLayoutBuilder
本库基于TextLayoutBuilder原库进行适配,使其可以运行在 OpenHarmony。TextLayoutBuilder是一个可定制任意样式的文本构建工具，包括字体间距、大小、颜色、布局方式、富文本高亮显示等，在文字显示的业务场景中都会使用到，特别是通知类特殊显示的字体样式时，TextLayoutBuilder极大的方便了开发者的开发效率。
2025-03-26 15:29:03
547
原创 鸿蒙开发基础 —— UI开发之 PullToRefresh组件
PullToRefresh是一款OpenHarmony环境下可用的下拉刷新、上拉加载组件。支持设置内置动画的各种属性，支持设置自定义动画，支持lazyForEarch的数据作为数据源。
2025-03-26 13:41:55
1062
原创 鸿蒙开发基础 —— ArkUI框架之Web同层渲染
同层标签对应的元素区域的背景为透明。在非原生框架的UI组件功能或性能不如原生组件时，可使用同层渲染，使用ArkUI组件渲染这些组件（简称为同层组件）。在应用侧，应用开发者可以通过Web组件的同层渲染事件上报接口，感知到H5同层标签的生命周期以及输入事件，进行同层渲染组件的相应业务逻辑处理。在网页侧，应用开发者可将、的网页UI组件（简称为同层标签），按一定规则进行同层渲染，详细规格见同层渲染规格小节。如果应用需要在Web组件加载的网页中使用同层渲染，需要按照以下规格将网页中的、标签指定为同层渲染组件。
2025-03-25 22:12:14
633
原创 鸿蒙开发基础 —— Web渲染和布局
使用Web组件大小自适应页面内容布局模式layoutMode(WebLayoutMode.FIT_CONTENT)时，能使Web组件的大小根据页面内容自适应变化。异步渲染模式下，Web组件作为图形surface节点，独立送显。建议在仅由Web组件构成的应用页面中使用此模式，有更好的性能和更低的功耗表现。同步渲染模式下，Web组件作为图形canvas节点，Web渲染跟随系统组件一起送显。可以渲染更长Web组件内容，但会消耗更多的性能资源。Web组件支持两种渲染模式。
2025-03-25 20:36:04
919
原创 鸿蒙开发基础 —— 应用适配智慧多窗
由于应用从全屏进入智慧多窗（悬浮窗/分屏）模式后，窗口尺寸、宽高比例会发生变化，所以需要开发者适配应用窗口在不同尺寸、不同比例下的自适应布局，以确保应用窗口在各种形态下都能呈现出最佳的视觉效果，提供更好的用户体验。手机“上下分屏”可调节档位1:2、1:1、2:1，“左右分屏”可调节档位为1:1。无论是悬浮窗还是分屏，当应用进入智慧多窗模式时，应用的窗口尺寸发生变化，所以应用需要根据不同的窗口尺寸调整自身布局。分屏比例指的是分屏下两应用间尺寸的比例，调整分屏比例会调整应用窗口的大小。
2025-03-25 16:24:39
595
原创 鸿蒙开发基础 —— 使用typeNode实现画中画功能开发
创建画中画控制器实例后，通过startPiP接口启动画中画，在画中画ABOUT_TO_START生命周期将typeNode节点从布局移除，并返回上级界面（可选）。当不再需要显示画中画时，可根据业务需要，通过画中画控制器实例的stopPiP接口关闭画中画，在画中画ABOUT_TO_STOP生命周期将typeNode节点重新添加到布局中。当不再需要显示画中画时，可根据业务需要，通过画中画控制器实例的stopPiP接口关闭画中画，在画中画ABOUT_TO_STOP生命周期将typeNode节点重新添加到布局中。
2025-03-25 15:28:24
649
原创 鸿蒙开发基础 —— 使用XComponent实现画中画功能开发
画中画媒体源更新后（如切换视频），通过画中画控制器实例的updateContentSize接口更新媒体源尺寸信息，以调整画中画窗口比例。当不再需要显示画中画时，可根据业务需要，通过画中画控制器实例的stopPiP接口关闭画中画。本文以视频播放为例，介绍通过XComponent实现画中画功能的基本开发步骤。示例中的视频播放需要使用AVPlayer，具体示例可参考 视频播放。创建画中画控制器实例后，通过startPiP接口启动画中画。创建画中画控制器，注册生命周期事件以及控制事件回调。更新媒体源尺寸信息。
2025-03-25 13:53:34
620
原创 鸿蒙开发基础 —— 视频画中画效果开发
应用在视频播放、视频会议、视频通话等场景下，可以使用画中画能力将视频内容以小窗（画中画）模式呈现。切换为小窗（画中画）模式后，用户可以进行其他界面操作，提升使用体验。视频播放。视频通话。视频会议。直播。使用XComponent实现画中画功能开发：适用于应用通过Navigation管理页面或Ability单页面情况下使用画中画的场景，这种实现方式无需应用管理页面。
2025-03-24 21:52:52
705
原创 鸿蒙开发基础 —— 使用NativeWindowEventFilter过滤多模输入事件（C/C++）
开发者可以NativeWindowEventFilter模块提供的能力去拦截按键事件，让按键事件不往应用内部组件分发。
2025-03-24 20:24:58
400
原创 鸿蒙开发基础 —— UI开发：使用WebGL绘制图形
WebGL的全称为Web Graphic Library（网页图形库），主要用于交互式渲染2D图形。目前HarmonyOS中使用的WebGL是基于OpenGL裁剪的OpenGL ES，可以在HTML5的Canvas元素对象中使用，无需使用插件，支持跨平台。WebGL程序是由JavaScript代码组成的，其中使用的API可以利用用户设备提供的GPU硬件完成图形渲染和加速。说明目前该功能仅支持使用兼容JS的类Web开发范式开发。
2025-03-24 17:43:36
1017
原创 鸿蒙开发基础 —— UI开发（自定义组件）
本示例中父组件通过添加自定义属性向子组件传递了名称为title的参数，子组件在props中接收。同时子组件也通过事件绑定向上传递了参数text，接收时通过e.detail获取。要绑定子组件事件，父组件事件命名必须遵循事件绑定规则，详见 自定义组件的基本用法。使用兼容JS的类Web开发范式的方舟开发框架支持自定义组件，用户可根据业务需求将已有的组件进行扩展，增加自定义的私有属性和事件，封装成新的组件，方便在工程中多次调用，提高页面布局代码的可读性。
2025-03-24 15:18:56
221
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人