鸿蒙开发者社区

6月20日13:30，"开发者系列沙龙：HarmonyOSNEXT高效开发与创新实践"即将在北京拉开帷幕！在本次沙龙中，开发者不仅能收获开发技能的提升、实战经验的沉淀积累，更能解锁行业前沿视角的深度洞察、以及与顶尖专家面对面碰撞思维的宝贵机会，全方位赋能从技术认知到职业发展的多维跃升。成长加速，共绘鸿蒙开发新蓝图▶全链路技术拆解，直击开发痛点从生态趋势解读、高效开发范式到性能优化实战，议题覆盖鸿蒙应用开发全生命周期，...

鸿蒙核心技术运动开发CoreFileKit（文件基础服务）PreviewKit（文件预览服务）在HarmonyOS开发中，文件预览功能是一个常见的需求，尤其是在处理用户上传的图片、文档、音频或视频等资源时。然而，实现文件预览并非一帆风顺，尤其是在涉及文件权限和预览窗口管理时。本文将以“选择好的文件进行预览”为主题，深入解析HarmonyOS中文件预览的核心要点，并分享一些实际开发中的经验技巧，帮助开发者避免常见的坑。前言：文件预览的...

本教程主要讲述如何利用ArkUIXSDK完成AndroidAAR开发，实现基于ArkTS的声明式开发范式在android平台显示。包括：1.跨平台Library工程开发介绍2.AAR在Android应用工程的集成方式使用ACETools和DevEcoStudio集成ArkUIXSDK进行AndroidAAR开发可以通过通过ACETools或DevEcoStudio完成ACETools1.acecreate命令创建一个跨平台的library模版工程：shellacecreate[project]tlibrary2.执行acebuildaar命令，构建Androidaar包。shellacebu...

本文介绍将ArkUI框架的UIAbility跨平台部署至Android平台Fragment的使用说明，实现Android原生Fragment和ArkUI跨平台Fragment的混合开发，方便开发者灵活部署跨平台界面。Android工程配置Android工程的PackageName需要与OpenHarmony工程的BundleName一致；请在Android应用的gradle.properties文件，使能AndroidX：plainandroid.useAndroidXtrue请在Android应用的build.gradle文件增加AndroidXFragment库的依赖项：groovydepende...

本文通过实现一个汽车仪表盘，介绍使用CanvasRenderingContext2D在Canvas组件上进行绘制图形。看一下最终演示：先了解一下CanvasRenderingContext2D都有哪些属性和方法属性名说明fillStyle指定绘制的填充色。lineWidth设置绘制线条的宽度。strokeStyle设置线条的颜色。lineCap指定线端点的样式。lineJoin指定线段间相交的交点样式。miterLimit设置斜接面限制值。font设置文本绘制中的字体样式。textAlign设置文本绘制中的文本对...

有同学留言，想要实现一个双滑块的进度条，安排！实现思路：1.实现双滑块滑动条，因此需要2个滑块，一个滑动条2.使用Stack布局，左右放2个Circle作为滑块，实现2个滑块3.如果想区分滑动区域和未滑动区域的颜色，需要将滑动条分为三部分，左边从小到大滑动区域，右边从大到小滑动区域，中间区域三部分，因此使用3个并列的Row拼接成一个滑动条4.给2个滑块增加滑动事件，移动左边的滑块同时修改左边Row的宽度和背景色，移动右边的...

配置键盘避让时页面的避让模式有三种，分别是上抬模式、压缩模式、不避让接下来通过一个简单案例介绍这三种模式的使用和区别。例如以下布局，一个顶部的Row按钮区，底部一个固定高度的按钮区，中间内容区域充满剩余部分，三种避让模式的演示如下：针对以上三种模式存在的不足：1.上抬模式，整体布局上移，软键盘挡住了底部的按钮区2.压缩模式，当前布局变形3.不避让，软键盘弹出会挡住下面大部分区域如果使用上抬模式，我们想固...

