当前位置：首页 > news >正文

HarmonyOS NEXT仓颉开发语言实战案例：图片预览器

news 来源：原创 2025/7/2 19:26:56

上文分享了如何使用仓颉语言实现动态广场，动态广场中有很多图片，本文一下如何使用仓颉语言实现一个图片放大预览器：

看到这个效果，我首先想到的实现方案是弹窗，弹窗的弹出和消失效果为我们节省了很多工作，这里使用的是CustomDialogController。

我们首先实现弹窗内容组件，图片预览可能会有不同数量的图片，我们要做好适配，还要实现翻页效果，所以使用swiper容器最为合适，具体代码如下，大家要注意接收参数的定义和弹窗点击关闭代码的写法：

package ohos_app_cangjie_entry
import ohos.base.*
import ohos.component.*
import ohos.state_manage.*
import ohos.state_macro_manage.*
import cj_res_entry.app
import std.collection.ArrayList
@CustomDialog
public  class imgdialog {var controller: Option<CustomDialogController> = Option.None@Prop var imgList:ArrayList<CJResource>func build() {Swiper(){ForEach(imgList, itemGeneratorFunc: {img:CJResource,index:Int64 =>Image(img).width(100.percent).height(100.percent).objectFit(ImageFit.Contain)})}.width(100.percent).height(100.percent).backgroundColor(Color(0, 0, 0, alpha: 0.6)).onClick({e =>controller.getOrThrow().close()})}
}

回到动态广场，这里要先初始化弹窗对象，并且传入图片列表：

@State var imglist:ArrayList<CJResource> = ArrayList<CJResource>()
var dialogController: CustomDialogController = CustomDialogController(CustomDialogControllerOptions(builder: imgdialog(imgList:imglist),customStyle:true,autoCancel:true
))

在弹窗的配置参数中，设置customStyle为true可以使弹窗全屏展示。最后在点击图片的时候打开弹窗：

imglist = item.getImages()dialogController.open()

今天的内容分享完啦，感谢大家阅读。##HarmonyOS语言##仓颉##休闲娱乐#

HarmonyOS NEXT仓颉开发语言实战案例：图片预览器

上文分享了如何使用仓颉语言实现动态广场，动态广场中有很多图片，本文一下如何使用仓颉语言实现一个图片放大预览器： 看到这个效果，我首先想到的实现方案是弹窗，弹窗的弹出和消失效果为我们节省了很多工作，这…...

编程日记 2025/7/2 19:26:56

Rust代码规范之蛇形命名法和驼峰命名法

Rust 使用两种主要的命名风格：驼峰命名法（UpperCamelCase）和蛇形命名法（snake_case）。通常，类型（如结构体、枚举、特征）使用驼峰命名法，而变量、函数、方法等使用蛇形命名…...

编程日记 2025/7/2 4:07:57

cocos creator 3.8 - 精品源码 - 六边形消消乐(六边形叠叠乐、六边形堆叠战士)

cocos creator 3.8 - 精品源码 - 六边形消消乐游戏介绍功能介绍免费体验下载开发环境游戏截图免费体验游戏介绍六边形堆叠战士(六边形消消消)是一款脱胎于2048、1010，基于俄罗斯方块的魔性方块达人小游戏，可以多方向多造型消除哦！ 功能介…...

编程日记 2025/6/29 15:46:20

（七）Spring Web

Spring Web 是 Spring Framework 的一部分，专门用于构建 Web 应用程序。Spring Web 提供了一个强大的基础设施，用于开发 Web 服务、Web 应用程序和 RESTful API。它包括许多模块和组件，帮助开发人员轻松地构建、配置和管理 Web 应用程序。以…...

编程日记 2025/6/29 15:35:26

计算机操作系统（十七）内存管理

计算机操作系统（十七）内存管理前言一、内存的使用与程序重定位（一）内存是什么？（二）程序的重定位过程（三）总结：内存使用的核心问题二、连续分区管理&#xf…...

编程日记 2025/7/2 18:55:20

Java 大视界 -- Java 大数据机器学习模型在金融市场高频交易策略优化与风险控制中的应用（327）

Java 大视界 -- Java 大数据机器学习模型在金融市场高频交易策略优化与风险控制中的应用（327） 引言：正文：一、Java 驱动的高频交易数据处理架构1.1 边缘 - 中心协同数据接入系统（SEC 17a-4 合规）1.2 多市场…...

