【HarmonyOS NEXT应用开发】案例57：基于原生实现高级显示效果

最新推荐文章于 2024-10-31 22:54:55 发布
最新推荐文章于 2024-10-31 22:54:55 发布
阅读量29 收藏
点赞数
分类专栏： HarmonyOS鸿蒙系统应用开发高级课程（100集） 文章标签： 华为 harmonyos 华为云 华为od 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/xzs51job/article/details/141279017
版权

场景描述

文字特效是一个比较常见的功能，下面列举一些遇到的业务需求：

  • 场景一：文字渐变效果

  • 场景二：歌词滚动效果

  • 场景三：文字倒影效果

  • 场景四：跑马灯渐变效果

方案描述

场景一：

文字渐变效果

效果图

cke_19877.png

方案

使用linearGradient与blendMode结合实现文字渐变效果

核心代码


Row() {

Text(this.message)

.fontSize(42)

.fontWeight(FontWeight.Bold)

.blendMode(BlendMode.DST_IN, BlendApplyType.OFFSCREEN)

}.linearGradient({

direction: GradientD
了解本专栏 订阅专栏 解锁全文 超级会员免费看
青少年编程作品集
关注
专栏目录
订阅专栏
【HarmonyOS NEXT应用开发】案例117：基于原生能力实现图文混排
xzs51job的专栏
09-05 96
参与相对布局的容器内组件必须设置id，不设置id的组件组件不显示，容器id固定为__container__。使用StyledString实现图文混排效果，首先得让Text组件与StyledString绑定，绑定后即可使用StyledString设置文本样式以及对文本进行增、删、改、查等操作。应用中基于原生能力实现图文混排效果有多个方案可实现，推荐使用Flex作父容器实现的方案（方案一），此方案优点在于节点数量少，结构简单。内部头像使用Image组件，中间部分使用Text文本组件，右边使用Text文本组件。
【HarmonyOS NEXT应用开发】案例9：基于原生能力的键盘控制
xzs51job的专栏
08-12 127
点击生命周期输入框，通过windowStage.getMainWindowSync().getUIContext().setKeyboardAvoidMode，实现设置窗口在键盘抬起时的页面避让模式,这种情况下当键盘弹起的时候页面会自动压缩。监听键盘高度，在键盘弹出后让组件上移，键盘收起后让组件恢复，这种做法定制化程度更高，可以根据开发者需要自行控制页面避让的高度。应用通常使用键盘的方式，系统键盘的弹出收起，获焦失焦，高度监听，安全避让等。场景五：设置窗口在键盘抬起时的页面避让模式为上抬，压缩。
[HarmonyOS Next示例代码]文字特效案例集
Alexzhang369学习总结空间
08-13 644
本示例基于Text组件及通用属性实现多种文字特效。
【HarmonyOS NEXT应用开发】案例3：基于原生的跨模块资源访问
xzs51job的专栏
08-12 175
说明：hsp包名必须写在[]内，”rawfile“下有多层目录，需要从”rawfile“下面第一个目录开始写，如“$rawfile('[hsp].oneFile/twoFile/icon.png')”，使用"$r"和"$rawfile"跨包访问HSP包资源无法提供编译时的资源校验，需要开发者自行保证使用资源存在于对应包中。对于“color”、“float”、“string”、“plural”、“media”、“profile”等类型的资源，通过"$r('app.type.name')"形式引用。
【HarmonyOS NEXT应用开发】案例53：基于原生的水印添加能力
xzs51job的专栏
08-17 281
使用cameraPicker拉起系统相机拍照，拿到返回的picker.PickerResult.resultUri后使用fs.openSync读出图片文件转化为pixelMap，使用image组件渲染在页面上，在保存图片的时候通过drawing.TextBlob.makeFromString方法绘制水印后保存。第二步：使用image.createImageSource方法创建图片资源，在使用OffscreenCanvasRenderingContext2D.drawImage方法绘制图片在离屏画布上。
【HarmonyOS NEXT应用开发】案例120：基于原生的应用主题开发
xzs51job的专栏
09-05 161
可以通过WithTheme可以设置深浅色模式，ThemeColorMode.SYSTEM模式表示跟随系统模式，ThemeColorMode.LIGHT模式表示浅色模式，ThemeColorMode.DARK模式表示深色模式。CustomTheme的属性是可选的，只需要复写需要的修改的部分，其余部分会继承自系统。场景一和场景二的区别在哪里？在WithTheme作用域内，组件的样式资源取值跟随指定的模式读取对应的深浅色模式系统和应用资源值，WithTheme作用域内的组件配色跟随指定的深浅模式生效。
HarmonyOS NEXT应用开发案例集
1
03-20 2665
随着应用代码的复杂度提升，为了使应用有更好的可维护性和可扩展性，良好的应用架构设计变得尤为重要。本篇文章将介绍一个应用通用架构的设计思路，以减少模块间的耦合、提升团队开发效率，为开发者呈现一个清晰且结构化的开发框架。本文以“应用通用开发范例App”为例，从分层架构设计和模块化设计的方面介绍应用的架构组成。分层架构设计：将应用划分为产品定制层、基础特性层和公共能力层，可以降低层间的依赖性，从而提升代码的可维护性。|---common // 公共能力层，包括公共UI组件、数据管理、通信和工具库等。
【HarmonyOS NEXT应用开发】案例40：基于原生能力的深色模式适配
xzs51job的专栏
08-16 80
不通过两套图片资源的方式，也可以实现深浅色模式适配（补充：通过两套图片资源的方式也可以实现，修改svg图片中fill属性的颜色，然后将两张图片分别放置在不同的目录下）值得一提的是，barContentColor并不支持使用$r的方式加载颜色资源的key值，它是一个string类型的，因此，这里的是不是暗夜模式就要开发者自己去写代码判断。采用资源限定词目录的方式，自定义两套资源（resources/dark/media和resources/base/media），通过$r的方式加载颜色资源的key值。
【HarmonyOS NEXT应用开发】案例48：基于原生能力的跨应用跳转
xzs51job的专栏
08-16 69
准备被拉起方的app信息，其中目标app的图标需要拉起方应用自己准备。uri字段规格详见文末的常见问题Q1。在弹窗显示之前判断应用是否已安装，在弹窗中显示已安装的应用，并实现点击跳转到该应用。场景一：支付时商户根据实际情况去判断，拉起支付应用还是h5页面。场景二：分享场景与支付场景，需要列出多个用户可跳转的应用。2.支付应用不存在，拉起h5页面进行支付。1.支付应用存在，拉起支付应用。添加按钮，点击出现支付应用列。
华为自研仓颉编程语言官网上线 首个公测版本开放下载
weixin_41446370的博客
10-31 487
仓颉编程语言通过现代语言特性的集成、全方位的编译优化和运行时实现、以及开箱即用的IDE工具链支持，为开发者打造友好开发体验和卓越程序性能。安全DNA融入仓颉编程语言设计，帮助开发者专注于业务逻辑，免于将太多精力投入到防御性编程中，编码即安全，漏洞无处藏。官方表示，仓颉编程语言是一款面向全场景智能的新一代编程语言，主打原生智能化、天生全场景、高性能、强安全。仓颉编程语言项目于2019年在华为诞生，历经5年研发沉淀，大量研发投入，终于和全球开发者见面。仓颉编程语言采用全并发GC ，应用线程更流畅，响应更快。
鸿蒙网络编程系列39-Web组件打印示例
长弓三石
10-28 515
web组件在加载了网页以后，有两种方式可以实现打印，第一种是在网页中调用W3C标准协议接口window.print()进行打印，这种方式比较简单方便，只要网页中触发了该方法即可打印，缺点是如果网页没有地方触发则不能打印；另外一种是在应用侧实现的，通过web控制器的createWebPrintDocumentAdapter方法创建打印适配器，然后将适配器传入打印的print接口即可调起打印，虽然有点复杂，但是可以打印任何网页；本文将分别演示这两种打印方式的实现。
鸿蒙Harmony-矩形绘制组件Rect使用详解
袁震的博客
10-31 901
Rect是鸿蒙提供的矩形绘制组件，利用该组件可以绘制矩形背景，矩形图案等官方提供的参数和属性：参数名参数类型必填默认值参数描述width否0宽度。异常值按照默认值处理。height否0高度。异常值按照默认值处理。radius否0圆角半径，支持分别设置四个角的圆角度数。该属性和radiusWidth/radiusHeight属性效果类似，在组合使用时优先于radiusWidth/radiusHeight生效异常值按照默认值处理。否0圆角宽度。
把握鸿蒙生态机遇，共创智能应用未来
↓ ↓
10-31 256
作为开发者，如何抓住鸿蒙生态崛起的机遇，解决开发挑战，创造更好的应用体验？作为开发者，不仅要关注自身产品的优化升级，还需要积极参与到整个鸿蒙社区中去，与其他开发者、企业乃至最终用户保持紧密沟通，共同推动技术进步和市场拓展。只有紧跟技术潮流，不断学习新知识，勇于尝试新技术，并注重用户体验，才能在这个充满活力的新环境中站稳脚跟，创造出更多有价值的产品和服务。如何抓住这一浪潮，解决开发过程中遇到的问题，并为用户带来更加流畅、安全的应用体验，成为了摆在每一位开发者面前的重要课题。一、理解鸿蒙OS的核心价值。
「Mac畅玩鸿蒙与硬件10」鸿蒙开发环境配置篇10 - 项目实战：计数器应用
weixin_44217688的博客
10-27 1060
本篇将通过一个简单的计数器应用，带你体验鸿蒙开发环境的实际操作流程。本项目主要练习组件的使用、事件响应和状态管理，帮助开发者熟悉基本的应用构建流程。
鸿蒙NEXT开发-应用数据持久化之用户首选项（基于最新api12稳定版）
qq_56760790的博客
10-27 1270
鸿蒙数据持久化（用户首选项）的学习，包含了基本的概念、约束限制、常用方法
鸿蒙生态：机遇与挑战
ciweic的博客
10-31 454
鸿蒙生态的崛起为开发者带来了新的机遇，但同时也伴随着挑战。开发者需要不断学习新技术，适应新环境，才能在这一新兴市场中站稳脚跟，实现自我价值和职业发展。随着鸿蒙生态的不断完善和国际市场的拓展，开发者的机遇将更加丰富，挑战也将更加严峻。但无论如何，鸿蒙生态的崛起，无疑为开发者打开了一扇通往未来的大门。在这个过程中，开发者不仅是技术的实践者，更是创新的推动者。他们将通过自己的努力，推动鸿蒙生态的发展，为用户带来更加丰富和便捷的智能生活体验。
「Mac畅玩鸿蒙与硬件11」鸿蒙UI组件篇1 - Text 和 Button 组件详解
weixin_44217688的博客
10-27 1276
本篇将详细介绍鸿蒙应用开发中的 Text 和 Button 组件。通过本篇内容，你将学习如何使用 Text 组件显示文本、格式化文本样式，以及如何使用 Button 组件处理点击事件并自定义样式。掌握这些基本组件的用法将为后续的 UI 开发奠定基础。
鸿蒙ArkTS中的面向对象编程
最新发布
dawn0718的专栏
10-31 262
ArkTS作为一门面向对象语言，了解和掌握它的面向对象（封装、继承、多态）、面向接口、面向抽象的知识很有必要。
【HarmonyOS NEXT】使用 Navigation 对折叠屏设备页面进行分栏展示，优化 UI 交互
weixin_44640245的博客
10-27 1523
Navigation 存在默认分栏比例，折叠屏设备在 app 一启动即为分栏展示（右半屏白屏展示，左半屏展示首页），那我们如果想做到 app 一启动，首先全屏展示首页，当需要跳转到下一页时再进行分栏，那么我们可以通过封装自定义 router ，在页面跳转及页面关闭时计算当前路由栈的个数，并动态设置 navBarWidth 分栏的宽度即可实现该效果。如下代码 router 封装较为简易，仅做演示，我使用的是根据 name 进行跳转，需要根据自身业务进行调整，如页面跳转传参等。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

青少年编程作品集

你的赞赏将带来极佳的运气和才气

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值