鸿蒙开发者社区

弹性布局（FLex）提供更加有效的方式对容器中的子元素进行排列、对齐和分配剩余空间。常用于页面头部导航栏的均匀分布、页面框架的搭建、多行数据的排列等。但Flex布局的不合理使用也会增加对性能的损耗，那么如何才能通过优化来减少性能的过度损耗呢？一、应该考虑减少嵌套层级。Flex布局如果嵌套太多层，可能会导致渲染变慢。可能的话，应该简化结构，用更少的容器。二、列表渲染场景。如果Flex布局用于长列表，比如用ForEach...

一、简介应用接续，指当用户在一个设备上操作某个应用时，可以在另一个设备的同一个应用中快速切换，并无缝衔接上一个设备的应用体验。比如我们在使用手机进行文字编辑时，此时想使用带键盘的平板继续编辑，那么无需重新打字，而是继续之前的内容。接续完成后，之前设备的应用可退出或保留，用户可以将注意力集中在被拉起的设备上，继续执行任务。如图所示：二、运作机制以此例为例：在源端也就是手机端，通过UIAbility的onCont...

一、简介系统为应用访问系统资源提供了系统Picker与安全控件这两种便利途径。这两种途径皆凭借系统的独立进程达成，在应用拉起系统Picker或者呈现安全控件时，唯有依靠用户的主动操作才能够获取资源或结果。如此流程让应用无需额外申请权限，并且因用户的主动参与，对用户隐私与安全的保护得以进一步强化。为了应用能够发挥其完整功能，可能需要访问系统的特定资源，而这些资源的访问通常需要获得相应的权限许可。若用户拒绝了...

一、介绍​Grid网格元素拖拽交换功能的实现，依靠的是Grid容器组件、组合手势以及显式动画这三者的结合。其中，Grid容器组件的作用在于构建网格元素布局；组合手势的用途是达成元素拖拽交换的效果；显式动画则是为元素拖拽交换过程增添动画效果。​二、预览效果​三、实现步骤​（1）创建数据作为Grid的数据来源Statedata:string[][]aboutToAppear():void{for(letindex0;index<9;index++){this.data.push(Item${index})}}（2）G...

一、介绍共享元素转场是一种界面切换时对相同或者相似的两个元素做的一种位置和大小匹配的过渡动画效果，也称一镜到底动效。利用系统能力，转场前后两个组件调用geometryTransition接口绑定同一id，同时将转场逻辑置于animateTo动画闭包内，这样系统侧会自动为二者添加一镜到底的过渡效果。系统将调整绑定的两个组件的宽高及位置至相同值，并切换二者的透明度，以实现一镜到底过渡效果。因此，为了实现流畅的动画效果，需要确保...

一、介绍当应用的功能日益复杂时，用户在应用里寻觅某个功能的操作流程也越发冗长。若想优化用户体验，不妨为应用里那些常用功能设立桌面快捷方式，从而达成快速开启应用、一键抵达特定功能之类的效果。就像相机应用的“快速拍照”、便签应用的“新建便签”以及地图应用的常用地点导航等功能的快捷途径，用户借助这些快捷方式能够迅速切入特定功能页面，这不但能大幅提升操作效率，而且会加深用户对应用的依赖程度。运用快捷方...

AVRecorder可以实现音频录制功能，本文通过音频的录制，暂停，恢复录制，停止录制来展示AVRecorder的功能。一、页面设计使用Image组件加载一张麦克风的图标，当未录制时，显示灰色的图标；点击麦克风图标，开始录制，图标变为蓝色且下方显示录制时间；再次点击图标，音频录制暂停，计时暂停，图标恢复灰色；再此点击，恢复录制，图标变为蓝色，计时继续。点击完成按钮，停止音频的录制，显示播放按钮。二、开发前准备应用可以调...

一、介绍很多体验好的app在进入列表页时会有列表轮廓为形态的骨架图闪烁动画，从而让用户感知新页面在加载运行的动态过程，让体验更加流程。​二、实现思路​骨架图用于在页面数据加载完成前，先给用户展示出页面的大致结构（通常以灰色或其他浅色系的占位图形式呈现），待接口数据加载完成后，再渲染出实际页面内容并替换掉骨架屏。通过网络接口返回的状态改变跳转的新页面有加载中、加载成功、加载失败、加载数据为空四种状态...

当我们做发布帖子或者评论的功能时，往往可以发布图片，这就需要我们开发从手机的相册选择图片的功能。先看效果。一、图片选择控件ImageSelectView功能（1）可以控制选择图片数量（2）选择图片按钮一直处于图片最后一个，且图片数量达到最大，按钮消失（3）删除已选某张图片（4）替换某张已选图片二、读取设备相册涉及的权限问题一般应用获取“存储”权限后，就能读取到手机内部存储上所有的文件，包含所有的照片，这就产生了隐...