编程日记 2025/7/2 8:51:00

Idea 项目远程开发 Remote Development

个人建议：Remote Development 使用体验不佳，不推荐。实际远程开发受限于网络通信速度，在开发时，基本无法SSH更新项目内容。 1. File -> Remote Development 2. New Connection Connect to SSH Connection 3. Project director…...

编程日记 2025/7/1 11:30:44

【驱动设计的硬件基础】CPLD和FPGA

在数字电路设计领域，CPLD（复杂可编程逻辑器件）和 FPGA（现场可编程门阵列）堪称 “变形金刚” 般的存在。它们既能像 ASIC（专用集成电路）一样实现硬件加速，又能通过软件编程快速迭代功…...

编程日记 2025/7/2 18:44:02

JavaScript中Object()的解析与应用

在JavaScript中，Object() 是一个基础构造函数，用于创建对象或转换值为对象类型。它既是语言的核心组成部分，也提供了一系列静态方法用于对象操作。以下是详细解析和应用示例： 一、Object() 的基本行为作为构造函数（…...

编程日记 2025/7/2 18:52:30

Spring Cloud 微服务（负载均衡策略深度解析）

📌 摘要在微服务架构中，负载均衡是实现高可用、高性能服务调用的关键机制之一。Spring Cloud 提供了基于客户端的负载均衡组件 Ribbon，结合 Feign 和 OpenFeign，实现了服务间的智能路由与流量分配。本文将深入讲解 Spring Clo…...

编程日记 2025/6/29 7:56:36

从单体架构到微服务：微服务架构演进与实践

一、单体架构的困境与演进 （一）单体应用的初始优势与演进路径在系统发展的初期，单体架构凭借其简单性和开发效率成为首选。单体应用将整个系统的所有功能模块整合在一个项目中，以单一进程的方式运行，特别适合小型系…...

编程日记 2025/7/2 9:53:02

Infineon AURIX TriCore TC3xx芯片内存专题报告

作者: DBGAUTOMAN 日期: 2025-06-28 摘要本报告旨在深入分析Infineon AURIX TriCore TC3xx系列微控制器的内存架构。通过对官方技术文档的系统性研究，报告详细阐述了TC3xx的内存配置、架构设计、存储器技术特性、系统级内存管理以及性能优化策略，为相关技术开发和系统设计…...

编程日记 2025/6/30 15:06:04

WPF中获取主窗体

在WPF的MVVM模式中，通常不直接引用主窗体（MainWindow），而是通过依赖注入、事件聚合器或命令参数传递等方式实现逻辑解耦。以下是几种推荐方法： 方法1：依赖注入（推荐） 在ViewModel中…...

编程日记 2025/7/2 9:54:33

【龙泽科技】新能源汽车故障诊断仿真教学软件【吉利几何G6】

产品简介新能源汽车故障诊断仿真教学软件是依托《全国职业院校技能大赛》“新能源汽车维修”赛项中“新能源汽车简单故障诊断与排除” 竞赛模块，自主开发的一款仿真教学软件。软件采用仿真技术模拟实际的新能源汽车故障诊断过程，主要通过对新能源汽车常…...

编程日记 2025/7/2 11:27:18

SpringBoot -- 以 jar 包运行(以及常见错误分析)

7.SpringBoot 以 jar 包运行打包在打包之前先要导入一个maven项目的打包插件，使用 springInitializr 创建的 maven 项目，已经自动导入了。如果没有需要手动导入。将下面代码，放进 Pom.xml 里面即可。 <build><plugins><p…...

编程日记 2025/7/1 17:42:42

求职招聘小程序源码招聘小程序搭建招聘小程序定制开发

身份：求职者、企业求职者：完善简历，简历投递企业：企业入驻，查看简历企业会员：半年、年度权益：每日发布条数、刷新条数，简历下载数量聊天：求职者可以和企业聊…...

编程日记 2025/6/30 7:34:46

Day44 预训练模型

目录一、预训练的概念二、常见的分类预训练模型 2.1 CNN架构预训练模型 2.2 Transformer类预训练模型 2.3 自监督预训练模型三、图像预训练模型的发展史四、预训练的策略五、预训练代码实战：resnet18 六、尝试在cifar10对比alexnet 七、尝试通过ctrl进…...

编程日记 2025/7/2 4:58:08

