今天试下 Electron

图片魔方

这是一个使用 Electron 开发的图片查看器应用，提供多种查看模式和排序方式，让您更轻松地浏览和管理图片。

预览

功能特点

• 多种视图模式：文件浏览、瀑布流、画廊、幻灯片
• 图片排序功能：按名称、修改日期、文件大小、类型
• 支持正序和倒序排列
• 图片预览和全屏查看
• 快速访问常用图片文件夹
• 支持浅色/深色模式切换

项目结构

▼
text
复制代码
图片魔方/
  ├── main.js          # 主进程文件
  ├── preload.js       # 预加载脚本
  ├── index.html       # 应用界面HTML
  ├── renderer.js      # 渲染进程脚本
  ├── styles.css       # 样式文件
  ├── package.json     # 项目配置
  ├── build/           # 构建资源目录
  │   └── icon.ico     # 应用图标
  └── README.md        # 项目说明

开发和运行

1. 安装依赖：

   ▼
   text
   复制代码
   npm install
   

2. 启动应用：

   ▼
   text
   复制代码
   npm start
   

使用说明

视图模式

• 文件浏览模式：以列表形式查看文件和文件夹
• 瀑布流模式：以瀑布流布局查看图片，适合大量图片浏览
• 画廊模式：以随机排列的相册方式展示图片
• 幻灯片模式：全屏播放图片，支持自动播放功能

排序功能

• 支持按照以下方式排序：
  • 名称（字母顺序）
  • 修改日期（默认，最新的在前）
  • 文件类型
  • 文件大小
• 每种排序方式都支持升序和降序