CTrup的博客

支持自动轮播。支持无限轮播。支持垂直轮播。支持自定义指示器。支持定制的翻页动画效果，目前动画只支持8种动效，无法做到不同动效叠加。能力列表Swiper组件Banner组件自动轮播支持支持无限轮播支持支持垂直轮播支持支持自定义指示器部分支持支持指示器和banner分离不支持支持定制翻页动画效果不支持支持方法名入参接口描述自定义轮播组件Banner构造器方法名入参接口描述圆角指示器构造器方法名入参接口描述图像指示器构造器方法名入参。

RoundedImageView支持圆角（和椭圆或圆形）的快速 ImageView。它支持许多附加功能，包括椭圆、圆角矩形、ScaleTypes 和 TileModes。

返回 LineChart，ScatterChart，CandleStickChart等图表触摸屏幕时的Highlight 对象（包含 x-index 和 DataSet 索引）。计算图表到边框的偏移量，具体取决于图例的位置，x轴y轴的长度，及其的标签位置。返回图表(整个视图)的中心点的可回收的MPPointF实例。返回图表的图形绘制的中心区域的可回收的MPPointF实例。返回图表(整个视图)的中心点的可回收的MPPointF实例。清空图表的所有数据，将其置空null，并刷新图表。

mpchart是一个包含各种类型图表的图表库，主要用于业务数据汇总，例如销售数据走势图，股价走势图等场景中使用，方便开发者快速实现图表UI，mpchart主要包括线形图、柱状图、饼状图、蜡烛图、气泡图、雷达图、瀑布图等自定义图表库。//设置自定义图标资源 PixelMap//设置自定义图标资源 resId//设置自定义图标宽度//设置自定义图标高度i++) {//设置显示自定义图标//设置自定义图标偏移量定制数据结构。

类似iOS风格的边缘滚动效果视图。支持下列视图：RecyclerView, ListView, GridView, ViewPager, ScrollView, HorizontalScrollView, Any View - Text, Image…this.model。

本库基于TextLayoutBuilder原库进行适配,使其可以运行在 OpenHarmony。TextLayoutBuilder是一个可定制任意样式的文本构建工具，包括字体间距、大小、颜色、布局方式、富文本高亮显示等，在文字显示的业务场景中都会使用到，特别是通知类特殊显示的字体样式时，TextLayoutBuilder极大的方便了开发者的开发效率。

PullToRefresh是一款OpenHarmony环境下可用的下拉刷新、上拉加载组件。支持设置内置动画的各种属性，支持设置自定义动画，支持lazyForEarch的数据作为数据源。

本示例介绍了 @ohos.multimedia.media 组件和 @ohos.window 接口以及使用 触摸热区 实现视频横竖屏切换及进度条热区拖动的功能。该场景多用于横竖屏视频等媒体播放。

本示例主要介绍视频列表滑动到屏幕中间自动播放场景，利用onScrollIndex获取List显示区域内中间子组件索引值的能力来判断播放，利用懒加载场景会预加载List显示区域外cachedCount的内容的能力来实现视频连续播放。

本示例介绍通过自定义装饰器在自定义组件中自动添加 inspector (布局回调) 方法并进行调用。

本示例是 使用ArkUI的FrameNode扩展实现动态布局类框架 的示例代码，主要讲解如何使用ArkUI的FrameNode扩展实现动态布局类框架。

本示例通过 @ohos.graphics.drawing 库和 blendMode颜色混合 实现了橡皮擦功能，能够根据手指移动轨迹擦除之前绘制的内容，并且可以进行图案的撤销和恢复。

本示例介绍使用Swiper实现自定义日历月视图和周视图左右滑动切换月或周的效果。同时使用分段按钮和Tabs实现月视图和周视图的切换效果。

本示例将原图手指划过的区域分割成若干个大小一致的小方格，然后获取每个小方格中的像素点的平均色彩数值，使用获取到的平均色彩数值替换该方格中所有的像素点。最后使用createPixelMapSync接口将新的像素点数据写入图片，即可实现原始图片的局部马赛克处理。

本示例实现了一个网格渐变的画笔调色板，能够根据给定的 HSL 类型颜色和色阶数，按亮度生成渐变色，用户可以通过调色板选择颜色并在画布上绘制路径。

本示例介绍通过骨架屏提升加载时用户体验的方法。骨架屏用于在页面数据加载完成前，先给用户展示出页面的大致结构（通常以灰色或其他浅色系的占位图形式呈现），待接口数据加载完成后，再渲染出实际页面内容并替换掉骨架屏。通过网络接口返回的状态改变 loadingCollectedStatus 值，动态切换页面内容：初始显示骨架屏（LoadingView）；成功且有数据则显示列表页（ListView）；数据为空显示无数据页（NoneContentView）；加载失败则显示失败页（LoadingFailedView）。

本示例介绍如何在应用中调起系统短信，通过startAbility接口中的指定号码并调起系统的发送短信页面。

本实例通过列表场景实例讲解，介绍在TaskPool线程中操作关系型数据库的方法，涵盖单条插入、批量插入、删除和查询操作。

本示例是 全局自定义组件复用实现 的示例代码，主要讲解如何通过BuilderNode创建全局的自定义组件复用池，实现跨页面的组件复用。

本示例介绍了 @ohos.web.webview 组件和 Web 以及 CustomDialog 接口实现H5页面调用自定义输入法的功能。该场景多用于浏览器需要使用安全输入法时。

本案例介绍了使用NavDestination组件的Dialog模式实现与前一个页面的联动的评论弹窗。

