auhgnixgnahz

实现一个全局可随意拖动的悬浮工具球，可控制是否吸边，根据悬浮球的位置，向四个方向弹出工具栏。全局监听工具按钮的点击事件回调。效果演示： 实现思路：1.使用新建窗口实现悬浮状态...

auhgnixgnahz

实现一个类似于手机锁屏页左下角工具类按钮，点击工具按钮，弹出4个操作按钮，弧形排列。实现思路：1.点击开关按钮弹出4个隐藏按钮，需要用到动画，可以将隐藏按钮的初始位置放到开关...

auhgnixgnahz

当我们在一个固定大小的区域内展示文字，如果文字太长，可能会超出展会区域，显示不全，因此我们希望文字内容可以根据区域大小自适应放大缩小。演示： 总结：1.设置maxFontSi...

auhgnixgnahz

blendMode(value: BlendMode, type?: BlendApplyType)将当前控件的内容（包含子节点内容）与下方画布（可能为离屏画布）已有内容进行...

auhgnixgnahz

上一篇实现了一句歌词颜色渐变效果，这篇在上一篇的基础上，完整实现歌词的动态展示，并且实现播放和暂停功能。最终效果： 我们把歌词先按行分割，记录每行歌词的开始时间和歌词内容，然...

auhgnixgnahz

实现一个音乐播放器中，歌词颜色渐变的效果。简单点说，就是解析歌词内容，拿到每个词，或者每句话的开始时间、结束时间，执行颜色渐变的动画，然后依次执行。今天这篇先实现一个简单的一...

auhgnixgnahz

Canvas提供了线性渐变、径向渐变、圆锥渐变三种渐变效果，今天通过动画直观地看一下每个渐变的效果。 线性渐变 createLinearGradient(x0: number...

auhgnixgnahz

水印在我们日常使用的APP中是很常见的。本文记录一下如何实现一个自定义的水印，可以自定义设置水印文字、间距、旋转角度。实现效果： 核心方法是使用Canvas绘制文字，只需要在...

auhgnixgnahz

最近想把日常开发练习总结的APP上架到应用市场，由于之前APP内容都是最终的效果演示，看着有些单调，于是打算把对应的源码也加入到里面，可以直接阅读，和文章里的代码展示是一样的...

auhgnixgnahz

本篇对比一下Web的两种渲染模式，三种不同的布局方式。 渲染模式对比 同步渲染：RenderMode.SYNC_RENDER 开发者模式：过度绘制检测 ：毫秒 异步渲染： ...

auhgnixgnahz

上篇总结了Web组件的基础属性和事件，这篇通过一个简单案例，学习原生与web的交互。涉及到JS注入，原生调用JS方法，JS调用原生方法。实现效果： 实现目标：1.打开目标页面...

auhgnixgnahz

本文总结一下使用Web组件访问在线网页时的基础属性和事件设置。使用Web组件加载一个网页，最简单的一行代码就可实现，即 Web({ src: 网页地址, controller...

auhgnixgnahz

天下产品一大”借鉴“，可以发现某宝、东、鱼等APP的首页菜单，横向滚动第一页是一行展示5个完整的菜单和一小部分第二页的一个菜单，第二页是三行展示菜单，左右滑动可动态调整菜单栏...

auhgnixgnahz

系统设置及系统应用跳转是各类应用的高频使用场景之一，如跳转至系统设置、一键拨打电话、查看与修改应用权限、打开浏览器浏览网页等。本文总结了打开系统蓝牙设置、打开移动网络设置、打...

auhgnixgnahz

基于上篇一镜到底实现，做出一些优化，增加长按事件弹出操作框。演示： 上篇不足：1.图片初始位置相对屏幕Y轴的偏移没有赋值，影响图片放大后拖动的上下边界，导致上边会有黑边，下边...

auhgnixgnahz

背景：当需要在应用底部弹出提示信息，并且希望切换页面不会消失，能够点击跳转到配置的页面。实现效果： 1.设置信息提示的内容页 2.创建子窗口显示提示信息 3.设置跳转路由 1...

auhgnixgnahz

当首次安装应用时，通常会有功能引导提示的需求，本文实现一个简单的功能引导案例供参考，也可以使用第三方的插件库@ohos/high_light_guide实现效果： 实现思路：...