鸿蒙开发者社区

背景案例：当我们应用中有一个输入功能，输入个数需要用户动态修改，这时原有的固定布局就不能满足这个需求了，因此就要用到动态添加布局。简单演示：实现原理：自定义声明式节点(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本身是有拖拽功...

简介：系统提供了一种允许应用访问系统资源（如：通讯录等）和系统能力（如：访问摄像头、麦克风等）的通用权限访问方式，来保护系统数据（包括用户个人数据）或功能，避免它们被不当或恶意使用。授权方式：systemgrant（系统授权）指的是系统授权类型，如果在应用中申请了systemgrant权限，那么系统会在用户安装应用时，自动把相应权限授予给应用。usergrant（用户授权）指的是用户授权类型，该类型权限不仅需要在安装包中申请...

网格布局是由“行”和“列”分割的单元格所组成，通过指定“项目”所在的单元格做出各种各样的布局。网格布局具有较强的页面均分能力，子组件占比控制能力，是一种重要自适应布局，其使用场景有九宫格图片展示、日历、计算器等。以下通过两种创建网格的方式演示：1.固定行列分割比例，这种方式，可以让网格子布局按比例充满2.通过设置最大行列，最小列行限制子布局，这样可以根据屏幕的宽高，动态的展示EntryComponentV2structg...

RCP指的是远程通信平台（remotecommunicationplatform），RCP提供了网络数据请求功能，相较于NetworkKit中HTTP请求能力，RCP更具易用性，且拥有更多的功能。在开发过程中，如果有些场景使用NetworkKit中HTTP请求能力达不到预期或无法实现，那么就可以尝试使用RCP中的数据请求功能来实现。以下贴一部分对比截图，详细可以关注官方文档。接下来通过登录的例子对比一下HTTP和RCP的写法和参数设置HTTP：网络请求工具类exportfunctio...

当ColumnRow是全屏时，子组件如果想通过设置宽度为全屏，然后通过margin设置左右边距限制子组件的大小，这时会发现，子组件的margin并没有生效，宽度依然是全屏的，例如：由上发现：1.margin并没有限制了子组件的宽小于父组件2.Column的左margin生效了，但是Column的宽和父组件的Row的宽是一样的解决方案：使用constraintSize这个方法限制组件的最大最小宽高实现代码：获取系统状态栏，导航栏高度paramcontextAvoidAreaTypeTYPE...

实现思路：1.头部表头使用一个横向的list展示表头列表信息2.左边固定列用一个纵向的list展示固定信息3.右边使用垂直list展示数据项，横向list展示每条数据项的内容设计一个草图：基本布局开始实现：1.定义数据结构：ObservedV2classListItemData{Tracetext:string'';Traceid:string'';}ObservedV2classListData{Traceid:string'';TracefundName:string'';TracetextDataSource:ListItemData[][]}ObservedV2classListViewModel{Tr...

Image支持加载PixelMap、ResourceStr、DrawableDescriptor类型的数据源，支持png、jpg、jpeg、bmp、svg、webp、gif和heif类型的图片格式。本文展示以下：1.objectFit图片的填充效果2.alt占位图3.sourceSize设置图片解码尺寸4.onComplete加载成功和解码成功时的回调EntryComponentV2structImageTest{LocalimageInfo:string''BuilderitemBuild(fit:string,imagefit:ImageFit){GridItem(){Column(){Image($r('app.media.wechatscan...

MVVM模式介绍在应用开发中，UI的更新需要随着数据状态的变化进行实时同步，而这种同步往往决定了应用程序的性能和用户体验。为了解决数据与UI同步的复杂性，ArkUI采用了ModelViewViewModel（MVVM）架构模式。MVVM将应用分为Model、View和ViewModel三个核心部分，实现数据、视图与逻辑的分离。通过这种模式，UI可以随着状态的变化自动更新，无需手动处理，从而更加高效地管理数据和视图的绑定与更新。Model：负责存储和管理应用...

组件导航（Navigation）主要用于实现页面间以及组件内部的页面跳转，支持在不同组件间传递跳转参数，提供灵活的跳转栈操作，从而更便捷地实现对不同页面的访问和复用。页面路由(ohos.router)(不推荐)项目配置步骤：1.在entry项目目录resoursesbaseprofile下新建一个json文件：routemap.json2.在entry项目目录中module.json5添加路由表配置："routerMap":'$profile:routemap'3.在跳转目标页面中，需要配置入口Builder函数，例如...

本文介绍自定义的气泡CustomPopupOptions的使用，设置弹出框内容，弹出框位置，是否为模态窗口，默认小箭头的设置，简单动画，看效果：EntryComponentV2structtest{LocalcustomPopup:booleanfalseBuilderviewToolView(){Row({space:5}){Image($r("app.media.iconsend")).width(15).height(15)Text('转发').fontColor(Color.White).fontSize(16)Image($r("app.media.icongood")).width(15).height(15)Text('点赞').fontColor(Col...

当我们在布局中使用Text展示文本内容时，如果父布局是固定宽高，当Text展示的内容过长并且没有限制时，会超出父容器，这点和安卓中是不一样的，安卓中会自动截取超出部分。因此我们在开发过程中，如果Text内容长度不固定，我们要提前设置好边界，以防内容超出。以下是展示及解决办法：EntryComponentstructtest{build(){Column({space:10}){Row(){Column(){Text('HarmonyOS开发者笔记')Row(){Text('有一部分超出去父容器了，但...

异步和多线程有啥区别？原理异步开发：异步编程以非阻塞的方式运行代码，当程序发起一个可能耗时的操作（如网络请求、文件读写）时，不会等待该操作完成，而是继续执行后续代码。待操作完成后，通过回调函数、Promise、asyncawait等机制来处理结果。多线程开发：多线程是指在一个程序中同时运行多个线程。这些线程可以并行执行不同的任务，共享进程的资源。资源利用异步开发：通常在单线程环境下运行，通过事件循环机制来处理多...