/ 网页是否在加载中// 网页加载进度// 当前访问页面历史记录索引@BuilderRow() {.width(18)// 刷新网页}).width(50)test 方法，获取网页调用后传参select 方法，选择原生相册，获取选择图片结果显示到网页中// 测试方法// 选择相册// 2\. JSBridge代理// 参数 1：注入应用侧JavaScript对象// 参数 2：注入对象的名称，与window中调用的对象名一致。

整体思路：首先需要用装饰器@builder自定义构建一个函数，然后跟refresh的接口builder进行绑定Refresh({refreshing:$$this.isRefreshing,builder:this.customRefreshComponent()})，最后将通过refresh的系列回调逐步实现下拉过程中图标的动态变化。

HiAppEvent的接口设计，由系统决定回调的时机。使用这种机制，可以获取的应用崩溃事件结构化日志。HiAppEvent运营&运维事件软件模块，用于连接APP开发者、APM上传模块、HiView故障维测服务。支撑应用开发者完成运营和运维的数据分析工作。主要通过如下措施支持开发者快速完成APP线上的运营和运维功能：⦁ 措施1：开放系统事件订阅API，可以订阅到系统检测到APP相关事件，包括崩溃、卡死等。⦁ 措施2：开放自定义事件API，开发者可以本地记录事件、本地记录用户属性。

Debug包。输出全量日志。Release包。默认不输出debug级别日志，可以参考日志等级修改来输出debug级别日志。

ACCESS_BLUETOOTH 权限是很多蓝牙接口需要申请的，比如：ble.getConnectedBLEDevices（获取和当前设备连接的BLE设备）、ble.startBLEScan（发起BLE扫描流程）。ble扫描的是低功耗蓝牙，相比于connection扫描结果偏少，如果想要扫描到系统设置中的所有设备，需要去调用@ohos.bluetooth.connection模块中的connection.startbluetoothdiscovery。BLE为低功耗蓝牙，只能扫描到低功耗的蓝牙设备。

方案当前自定义弹窗的openAnimation和closeAnimation只能实现弹窗原地打开的相关动画设置，无法设置弹窗位置上变化的效果。为了避免弹窗原地打开关闭，这里选择通过给弹窗设置组件转场动画（transition）来实现。当然也可以根据具体想要实现的效果选择其他动画来自定义弹窗动画。⦁ 设置动画事件为500ms组件转场时插入的起点和删除的终点为屏幕以下300vp。

ArkUI提供了Grid容器组件和子组件GridItem，用于构建网格布局。Grid用于设置网格布局相关参数，GridItem定义子组件相关特征。

A：在onCreate中注册字体时，页面还未创建，所以字体未生效，需要在页面创建完成之后再加载字体，推荐在页面注册回调windowStage.loadContent中进行字体注册。给Text组件设置fontFamily属性，fontFamily中的名字就是上面注册时设置的字体名，最后使用的emoji表情，就是从下载的三方emoji字体文件钟直接粘贴得到的。Text&TextArea支持icon，从iconfont的官网上下载对应的字体文件，下载完成后进行注册和使用说明。在需要的页面进行使用即可。

外层scroll滑动，内层waterFlow滑动，外层使用嵌套属性.nestedScroll进行联动。基于nestedScroll实现WaterFlow与Scroll混合滑动。外层list组件和内层list组件基于.nestedScroll进行联动。list中嵌套List滑动。

路由拦截是开发中常见场景，比如校验用户是否登录、路由拦截添加弹窗等。通过setInterception可以实现这些功能，该需求主要用于路由拦截前调用开发者设置的拦截回调，和拦截回调里开发者返回处理后需要跳转的页面信息 。

在直播场景中，会有礼物、魔法等表情临时出现在画面，需要获取视频画面帧进行纹理更新后再渲染

在自定义组件Builder里添加组件内转场动画（transition），设置组件转场时的平移效果和纵向的平移距离。

给Swiper组件设置.nextMargin(50).prevMargin(50)属性。给Swiper组件添加onChange事件，设置当前this.currentIndex=index，当currentIndex为首页或者尾页时，设置上一张以及下一张图片的缩放值。// 设置当前index缩放值为最大值// 当前index=0时，设置上一张图片的缩放值} else// 当前index不为0时，设置上一张图片的缩放值// 当index为最后一张图片时，设置下一张图片的缩放值} else。

方案基于Search组件的searchIcon属性设置搜索图标，searchIcon可以设置size、color。注意：当前搜索图标不支持隐藏且不支持位置调整。基于searchButton属性设置搜索框末尾搜索按钮。基于该属性可更改文本内容及文本样式。核心代码Search({ value: this.changeValue, placeholder: '请输入搜索内容', controller: this.controller })//设置搜索框末尾搜索按钮，可修改文本内容及文本样式。

透明页面也可以叫做弹窗页面，实际开发场景中经常有一个页面覆盖在另一个页面上的效果，例如：评论弹窗页面、广告弹窗页面等。

在默认情况下，手势事件为非冒泡事件，当父子组件绑定相同的手势时，父子组件绑定的手势事件会发生竞争，最多只有一个组件的手势事件能够获得响应，默认子组件优先识别通过gesture绑定的手势。

控制输入框的宽度和显隐状态实现第一段动画，输入框的缩放动画完成后onFinish隐藏输入框，同时展示加载动画。

通过注册一个js代理对象被web的registerJavaScriptProxy方法调用拉起CustomDialog，在CustomDialog上放置一个customkeyboard

ArkTS是单线程的，其通过事件循环机制来处理异步任务，这一特性，同样也深入影响了Node-API的模块开发。在Native线程中既要保证没有多线程问题，又要保证任务的正确执行。针对在HarmonyOS中，Native子线程不能直接访问ArkTS主线程的资源的场景，Node-API提供了napi_threadsafe_function这一套线程安全函数接口，用来实现异步通信操作。下面介绍napi_threadsafe_function的方式。