鸿蒙开发者社区

页面分类动画显示动画typescriptfunctionanimateTo(value:AnimateParam,event:()void):void;代码如下：（实现属性变化引发的动画）typescriptEntryComponentstructAnimatePage1{StateboxWidth:number100;StateboxHeight:number100;Stateflag:booleantrue;build(){Stack({alignContent:Alignment.BottomEnd}){Column(){Row(){}.width(this.boxWidth).height(this.boxHeight).backgroundColor(Color.Red)}.height('100%').width('...

背景在项目中经常会使用要时间的格式转换，比如数据库返回一个Date数据，你需要转成2024102的格式，鸿蒙的原生SDK中是没有办法实现的，因此，在这里介绍第三方封装好并且成熟使用的库Dayjs。安装切换到Entry文件夹下安装dayjs库。javascriptcd.\entry\ohpminstalldayjs查看ohpackage.json5文件，可以查看是否安装成功dayjs使用格式化基本格式化使用javascriptlettime:DatenewDate();this.messagedayjs(time).format();默认是ISO...

背景华为云服务提供了云数据库的云服务，支持用户快速定义数据库表和管理数据库，并且提供了免费使用的额度。可以使用端云一体化模板实现端侧通过SDK修改数据库等操作，这样子方便中小企业或者项目快速的开发工作。云数据库是一款基于对象模型的数据库，采用存储区、对象类型和对象三级结构。存储区（CloudDBZone）是一个独立的数据存储区域，可以理解为关系型数据库中数据库文件的概念。不同的点是可以通过新建存储区来区分数...

概述现阶段状态管理V2版本还在试用阶段，但是切实解决了很多在项目中使用V1导致的痛点问题，比如：同一数据被多视图代理时，无法同步数据修改。无法做到深度观测和深度监听。更新对象中某个数据时，会导致整个对象属性都刷新，导致程序运行缓慢。状态管理V2版装饰器总览ObservedV2：装饰class，使得装饰的class具有深度监听的能力。Trace：只能在ObservedV2装饰的class中使用，被装饰的属性具有深度观测的能力。ComponentV2：装...

背景项目中Tabs的使用可以说是特别的频繁，但是官方提供的Tabs使用起来，存在tab选项卡切换动画滞后的问题。0900086000300134184.20201216095126.86523331460016843504112994983392.png​原始动画无法满足产品的UI需求，因此，这篇文章将实现下面页面滑动，tab选项卡实时滑动的动画效果。0900086000300134184.20201216095126.86523331460016843504112994983392.png​实现逻辑需求讲解需要实现固定宽度下，放下6个选项卡。在没有...

背景由于原生的时间选择器（DatePicker）不能满足UI的设计要求，比如：会自带分割线；无法调节各选择项高度等限制，虽然也无法理解TextPicker已有的属性，DatePicker上竟然没有。因此，想着使用三个TextPicker组合成一个时间选择器，后期还可以做更多的设置，可以只选择月份和日期等。实现效果0900086000300134184.20201216095126.86523331460016843504112994983392.png​实现思路封装时间滑动组件，实现月份变化时，结合年份动...

生命周期（Lifecycle）使用HMRouter的页面跳转时，想实现和Navigation一样的生命周期时，需要通过新建生命周期类来实现对页面对某一个生命周期的监控。新建Lifecycle类通过继承IHMLifecycle接口实现生命周期接口的方法重写。通过添加HMLifecycle装饰器，来定义生命周期类的名称，然后在页面中使用IHMLifecyclejavascriptexportinterfaceIHMLifecycle{onPrepare(ctx:HMLifecycleContext):void;onAppear(ctx:HMLifecycleContext):...

实现效果点击按钮实现不同方式的弹窗showToastshowDialogshowActionMenu代码实现1.引入'ohos.promptAction'typescriptimportpromptActionfrom'ohos.promptAction';2.通过promptAction实现系统既定的弹窗typescriptimportpromptActionfrom'ohos.promptAction';EntryComponentstructShowPage{Statemessage:string'HelloWorld';showToast(){promptAction.showToast({message:"登录成功",显示内容duration:2000,显示持续时间bottom:...

背景原生UI没有提供日历相关的组件，于是手撸了详细页面的日程。一开始打算使用list加tab的方式来实现切换的效果，但是list的切换是没有办法确定当前展示的索引的，所以没有办法实现日历内容动态添加等效果。在业内大佬的指导下，使用了两个swiper组件分别实现周和日的切换，实现了想要的效果，如下：代码DayViewPagetypescript周天数import{DateUtil}from'..UtilsDateUtil';constWEEKDAYNUMBER7;EntryComponentstructDayViewPa...

路由拦截器可以对指定或全局路由跳转时添加拦截器，作用是可以实现在页面切换前做判断是否有进入当前页面的权限。这篇文章将实现登录的全局路由拦截样式。新建拦截器类通过继承IHMInterceptor接口实现生命周期接口的方法重写。通过添加HMInterceptor装饰器，来定义拦截器类的名称，然后在页面中使用IHMInterceptor接口包含一个handle方法，接口拦截时，会执行当前方法。javascriptexportinterfaceIHMInterceptor{handle(info:HM...

实现效果一：卡片自动轮播代码typescriptEntryComponentstructSwiperPage{BuilderShowText(text:string,color:Color){Text(text).fontSize(80).fontColor(Color.White).backgroundColor(color).width('100%').height('100%').textAlign(TextAlign.Center)}build(){Column(){Swiper(){this.ShowText("0",Color.Blue);this.ShowText("1",Color.Gray);this.ShowText("2",Color.Brown);}.height(300).margin(10).autoPlay(true)开启...

沙箱目录的理解访问和管理应用文件，对于每个应用，系统会在内部存储空间映射出一个专属的应用沙箱目录，是应用文件目录与一部分系统文件所在的目录组成的集合。也就是应用可见的目录范围即为“应用沙箱目录”。优点：隔离性：应用沙箱提供了一个完全隔离的环境，使用户可以安全地访问应用文件。安全性：应用沙箱限制了应用可见地数据地最小范围，保护了应用文件地安全。文件操作接口新建并读写一个文件typescriptimport{common...

简介实现一个矩形块上下拖动，并且可以拖动边缘定位点改变矩形块高度。实现效果如下：代码typescriptEntryComponentstructRecPage{StatepenOffsetY:number0;StateoffsetX:number0StateoffsetY:number0StatepositionX:number0StatepositionY:number0StaterectHeight:number50;StateoriginHeight:number50;build(){Column(){Text('PanGestureoffset:\nX:'+this.offsetX+'\n'+'Y:'+this.offsetY).margin({bottom:20})Text('penOffs...

MySQL中的脏读与幻读：概念、影响与解决方案引言在数据库事务处理中，脏读（DirtyRead）和幻读（PhantomRead）是两种常见的数据一致性问题，尤其在多事务并发场景下容易发生。MySQL通过事务隔离级别和锁机制来解决这些问题。本文将深入探讨这两个问题的本质、实际影响，并提供具体的解决方案。一、概念解析1.脏读（DirtyRead）定义：事务A读取了事务B未提交的数据，随后事务B回滚，导致事务A读取的数据无效。示例：sql事务BSTAR...

概述文件所有者为登录到该终端设备的用户，包括用户私有的图片、视频、音频、文档等。应用对用户文件的创建、访问、删除等行为，需要提前获取用户授权，或由用户操作完成。用户文件访问框架是一套提供给开发者访问和管理用户文件的基础框架。文件路径Uri分为文档类Uri和媒体文件Uri两类，需要是normal等级的应用（默认的应用是这个）调用这两个类，要不然会报没有权限的错误，官方配图如下：文档类：由picker拉起文件管理器选择...

文章目录​​概要​​​​整体架构流程​​​​技术细节​​​​小结​​概要对于简单的应用，一般单一模块就能满足需求。但是对于规模比较大，功能比较多的应用，就需要考虑通过组件化拆分，来让项目架构更清晰了。那么就会带来新的问题，如何在组件之间进行数据通信呢？整体架构流程技术细节1、在公共组件中按照业务组件分别创建通信接口，对其它组件暴漏可供调用的函数exportinterfaceICompComm{}exportinterfaceIModule1Com...

文章目录​​概要​​​​技术细节​​​​小结​​概要在上篇文章中，我们已经对整体架构有了比较详细的了解，本章我将提供一些样例代码供大家参口，如有错误，欢迎指正。技术细节实例化TCPSocketprivatesocketssocket.constructTCPSocketInstance()privateworkernewworker.ThreadWorker("entryetsworkersWorker.ets"));已连接socket.on('connect',()>{});断开连接socket.on('close',data{});接收数据socket.on('message',valu...

文章目录​​概要​​​​整体架构流程​​​​技术名词解释​​​​技术细节​​​​小结​​概要本文章对使用ArkTS实现APP与服务器长连接的实践经验进行了总结，希望能帮助到有需要的朋友。经过技术调研，我选择使用官方的TCPSocket来实现socket通信。整体架构流程技术名词解释Worker：Worker是与主线程并行的独立线程。创建Worker的线程称之为宿主线程，Worker自身的线程称之为Worker线程。Worker主要作用是为应用程序提供一...

文章目录​​概要​​​​整体架构流程​​​​技术名词解释​​​​技术细节​​概要使用Canvas可以绘制图形，但是如果要实现图形的缩放和滑动效果，则需要我们自己通过拦截手势事件来实现了。整体架构流程实现思路：1、通过给Canvas组件添加捏合手势来计算图形显示比例、通过添加拖拽手势来计算图形移动的距离。2、触发Canvas重新绘制，绘制时通过上一步计算出来的显示比例和移动距离，来控制图形的绘制区域。技术名词解释Can...

文章目录​​概要​​​​技术名词解释​​​​技术细节​​​​小结​​概要在上篇文章中，我们已经对整体架构有了初步的了解，这篇文章中，我将结合具体的使用场景，来对架构细节进行讲解。技术名词解释报文：为了减小每次网络通信所占用的流量，通常通过自定义网络报文格式的方式来减小数据包的体积。报文的格式通常为报文头+报文体。粘包拆包：当数据包比较小时，有时会遇到接收到的数据包为多个报文拼在一起的情况，这种情...