摘要：
1 概 述 事件是人机交互的基础，鸿蒙开发中，事件分为两大类：a）通用事件；b）手势事件。 👉🏻 通用事件 通用事件又可以按照触发类型来分类，分为三大类：触屏事件、键鼠事件和焦点事件。 触屏事件：手指或手写笔在触屏上的单指或单笔操作。 键鼠事件：包括外设鼠标或触控板的操作事件和外设键盘的按键事件 阅读全文
posted @ 2024-12-15 18:11
鸿蒙自习室
阅读(678)
评论(0)
推荐(0)
摘要：
01 概 述 两个页面间发生跳转，一个页面消失，另一个页面出现，这时可以配置各自页面的页面转场参数实现自定义的页面转场效果。 页面转场效果写在pageTransition()函数中，通过PageTransitionEnter和PageTransitionExit指定页面进入和退出的动画效果。 02 阅读全文
posted @ 2024-12-15 18:06
鸿蒙自习室
阅读(142)
评论(0)
推荐(0)
摘要：
1 概 述 在不同页面间，有使用相同的元素（例如有同一幅图）的场景，可以使用共享元素转场动画衔接。 为了突出不同页面间相同元素的关联性，可为它们添加共享元素转场动画。如果相同元素在不同页面间的大小有明显差异，即可达到放大缩小视图的效果。 例如：有两个页面，A页面只展示一张图片，当我们在A页面点击图片 阅读全文
posted @ 2024-12-15 18:05
鸿蒙自习室
阅读(106)
评论(0)
推荐(0)
摘要：
1、概述 ArkUI提供了预置动画曲线函数（指定了动画属性从起始值到终止值的变化规律）如Linear、Ease、EaseIn等。 另外，ArkUI也提供了由弹簧振子物理模型产生的弹簧曲线。通过弹簧曲线，开发者可以设置超过设置的终止值，在终止值附近震荡，直至最终停下来的效果。弹簧曲线的动画效果比其他曲 阅读全文
posted @ 2024-12-15 18:04
鸿蒙自习室
阅读(209)
评论(0)
推荐(0)
摘要：
我们接着鸿蒙动画开发01——布局更新动画，现在了解鸿蒙的组件内部的转场动画。 1、概述 组件的插入、删除过程即为组件本身的转场过程，组件的插入、删除动画称为组件内转场动画。通过组件内转场动画，可定义组件出现、消失的效果。 2、关键接口 组件内转场动画的接口为： transition(value: T 阅读全文
posted @ 2024-12-15 18:04
鸿蒙自习室
阅读(211)
评论(0)
推荐(0)
摘要：
1、概述 从现在起，我们将开启一个新系列——鸿蒙动画开发系列，在这个系列中，我们将分别接触鸿蒙的各种动画效果。在开始之前，我们先对动画做一个简单的介绍。 1.1、什么是动画 动画的原理是在一个时间段内，多次改变UI外观，由于人眼会产生视觉暂留，所以最终看到的就是一个“连续”的动画。 UI的一次改变称 阅读全文
posted @ 2024-12-15 18:04
鸿蒙自习室
阅读(215)
评论(0)
推荐(0)
摘要：
概 述 前一章我们学习了Shape绘制来绘制自定义形状(鸿蒙UI系统组件14——几何图形(Shape))，在实际的业务开发中，有可能我们需要绘制更复杂的图形，例如统计图中的饼图、折线图等，除了绘制图形外，可能还会绘制一些复杂的组件效果，此时，我们就需要用到画布(Canvas)组件来满足我们的需求了。 阅读全文
posted @ 2024-12-15 18:03
鸿蒙自习室
阅读(341)
评论(0)
推荐(0)
摘要：
1、概述 上篇文章中，我们讨论了在鸿蒙系统中如何显示一张图片，鸿蒙UI系统组件13——图片显示(Image)，在鸿蒙开发中，除了使用静态图片展示外，我们还可以自己使用代码画一些几何图形，例如：三角形、矩形、圆形、多边形等。此时，我们就需要用到Shape组件来完成我们的需求。 2、创建绘制组件 绘制组 阅读全文
posted @ 2024-12-15 18:03
鸿蒙自习室
阅读(208)
评论(0)
推荐(0)
摘要：
1、概述 开发者经常需要在应用中显示一些图片，例如：按钮中的icon、网络图片、本地图片等。在应用中显示图片需要使用Image组件实现，Image支持多种图片格式，包括png、jpg、bmp、svg和gif。 Image通过调用接口来创建，接口调用形式如下： Image(src: string | 阅读全文
posted @ 2024-12-15 18:03
鸿蒙自习室
阅读(1230)
评论(0)
推荐(0)
摘要：
1、概述 实际的APP开发中，几乎都会遇到有多个页面跳转的情况，例如，登录 -> 首页 -> 个人中心。在鸿蒙开发中，页面间的跳转被称作为“页面路由”。 HarmonyOS提供了Router模块，通过不同的url地址，可以方便地进行页面路由，轻松地访问不同的页面。 本文将从页面跳转、页面返回和页面返 阅读全文
posted @ 2024-12-15 18:02
鸿蒙自习室
阅读(1507)
评论(0)
推荐(0)
摘要：
1、概述 当页面信息较多时，为了让用户能够聚焦于当前显示的内容，需要对页面内容进行分类，提高页面空间利用率。Tabs组件可以在一个页面内快速实现视图内容的切换，一方面提升查找信息的效率，另一方面精简用户单次获取到的信息量。 2、基本布局 Tabs组件的页面组成包含两个部分，分别是TabContent 阅读全文
posted @ 2024-12-15 18:02
鸿蒙自习室
阅读(1353)
评论(0)
推荐(0)
摘要：
Menu是菜单接口，一般用于鼠标右键弹窗、点击弹窗等。 1、创建默认样式的菜单 菜单需要调用bindMenu接口来实现。bindMenu响应绑定组件的点击事件，绑定组件后手势点击对应组件后即可弹出。 Button('click for Menu') .bindMenu([ { value: 'Men 阅读全文
posted @ 2024-12-15 18:01
鸿蒙自习室
阅读(206)
评论(0)
推荐(0)
摘要：
1、概述 Popup属性可绑定在组件上显示气泡弹窗提示，设置弹窗内容、交互逻辑和显示状态。主要用于屏幕录制、信息弹出提醒等显示状态。 气泡分为两种类型，一种是系统提供的气泡PopupOptions，一种是开发者可以自定义的气泡CustomPopupOptions。其中PopupOptions为系统提 阅读全文
posted @ 2024-12-15 18:01
鸿蒙自习室
阅读(224)
评论(0)
推荐(0)
摘要：
1、概述 自定义弹窗（CustomDialog）可用于广告、中奖、警告、软件更新等与用户交互响应操作。开发者可以通过CustomDialogController类显示自定义弹窗。 2、创建自定义弹窗 使用@CustomDialog装饰器装饰自定义弹窗。 @CustomDialog装饰器用于装饰自定义 阅读全文
posted @ 2024-12-15 18:01
鸿蒙自习室
阅读(656)
评论(0)
推荐(0)
摘要：
1、概述 Video组件用于播放视频文件并控制其播放状态，常用于为短视频应用和应用内部视频的列表页面。当视频完整出现时会自动播放，用户点击视频区域则会暂停播放，同时显示播放进度条，通过拖动播放进度条指定视频播放到具体位置。 Video组件已经封装好了视频播放的基础能力，开发者无需进行视频实例的创建， 阅读全文
posted @ 2024-12-15 18:00
鸿蒙自习室
阅读(879)
评论(0)
推荐(0)
摘要：
1、概述 Progress是进度条显示组件，显示内容通常为某次目标操作的当前进度。 2、创建进度条 Progress通过调用接口来创建，接口调用形式如下： Progress(options: {value: number, total?: number, type?: ProgressType}) 阅读全文
posted @ 2024-12-15 17:59
鸿蒙自习室
阅读(479)
评论(0)
推荐(0)
摘要：
1、概述 Toggle组件提供状态按钮样式，勾选框样式及开关样式，一般用于两种状态之间的切换。 2、创建切换按钮 Toggle通过调用接口来创建，接口调用形式如下： Toggle(options: { type: ToggleType, isOn?: boolean }) 该接口用于创建切换按钮，其 阅读全文
posted @ 2024-12-15 17:58
鸿蒙自习室
阅读(290)
评论(0)
推荐(0)
摘要：
1、概述 Radio是单选框组件，通常用于提供相应的用户交互选择项，同一组的Radio中只有一个可以被选中。 2、创建单选框 Radio通过调用接口来创建，接口调用形式如下： Radio(options: {value: string, group: string}) 该接口用于创建一个单选框，其中 阅读全文
posted @ 2024-12-15 17:58
鸿蒙自习室
阅读(301)
评论(0)
推荐(0)
摘要：
1、概述 TextInput、TextArea是输入框组件，通常用于响应用户的输入操作，比如评论区的输入、聊天框的输入、表格的输入等，也可以结合其它组件构建功能页面，例如登录注册页面。 2、创建输入框 TextInput为单行输入框、TextArea为多行输入框。通过以下接口来创建。 TextAre 阅读全文
posted @ 2024-12-15 17:57
鸿蒙自习室
阅读(821)
评论(0)
推荐(0)
摘要：
1、概述 Button是按钮组件，通常用于响应用户的点击操作，其类型包括胶囊按钮、圆形按钮、普通按钮。Button当做为容器使用时可以通过添加子组件实现包含文字、图片等元素的按钮。 2、创建按钮 Button通过调用接口来创建，接口调用有以下两种形式： 创建不包含子组件的按钮。 Button(lab 阅读全文
posted @ 2024-12-15 17:56
鸿蒙自习室
阅读(628)
评论(0)
推荐(0)
摘要：
如果你也对鸿蒙开发感兴趣，加入“Harmony自习室”吧！点击下面的名片关注公众号。 1、概述 Text是文本组件，是我们开发UI界面中最常见的组件之一，通常用于展示用户的视图，如显示文章的文字。下面将对文本组件展开介绍。 2、创建文本 Text可通过以下两种方式来创建： string字符串 Tex 阅读全文
posted @ 2024-12-15 16:51
鸿蒙自习室
阅读(447)
评论(0)
推荐(0)
浙公网安备 33010602011771号