【菜狗的记录】模糊聚类最大树、图神经网络、大模型量化——20250627

每日学习过程中记录的笔记，从各个网站整理下来，用于当日复盘。如果其中的知识点能帮到你，也很荣幸呀。 -------------------------------------------------------20250622------------------------------------------------------------- …...

编程日记 2025/7/2 7:01:08

【Linux 设备模型框架 kobject 和 kset】

Linux 设备模型框架 kobject 和 kset 一、Linux 设备模型概述二、kobject 与 kset 的核心概念1. kobject2. kset3. 关键数据结构三、kobject 与 kset 的实现源码四、源码解析与使用说明1. kset 的创建与初始化2. kobject 的创建与属性3. sysfs 属性操作4. 用户空间访问示例五…...

编程日记 2025/7/2 17:22:48

leetcode.2014 重复k次的最长子序列

题目描述解题思路这一题本来在想怎么样做才能获得通用解，因为乍一看总感觉遍历的时间代价会非常高。直到后面看到提示： 提示里面专门包含了一个n < k * 8，这太反常了。后面仔细一想，有道理，最后答案的字符个数一定…...

编程日记 2025/7/2 3:25:59

参数估计问题背景： P ( ω i ∣ x ) p ( x ∣ ω i ) P ( ω i ) p ( x ) p ( x ) ∑ j 1 c p ( x ∣ ω j ) P ( ω j ) \begin{aligned} & P\left(\omega_i \mid \mathbf{x}\right)\frac{p\left(\mathbf{x} \mid \omega_i\right) P\left(\omega_i\right)…...

编程日记 2025/7/1 15:42:36

利用python实现NBA数据可视化

大家好，今天我们利用python爬取NBA球星每年的比赛数据并进行可视化展示。主要用到三个模块：xpath、matplotlib。其中xpth负责爬取网站上的信息。Matplotlib是Python开发人员常用的Python绘图库，可以用来绘制各种2D图形，具有绘图质…...

编程日记 2025/7/2 11:15:49

杭州西湖断桥不断：3D扫描还原‘残雪‘视觉骗局

“断桥残雪”是西湖十景之一，所谓“视觉骗局”指的是在特定条件下，从远处看断桥仿佛断开的奇妙视觉效果。利用3D扫描技术还原这一效果可按以下步骤进行： 数据采集 3D扫描断桥：使用高精度的3D激光扫描仪对断桥及其周边环境进行全面…...

编程日记 2025/7/2 11:13:20

Dubbo服务调用超时问题解决方案

Dubbo服务调用超时问题解决方案 Dubbo服务调用超时通常由网络延迟、服务端性能瓶颈、配置不当或资源竞争引发。以下解决方案基于根本原因分类，优先采用高可信度实践： 🔍 一、排查问题根源网络诊断使用 ping、telnet 检查服务提供者网络连…...

编程日记 2025/7/2 4:20:30

视觉疲劳检测如何优化智能驾驶的险情管理

视觉分析疲劳检测在智能驾驶中的应用研究一、背景与需求近年来，智能驾驶领域因疲劳驾驶引发的交通事故频发，如2025年某品牌智能汽车因驾驶员疲劳导致高速追尾事件，暴露了现有技术对复杂场景的适应不足。传统疲劳检测依赖单一生理信号或车…...

编程日记 2025/7/2 16:29:38

C++ 第三阶段并发与异步 - 第二节：异步任务（std::async）

目录一、std::async 概述 1. std::async 的定义二、std::async 的基本用法 1. 基本语法 (1) 函数调用 (2) Lambda 表达式三、执行策略详解 1. std::launch::async 2. std::launch::deferred 3. 默认策略（std::launch::any） 四、std::futur…...

编程日记 2025/7/2 12:19:21

OpenCV图像添加水印

一、前言在数字图像处理中，为图片添加水印是一项常见且重要的技术。无论是版权保护、品牌宣传还是防止未经授权的使用，水印都能发挥重要作用。OpenCV作为一款强大的计算机视觉库，提供了丰富的功能来实现各种水印效果。本教程将详细介绍如何…...

编程日记 2025/7/1 4:20:12

Linux信号机制：从入门到精通

嘿，小伙伴们！今天我要和大家聊一个Linux系统中非常有趣又重要的话题——信号机制。别担心，虽然信号听起来有点高深，但我会用最通俗易懂的语言，配合清晰的图表，带你彻底搞懂这个概念！ 什么是信号…...

编程日记 2025/7/2 19:16:44

EXCEL数据报表

客单价成交金额*成交客户数 —— 提取年份 YEAR() 视图-窗口-新建窗口，就能将excel的一个子表格单拎出来成为独立窗口，方便对比查看数据报表的单元格尽量都用公式来填补，链接到源表上去。这样当源表有新数据更新进来后，报表也…...

编程日记 2025/7/2 9:31:58

openGL学习(VAO和VBO)

理论 VBO void prepare() {//创建一个VBO,但是还没有分配显存GLuint vbo 0;GL_CALL( glGenBuffers(1, &vbo));cout << "vbo " << vbo << endl;//销毁一个VBOGL_CALL(glDeleteBuffers(1, &vbo));cout << "delete vbo "…...

编程日记 2025/7/2 6:11:50

【请关注】制造企业机械加工数据脱敏解决方案

制造企业机械加工数据脱敏解决方案一、方案概述在制造企业尤其是机械加工领域，数字化转型带来了生产效率的大幅提升，大量生产数据、设备运行数据、供应链数据以及客户订单数据等成为企业发展的关键驱动力。然而，这些数据中包含众多敏感信息，如客户定制产品的设计图纸（…...

编程日记 2025/7/2 3:40:22

2025.6.27总结

最近工作又开始内耗了，一位同事的转岗直接让我破防了，明明他工作干得很不错，会得又多，性格又好，我还经常请教他业务上的问题。我和他的关系并不算太好，但他加入其他部门，竟然让我有些不舍&#…...

编程日记 2025/6/29 19:45:03

Python打卡：Day38

知识点回顾： Dataset类的__getitem__和__len__方法（本质是python的特殊方法）Dataloader类minist手写数据集的了解浙大疏锦行...

编程日记 2025/7/2 6:29:03

Ubuntu18.04/Mysql 5.7 建立主备模式Mysql集群

一、数据库的安装详见https://www.jianshu.com/p/5073177eedf2 本文实验环境为阿里云的两台ubuntu18.04服务器： master ip: 172.26.138.7 slave ip: 172.26.0.209 二、修改Master的配置(# 的行是我后增加的部分)： 编辑 /etc/mysql/mysql.conf.d/mysqld.…...

编程日记 2025/7/2 13:25:43

Linux journal 日志大小限制与管理详解

文章目录 Linux journal 日志大小限制与管理详解journal 日志的默认存储位置journal 日志大小限制配置查看当前日志占用情况手动清理日志文件按大小清理日志按时间清理日志按文件数清理日志 journald 日志机制原理简析（适当加点原理）日志筛选与导出技巧&…...

编程日记 2025/6/29 19:45:24

Linux基本指令篇 —— tac指令

tac 是 Linux 系统中一个非常实用的文本处理命令，它是 cat 命令的反向操作（名称也是 "cat" 的反写）。tac 是一个简单但功能强大的工具，特别适合需要反向处理文本数据的场景： 目录一、基本功能二、基本语法…...

编程日记 2025/6/29 19:45:14

【Yonghong 企业日常问题08 】永洪BI的Apache Tomcat版本升级指南

文章目录前言操作步骤登录验证前言某公司业务永洪BI系统使用tomcat 9.0.97版本，接到总公司漏洞扫描整改要求需要将tomcat版本升级到9.0.97以上。目标：tomcat 9.0.97》 9.0.98 1、下载tomcat所需要的版本地址:https://tomcat.apache.org/download-…...

编程日记 2025/7/2 15:58:31

动手学Python：从零开始构建一个“文字冒险游戏”

动手学Python：从零开始构建一个“文字冒险游戏” 大家好，我是你的技术向导。今天，我们不聊高深的框架，也不谈复杂的算法，我们来做一点“复古”又极具趣味性的事情——用Python亲手打造一个属于自己的文字冒险游戏&…...

编程日记 2025/7/2 15:10:43

【C/C++】C++26新特性前瞻：全面解析未来编程

展望未来：C26 新特性全面解析随着 C 标准每三年一次的迭代节奏，C26（预计于 2026 年底正式发布）正在逐步成型。相比 C20 的革命性更新和 C23 的“修补增强”，C26 继续推进现代 C 的理念——更安全、更高效、更模块化&…...

编程日记 2025/7/2 10:53:14

Linux系统日志与守护进程开发实战指南

Linux系统日志与守护进程开发实战指南系统日志与守护进程 ├── 系统日志syslog │ ├── 日志路径: /var/log/syslog │ └── 核心API │ ├── openlog │ ├── syslog │ └── closelog └── 守护进程daemon└── 创建步骤├── um…...

编程日记 2025/7/2 18:59:34

兰洋科技上合组织论坛发表专题分享，全球液冷布局引领绿色算力未来

2025年6月17-19日，中国—上海合作组织数字技术合作发展论坛在新疆克拉玛依市举办。作为第四次上海合作组织成员国信息通信技术发展部门负责人会议的配套会议，论坛以“数字化转型助力可持续发展，数字包容促进上合共同繁荣”为主题，…...

编程日记 2025/7/1 7:45:24

桌面小屏幕实战课程：DesktopScreen 11 SPI 水墨屏

飞书文档https://x509p6c8to.feishu.cn/docx/doxcnlzpIgj3gosCZufBTCZxlMb SPI说明 SPI是串行外设接口（Serial Peripheral Interface）的缩写，是一种高速的，全双工，同步的通信总线，并且在芯片的管脚上占用…...

编程日记 2025/7/2 19:11:47

小知识点五、无刷电机闭环控制(电流)

0 前言该部分只用于自学使用，作为笔记方便后续自查。资料参考：http://dengfoc.com 硬件：2208云台电机MT6701磁编码器 1 电流控制理论 1.1 待解决的问题简单回顾一下在之前的学习中，我们通过 U q U_q Uq和电角度 θ \the…...

编程日记 2025/7/2 1:18:47

Java 编程之备忘录模式

前言有时候，我们真希望人生能有“CtrlZ”。在日常生活中，我们经常使用“撤销”功能，例如在写 Word、画图、写代码时一不小心操作失误，就希望能回到之前的状态。这种**“状态快照恢复”**机制，在设计模式中就叫做&a…...

编程日记 2025/7/2 2:00:12

SQL SERVER存储过程

什么是存储过程 SQL 存储过程（Stored Procedure）是一个在数据库中预编译并存储的一组 SQL 语句。它们可以包含查询、插入、更新、删除等数据库操作，甚至包括控制流语句（如条件判断、循环等）。存储过程可以通过调用来执…...

编程日记 2025/6/30 15:19:43

Vue样式绑定与条件渲染详

一、Vue样式绑定在Vue中，我们可以通过多种方式动态地绑定样式，让界面根据数据状态变化而自动更新样式。 1. class样式绑定 (1) 字符串写法适用场景：样式的类名不确定，需要动态指定 <template><div><!-- 绑定…...

编程日记 2025/7/2 2:30:39

python基于协同过滤的动漫推荐系统

目录技术栈介绍具体实现截图系统设计研究方法：设计步骤设计流程核心代码部分展示研究方法详细视频演示试验方案论文大纲源码获取/详细视频演示技术栈介绍 Django-SpringBoot-php-Node.js-flask 本课题的研究方法和研究步骤基本合理，难度适中&#xf…...

编程日记 2025/6/30 15:19:39

光场操控新突破！3D 光学信息处理迎来通用 PSF 工程时代--《自然》子刊：无需复杂算法，这一技术让 3D 光学成像实现 “即拍即得”念日

导语在光学成像领域，如何突破分辨率与成像速度的瓶颈，一直是科研人员探索的焦点。近日，加州大学洛杉矶分校（UCLA）的研究团队在《Light: Science & Applications》发表论文，提出了一种通用点扩散函数&a…...

编程日记 2025/6/30 15:19:36

ubuntu20.04如何给appImage创建快捷方式

ubuntu20.04如何给appImage创建快捷方式 1. 确保AppImage是可执行的 chmod x /path/to/your/appimage2. 创建.desktop文件在~/.local/share/applications/目录下创建一个新的 .desktop 文件： vi ~/.local/share/applications/your-appname.desktop添加以下内容…...

编程日记 2025/7/2 1:40:33

网络安全之SQL RCE漏洞

引言堡垒机（Bastion Host），也称为跳板机或运维安全审计系统，是一种用于管理和控制对内部网络资源访问的安全设备。它的主要作用是作为运维人员访问内部服务器和网络设备的唯一入口，通过集中化的身份认证、权限管理和…...

编程日记 2025/6/30 15:19:32

相关文章：