本文介绍一下轮播组件Swiper的基本使用，各属性的含义已在代码中注释说明，可以通过动态修改，查看各属性起到的作用。通过一个Row容器组件添加属性动画，设置动画持续时间与swiper播放时间匹配,实现一个带进度的指示器，如图。看一下效果图：源码：EntryComponentV2structSwiperTest{privateswiperController:SwiperControllernewSwiperController();datas:string[]['0','1','2','3','4','5','6'];LocalautoPlay:booleantrue是...

音视频播放进度，亮度调节等快速调节设置值的场景通常需要使用到进度条组件本文列举了Slider所有属性介绍和使用，详细看代码注释和操作按键，即可了解每个属性的功能。看一下效果图，简单介绍一下：可以复制全部代码，本地自己运行看一下效果使用说明：1.使用Slider需要配置基本属性SliderOptions,全局定义，可以动态修改，直观看到变化默认值：与参数min的取值一致。从APIversion10开始，该参数支持$$双向绑定变量。取值范围：...

进度条组件，用于显示内容加载或操作处理等进度官方提供了5种类型的进度条，看一下演示效果：注意：只有环形进度条Ring支持设置渐变色1.设置ProgressOptions名称说明value指定当前进度值。设置小于0的数值时置为0，设置大于total的数值时置为totaltotal指定进度总长。设置小于等于0的数值时置为100type指定进度条类型2.style(value:ProgressStyleOptionsCapsuleStyleOptionsRingStyleOptionsLinearStyleOptionsScaleRingStyleOp...

本文介绍一下：1.获取指定目录下的文件2.向文件内追加写入3.读取文件中的内容看一下实现效果：实现步骤：1.使用fileIo.writeSync(fd:number,buffer:ArrayBufferstring,options:WriteOptions)写入到文件中文件不存在时创建并打开文件，文件存在时打开文件letfilefileIo.openSync(filesDir+fileName,fileIo.OpenMode.READWRITEfileIo.OpenMode.CREATE);写入一段内容至文件letwriteLenfileIo.writeSync(file.fd,str);fileIo.closeS...

背景案例：当我们应用中有一个输入功能，输入个数需要用户动态修改，这时原有的固定布局就不能满足这个需求了，因此就要用到动态添加布局。简单演示：实现原理：自定义声明式节点(BuilderNode)提供能够挂载系统组件的能力，支持采用无状态的UI方式，通过全局自定义构建函数Builder定制组件树。一个新建的BuildNode在build之后才能通过getFrameNode获取到一个指向根节点的FrameNode对象，否则返回null实现过程：1.定义一个全局的...

本文介绍：1.基于RCP中提供封装好的Session.downloadToFile()方法进行文件下载2.基于TaskPool和RCP的三方库SFFT实现多线程下载，原理是将文件分割为多个小块，由多个线程同时下载这些部分，并发写入到本地文件中，从而实现高效、稳定的下载看一下实现效果：当前网络情况下，同时下同一个文件，使用SFFT多线程下载大概快10s看一下两种方式单独下载的对比：发现相差不大。看一下两种方式同时下载，不同线程数下载对比：简单对比，...

背景：无人驾驶露天矿山解决方案的开发是行业发展、政策推动、技术进步与经济效益追求的共同结果。传统露天矿山开采面临安全隐患大、劳动力短缺、管理难度高和成本上升等困境，而国家发改委等部门发布的《关于加快煤矿智能化发展的指导意见》《煤矿智能化建设指南（2021年版）》等政策明确提出露天煤矿无人化运输等目标，为其开发提供有力导向。同时，5G、大数据、人工智能、车联网等新技术的成熟，为露天矿山无人驾驶提供了关...

移动端的跨平台开发语言有很多，今天体验一些鸿蒙ArkUIX运行到安卓设备上。ArkUI是一套构建分布式应用的声明式UI开发框架。它具备简洁自然的UI信息语法、丰富的UI组件、多维的状态管理，以及实时界面预览等相关能力，帮助您提升应用开发效率，并能在多种设备上实现生动而流畅的用户体验。ArkUIX进一步将ArkUI扩展到Android平台，实现对接Android平台的适配，开发者基于一套ArkTS主代码，就可以构建Android平台的精美、高性能应...

层叠布局（Stack）用于在屏幕上预留一块区域来显示组件中的元素，提供元素可以重叠的布局。层叠布局通过Stack容器组件实现位置的固定定位与层叠，容器中的子元素依次入栈，后一个子元素覆盖前一个子元素，子元素可以叠加，也可以设置位置。相对布局（RelativeContainer）是一种采用相对布局的容器，支持容器内部的子元素设置相对位置关系，适用于处理界面复杂的场景，对多个子元素进行对齐和排列。子元素可以指定兄弟元素或父容...

目标：实现一个仿微信底部Tab标签随页面滑动颜色渐变的效果最终效果：实现思路：1.需要用到tabs两个回调函数：onGestureSwipe(handler:(index:number,event:TabsAnimationEvent)void)在页面跟手滑动过程中，逐帧触发该回调通过这个函数回调，我们可以知道手指滑动的距离，和滑动方向，然后根据滑动距离和屏幕宽度计算一个百分比，用做修改tab的色值透明度onAnimationStart(handler:(index:number,targetIndex:number,event:Tabs...

当展示长文本时，通过会设置maxLines(value:number)，则文本最多不会超过指定的行。如果有多余的文本，可以通过textOverflow来指定截断方式。单独设置textOverflow不生效。设置TextOverflow.None与TextOverflow.Clip效果相同。本文介绍2种样式的展开、收起样式：这里以2行为例1.仿朋友圈样式，在内容文字下一行增加展开收起，这种实现比较简单，直接在文字下一行增加一个Text,通过设置maxLines的值即可实现，如果想实现当大于指...

上一篇介绍了Grid的图片拖拽排序，这篇加一下拖拽到底部删除图片的功能，仿微信，但是还不是很完美，以后再完善，看一下成果和代码：Page代码：import{CustomContentDialog,display}from"kit.ArkUI"importLoggerfrom"..utilsLogger";letdisplayWidthVppx2vp(display.getDefaultDisplaySync().width);letdisplayHeightVppx2vp(display.getDefaultDisplaySync().height);BuilderexportfunctionPublishViewBuilder(){PublishView()...

案例背景：例如当我们在朋友圈分享图片时，选了9张图片，想调整顺序，这时就会用到拖动排序。最终效果：实现过程：1.通过Picker组件选取照片展示到Grid网格布局中2.设置编辑模式开启editMode(true)，如果想增加动画效果，可以增加设置supportAnimation(true)3.增加开始拖动和拖动结束的回调，开始时设置拖动过程中的组件样式，结束拖拽回调是做顺序调整展示：发现好像没有效果呢？因为开启了Gride编辑模式，Image本身是有拖拽功...