Browse Source
重构颜色和样式处理逻辑，新增MeetingUIUtils工具类统一管理UI样式 修改多个组件以支持暗黑模式，包括背景色、文本颜色和阴影效果 优化底部弹窗和页面布局在不同主题下的显示一致性weicu
lxm
1 year ago
18 changed files with 259 additions and 156 deletions
@ -0,0 +1,63 @@ |
|||||
|
import 'package:flutter/material.dart'; |
||||
|
|
||||
|
/// 会议模块UI工具类 |
||||
|
/// 提供统一的颜色和样式方法，确保UI风格一致性 |
||||
|
class MeetingUIUtils { |
||||
|
/// 获取背景颜色 |
||||
|
static Color getBackgroundColor(bool isDarkMode) { |
||||
|
return isDarkMode ? Colors.black : Colors.grey[50]!; |
||||
|
} |
||||
|
|
||||
|
/// 获取卡片背景颜色 |
||||
|
static Color getCardColor(bool isDarkMode) { |
||||
|
return isDarkMode ? const Color(0xFF1A1A1A) : Colors.white; |
||||
|
} |
||||
|
|
||||
|
/// 获取半透明白色 |
||||
|
static Color getTranslucentWhite(double alpha) { |
||||
|
return Colors.white.withValues(alpha: alpha); |
||||
|
} |
||||
|
|
||||
|
/// 获取半透明黑色 |
||||
|
static Color getTranslucentBlack(double alpha) { |
||||
|
return Colors.black.withValues(alpha: alpha); |
||||
|
} |
||||
|
|
||||
|
/// 获取主文本颜色 |
||||
|
static Color getTextColor(bool isDarkMode) { |
||||
|
return isDarkMode ? Colors.white : Colors.grey[800]!; |
||||
|
} |
||||
|
|
||||
|
/// 获取次要文本颜色 |
||||
|
static Color getSecondaryTextColor(bool isDarkMode) { |
||||
|
return isDarkMode ? Colors.grey[400]! : Colors.grey[600]!; |
||||
|
} |
||||
|
|
||||
|
/// 获取卡片阴影 |
||||
|
static List<BoxShadow> getCardShadow(bool isDarkMode) { |
||||
|
return [ |
||||
|
BoxShadow( |
||||
|
color: isDarkMode |
||||
|
? Colors.black.withValues(alpha: 0.2) |
||||
|
: Colors.black.withValues(alpha: 0.05), |
||||
|
blurRadius: 10, |
||||
|
offset: const Offset(0, 4), |
||||
|
), |
||||
|
]; |
||||
|
} |
||||
|
|
||||
|
/// 获取按钮颜色 |
||||
|
static Color getButtonColor(bool isDarkMode) { |
||||
|
return isDarkMode ? const Color(0xFF0066CC) : Colors.blue; |
||||
|
} |
||||
|
|
||||
|
/// 获取带透明度的颜色 |
||||
|
static Color getColorWithAlpha(Color color, double alpha) { |
||||
|
return color.withValues(alpha: alpha); |
||||
|
} |
||||
|
|
||||
|
/// 获取禁用状态的颜色 |
||||
|
static Color getDisabledColor(Color color, bool isEnabled) { |
||||
|
return isEnabled ? color : color.withValues(alpha: 0.5); |
||||
|
} |
||||
|
} |
||||
Loading…
Reference in new issue