1.元服务《DaysMatter》功能介绍DaysMatter是一款展示某些重大日期下的事件的软件。主要功能包括：（1）根据日期或者其他关键词搜索（2）日历插件的使用（3）文章收藏以及收藏列表展示（4）跳转动画的使用2.三方库使用axios网络请求框架的使用工程目录下ohpackage.json5，配置三方库"devDependencies":{"ohoshypium":"1.0.19","ohoshamock":"1.0.0","ohosaxios":"^2.1.1"}3.封装网络请求框架为了更便捷快速的进行网络请求，我们...

ArkUl的Emitter对象具有持续订阅事件和单次订阅事件、取消订阅事件、触发事件的能力。我们可以将它做为封装的参考，来自己实现一个类似的封装。一、什么是订阅模式发布订阅模式是一种软件架构设计模式，属于行为型设计模式，用于解耦生产者（发布者）和消费者（订阅者）之间的关系。在这种模式中，发布者负责发布消息，而订阅者则可以选择订阅他们感兴趣的消息类型。当有新消息发布时，订阅者将收到通知并执行相应的操作。优点...

菜谱大全的UI框架也已搭建完毕，接下来就是通过本地数据库的操作来获取相应的数据支持了。1.首页列表获取（带分页）cke245.png​foodmeau：表的名称paramstore数据库实例paramonGetFoods获取数据成功后的回调，返回菜谱数组paramonErrorparamlimit每次获取数量限制paramskipgetFoods(store:relationalStore.RdbStore,onGetFoods:(res:Array<Food>)>void,onError:(err:string)>void,limit:number,skip:number){letpredicatesnewr...

本地数据库实现菜谱大全app主框架已经写好，那么接下来就是各个页面之间的代码编写了。这里我们使用Navigation的动态路由功能进行各个页面之间的跳转。1.获取本地数据库实例exportasyncfunctiongetRdbStore(context:Context,onGetStore:(store:relationalStore.RdbStoreundefined)>void){relationalStore.getRdbStore(context,{name:Constant.DBNAME,securityLevel:relationalStore.SecurityLevel.S1},(err,store)>{if(err){con...

实现步骤：1.准备数据库文件menu.db​从网络上免费获取或者花个几块钱就可以买到菜谱的数据库数据。数据库结构如下：meauID：菜谱idname：菜谱名称tags：标签method：烹饪方法img：图片url：H5链接level：难度peopleNum：菜量适用人数taste：口味prepareTime：准备时间cookTime：烹饪时间mainIngredient：主料accessories：辅料measure：步骤techniques：技巧2.将数据库拷贝到项目代码中将数据库拷贝到entry>src>main>resources...

Navigation组件一般作为页面的根容器，包括单页面、分栏和自适应三种显示模式。Navigation可以通过组件级路由能力实现更加自然流畅的转场体验。在鸿蒙中，由Entry修饰的组件为页面组件，每一个页面都需要Entry来修饰。Navigation的出现，可以让一个Entry页面实现多页面的效果。如图Navigation组件可以分为主页和内容页，主页由标题栏(包含菜单栏)、内容区和工具栏组成。当然如果我们不想使用系统自带的标题栏和工具栏，我们可以...

State、Prop、Link等装饰器的作用范围是组件之间。也就是他们只能在同一个Entry修饰下的页面组件中的组件以及子组件进行数据的共享。当涉及到多个页面时，需要使用页面级的状态管理装饰器。LocalStorage是页面级的UI状态存储，通过Entry装饰器接收的参数可以在页面内共享同一个LocalStorage实例。LocalStorage支持UIAbility实例内多个页面间状态共享。LocalStorage使用场景和相关的装饰器：LocalStoragePropLocalStorageLink。...

组件的状态管理，首先什么是组件？组件：（1）系统组件，ArkUI框架中默认内置的基础和容器组件，可直接被开发者调用，比如Column、Text、Divider、Button等。（2）自定义组件，可复用的UI单元，可组合其他组件，如被Component装饰的struct。组件状态与组件之间的关系？组件展示的UI内容由组件的状态变量来控制。状态变量在不同场景由不同的装饰器来修饰State、Prop、Link、Provider和Consume、Observed和ObjectLink。因为状态变...

今天写第一个华为手表的鸿蒙应用HelloWorld。希望大家多支持！！！1.创建工程，我目前知道的只有华为WatchGT2pro是第一批开放给开发者可以安装鸿蒙app的，有这款手表的人都可以体验一下，哈哈，就是有点小贵。由于WatchGT2pro是属于轻鸿蒙的设备，创建项目的时候，要选择LiteWearable，选择Wearable是不行的。2.在AppgalleryConnect后台创建一个自己的鸿蒙应用。3.左侧菜单栏，滑到最下面，选择HarmonyOS应用>HAPProvisionProfi...

华为GT2pro真机调试需要在AppgalleryConnect后台将自己的手表UDID添加到“设备管理”中。具体步骤如下：1.应用市场下载“应用调试助手”。2.如果手表和手机是连接状态，则调试助手app会获取到一个udid。3.登录APPGalleryConnect4.选择“用户与访问”5.左侧菜单栏选择“设备管理”。然后选择“添加设备”。6.设备类型选择“运动手表”，设备名称可以自己定义，UDID为第2步中获取的udid。提交后，我们的GT2pro配置成为调试设备就...