78f27983a6
新功能: - 根据用户屏幕尺寸自动调整窗口大小 - 支持小屏幕、中等屏幕、大屏幕、超宽屏的智能适配 - 提供屏幕适配设置页面，用户可自定义配置 - 应用启动时自动应用屏幕适配 技术实现: - 创建ScreenAdaptationService服务类 - 支持动态获取屏幕信息和显示器配置 - 提供智能适配和手动配置两种模式 - 集成到应用设置页面，提供友好的UI界面 配置选项: - 默认宽度/高度比例可调节 - 最小窗口尺寸限制 - 最大窗口尺寸比例 - 支持不同屏幕类型的预设配置 用户体验: - 应用启动时自动适配屏幕 - 设置页面提供实时预览 - 支持一键智能适配和手动微调 - 窗口居中显示，提升视觉体验 适配策略: - 小屏幕(<1366x768): 95%宽度, 90%高度 - 中等屏幕(1366-1920): 85%宽度, 85%高度 - 大屏幕(>=1920x1080): 75%宽度, 80%高度 - 超宽屏(21:9+): 70%宽度, 85%高度 解决了固定窗口尺寸在不同屏幕上显示不佳的问题
@mixvideo/desktop
MixVideo 桌面应用 - 基于 Tauri + React + TypeScript 构建的跨平台桌面应用。
🚀 快速开始
开发环境要求
- Node.js 18+
- Rust 1.70+
- PNPM 8+
安装依赖
pnpm install
开发模式
pnpm dev
# 或
pnpm tauri:dev
构建应用
pnpm tauri:build
📁 项目结构
apps/desktop/
├── src/ # React 前端源码
│ ├── components/ # React 组件
│ ├── pages/ # 页面组件
│ ├── hooks/ # 自定义 Hooks
│ ├── services/ # API 服务
│ ├── types/ # TypeScript 类型
│ └── utils/ # 工具函数
├── src-tauri/ # Rust 后端源码
│ ├── src/ # Rust 源码
│ ├── Cargo.toml # Rust 依赖配置
│ └── tauri.conf.json # Tauri 配置
├── public/ # 静态资源
└── package.json # 前端依赖配置
🛠️ 技术栈
- 前端: React 18 + TypeScript + Vite
- 后端: Rust + Tauri 2.0
- UI: 待定 (可选择 Ant Design、Material-UI 等)
- 状态管理: 待定 (可选择 Zustand、Redux Toolkit 等)