鸿蒙开发之ArkUI 界面篇 二十五 点赞综合案例

于 2024-10-09 14:06:08 发布
阅读量414 收藏
点赞数 9
文章标签： 鸿蒙State装饰的使用 鸿蒙点赞功能的实现 鸿蒙模拟器预览代码 鸿蒙模拟器高级功能TT 鸿蒙UI渲染 鸿蒙更改UI的方法 鸿蒙界面更新
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/renfujiang/article/details/142784965
版权

要实现如下图效果，红框处是点赞数，点击会变色和数字增加1：

我们首先分析布局结构，整体式垂直方向的布局，外层容器自然是Colum，上层是图片组件Image，接下来是Text组件，接下来是Row组件，Row+Text+ImageSpan+Span+Image+Text，点击要变化的包括两部分，数字和图标和文字的颜色，这两个属性都需要用@State装饰器修饰，

总结：鸿蒙中界面的更新(包括文字、颜色等)只需要用@State修饰，并且改变对应的变量后不需要做任何改变就能自动渲染UI，点击编辑器右上角的TT按钮，点击模拟器上的按钮左边的代码也会相应的显示，如图：

codes23457789
关注
鸿蒙开发之ArkUI 界面篇 十八 京东app登录界面实现
renfujiang的专栏
10-06 818
Column，区域1使用的是子容器Row，左边是Image，右边是Text，区域2是Image，区域3第一感觉是Button，Button的话文字间距只能是空格隔开，这适配就出问题了，实现是子容器Row+背景圆角，左边是Text，最右边是Row+Text+Image，区域4是TextInput，区域5是Row+Checkbox+Text+Span，区域6是Button，区域7是Row+3个Text，取悦8是Text，区域9是Row+4个Image，取悦8和9之间使用了弹性控件。
鸿蒙HarmonyOS实战-ArkUI组件（页面路由）_arkui 怎么实现页面跳转(3)
2401_84181070的博客
04-21 1156
/ 弹出自定义的询问框message: ‘您还没有完成支付，确定要返回吗？’,buttons: [text: ‘取消’,},text: ‘确认’,// 用户点击了“取消”按钮// 用户点击了“确认”按钮// 调用router.back()方法，返回上一个页面})@Entry@Componentbuild() {Column() {Row(){Row(){})
HarmonyOS鸿蒙开发之ArkUI及其组件
学无止境，止于至善
08-09 1513
ArkUI作为HarmonyOS的UI开发框架，以其简洁的UI语法、丰富的UI组件、多维的状态管理、实时界面预览以及不断增强的新能力，为开发者提供了高效、灵活、跨端的UI开发体验。无论是开发简单的应用界面还是复杂的多端应用，ArkUI都能提供强有力的支持。
HarmonyOS4.0——ArkUI应用说明
m0_71524094的博客
04-26 1277
ArkUI开发框架是方舟开发框架的简称，它是一套构建 HarmonyOS / OpenHarmony 应用界面的声明式UI开发框架，它使用极简的UI信息语法、丰富的UI组件以及实时界面语言工具，帮助开发者提升应用界面开发效率 30%，开发者只需要使用一套 TS / JS API，就能在多个 HarmonyOS / OpenHarmony 设备上提供既丰富又流畅的用户界面体验。如果你觉得这篇内容对你还蛮有帮助，我想邀请你帮我三个小忙：关注小编，同时可以期待后续文章ing🚀，不定期分享原创知识。
HarmonyOS ArkUI实战开发—状态管理
m0_71524094的博客
04-26 1129
在声明式UI编程框架中，UI是程序状态的运行结果，用户构建了一个UI模型，其中应用的运行时的状态是参数。当参数改变时，UI作为返回结果，也将进行对应的改变。这些运行时的状态变化所带来的UI的重新渲染，在ArkUI中统称为状态管理机制。
鸿蒙HarmonyOS NEXT开发：ArkUI高性能开发-（主线程耗时操作优化）
diongdingQAQ的博客
09-12 1194
本文介绍开发过程中常见的冗余操作，常见的高频回调场景以及其他主线程优化思路。
基于鸿蒙3.0的ArkUI开发的仿微信界面源码.zip
05-17
在鸿蒙操作系统（HarmonyOS）3.0版本中，ArkUI是一个重要的开发框架，用于构建用户界面。这个"基于鸿蒙3.0的ArkUI开发的仿微信界面源码.zip"提供了使用eTS（Extended TypeScript）语言进行开发的源代码，旨在模仿...
华为鸿蒙HarmonyOS开发整理资料汇总.zip
11-25
华为鸿蒙HarmonyOS开发整理资料汇总，共38份。 1学前必读：HarmonyOS学习资源主题分享 2学前必读：OpenHarmony-联盟生态资料合集 3-1.HarmonyOS概述：技术特性 3-2.HarmonyOS概述：开发工具与平台 3-3.HarmonyOS...
鸿蒙ArkUI跨平台应用开发
01-11
ArkUI 是 HarmonyOS 的 UI 开发框架，旨在实现跨平台、跨设备的无缝体验。 ArkUI 的架构设计考虑了跨平台，代码架构解耦，方便移植到不同平台。 ArkUI 采用声明式编程模型，提高开发者工作效率，确保在不同设备上的...
一款虫部落搜索论坛第三方鸿蒙 App，使用 ArkTS 与 ArkUI 声明式开发，采用最新的 HarmonyOS API 9
02-07
标题中的“一款虫部落搜索论坛第三方鸿蒙 App”揭示了这款应用是专门为虫部落搜索论坛设计的第三方应用程序，而且是基于华为的鸿蒙操作系统（HarmonyOS）开发的。鸿蒙系统是华为自主开发的面向全场景的分布式操作...
最新鸿蒙HarmonyOS开发文档汇总.zip
08-03
HarmonyOS开发文档（二）； HarmonyOS开发文档（一）； HarmonyOS入门文档； HarmonyOS设备应用开发文档； HarmonyOS应用设计文档； HarmonyOS智慧屏设计文档； HarmonyOS智能穿戴应用设计文档； Huawei DevEco ...
com.harmonyos.exception.VpnConnectionException.md
11-11
鸿蒙开发中碰到的报错，问题已解决，写个文档记录一下这个问题及解决方案
PDF编辑器+OCR图文转文本，好用，强烈推荐
11-11
PDF编辑器+OCR图文转文本，好用，强烈推荐
com.harmonyos4.exception.MultiDeviceConnectionException
11-11
鸿蒙开发中碰到的报错，问题已解决，写个文档记录一下这个问题及解决方案
com.harmonyos4.exception.BluetoothDisconnectionException
11-11
鸿蒙开发中碰到的报错，问题已解决，写个文档记录一下这个问题及解决方案
安卓手机通讯录备份助手
11-11
可以导出为xls格式，也可以导入
一款集合了YOLOv5 YOLOv7 YOLOv8 YOLOv9 YOLOv10 YOLOv11 RT-DETR的图形化界面程序
11-11
YOLOSHOW 是一款集合了 YOLOv5 YOLOv7 YOLOv8 YOLOv9 YOLOv10 YOLOv11 RT-DETR 的图形化界面程序。支持 图片 / 视频 / 摄像头 / 文件夹（批量）/ 网络摄像头 目标检测；选择左侧菜单栏的图片 / 视频 / 摄像头 / 文件夹（批量）/ 网络摄像头 进行目标检测. 动态切换模型 / 调整超参数；程序开始检测时，支持动态切换模型 / 调整超参数
基于Java Swing与MySQL联合打造的购物管理系统（含源码、数据库、说明文档及运行指导视频）
11-11
一、项目简介 本项目是一套基于java Swing 和 mysql实现的购物管理系统，主要针对计算机相关专业的正在做毕设的学生与需要项目实战练习的Java学习者。 包含：项目源码、项目文档、数据库脚本等，该项目附带全部源码可作为毕设使用。 项目都经过严格调试，确保可以运行！ 二、技术实现 技术栈：Java swing，mysql 工具：navicat，eclipse或者idea 三、系统功能 具体功能如下： 管理员登录 用户的登录 新会员注册 浏览商品 商品种类管理 商品类别添加 商品类别维护 商品管理 商品的添加、修改、删除 添加购物车 结算等功能 详见 https://blog.csdn.net/weixin_43860634/article/details/132555414
java_springboot科创积分创新创业管理系统_毕业论文.docx
最新发布
11-11
java_springboot科创积分创新创业管理系统_毕业论文.docx
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值