📄️ 介绍
LCUI 是一个用于为桌面应用构建图形界面的 C 开发库,与其它 GUI 库/框架相比,功能、文档和例子都很 少,这增加了开发者的使用难度,同时也使得开发者难以全面、准确地评估其实际的应用能力和潜力。
📄️ 配置开发环境
本章节将逐步指导你完成开发环境的配置,并创建一个最小化的图像查看器项目。完成本章后你将能够:
📄️ 设计程序架构
本教程的最终目标是带领你开发一个图像查看器程序。在此之前,我们需要先弄清楚它需要具备哪些功能,并设计这些功能的实现方法。本章节将一步步带你了解如何分析需求,并将这些需求转换为具体的开发事项。通过这些步骤,我们可以更好地评估项目的整体工作量,让开发进度更加可控,每完成一项开发任务都能感受到进步,离最终目标更进一步。
📄️ 实现图像缩放控制器
本章节将介绍如何实现图像缩放控制器,它主要为图像查看界面提供缩放状态管理和可见区域控制能力。完成本章后你将学会:
📄️ 实现图像文件收集器
本章节将介绍如何实现图像文件收集器,它在工作线程中收集图像文件,为图像查看界面的切换功能和影片界面的缩略图列表功能提供数据支持。完成本章后你将学会:
📄️ 实现文件信息读取器
本章节将介绍如何实现文件信息读取器,它主要为工具栏和信息界面提供图像文件信息 。完成本章后你将学会:
📄️ 实现主界面
本章节将引导你从组件拆分和布局设计入手,逐步完成界面的编码和样式设置,最终实现一个主界面。完成本章后你将学会:
📄️ 构建图像查看界面
由于图像查看界面的内容和交互逻辑比较多,本章节仅讲述如何构建界面的静态内容、结构和样式,其余部分则在后续章节中讲解。完成本章后你将学会:
📄️ 显示图像
本章节将介绍如何在图像查看界面中加载和显示图像,并进一步集成 控制器来控制图像的缩放比例、位置和尺寸。通过逐步完成代码实现,你将学会:
📄️ 反馈加载状态
加载图像时有两种情况需要处理,一种是图像加载耗时较长,在这期间如果什么都没反馈的话,容易让用户误以为程序卡死或有 BUG。另一种是图像加载失败或格式不受支持,也应该告知用户。简而言之,程序应该将加载中和加载失败状态反馈在界面上,这样会让用户体验更好。
📄️ 添加图像缩放交互
本章节将介绍如何让我们的程序响应用户操作并调用图像缩放控制器的功能。完成本章后你将学会:
📄️ 添加图像切换交互
到现在为止,我们的程序还只能查看单张图像,接下来我们将引入收集器,让界面能够利用已收集的图像列表实现图像切换。
📄️ 添加工具栏交互
工具栏包含当前图像相关的信息、缩放操作和扩展操作。本章节将介绍如何实现工具栏的各项功能和交互效果,完成本章后你将学会:
📄️ 添加滑块组件
滑块是一种常见的用户界面组件,允许用户通过拖拽来快速调整数值或比例。在图像查看器中,滑块用于调整缩放比例。本章节将详细介绍如何实现一个功能完整的滑块组件,涵盖组件的创建、状态管理、数据绑定以及拖拽交 互的实现。
📄️ 实现影片界面
本章节将指导你实现影片界面,该界面展示当前图像及其前后所有图像的缩略图,方便用户预览和快速跳转查看其它图像。完成本章后,你将学会:
📄️ 实现信息界面
本章节将介绍如何实现信息界面,它在工具栏的信息图标被点击时显示,展示的信息都来自文件信息读取器。完成本章后,你将学会:
📄️ 总结
至此,图像查看器已开发完成,让我们简要回顾整个开发历程。