327 lines
9.2 KiB
Python
327 lines
9.2 KiB
Python
|
"""
|
|||
|
|
界面美化样式配置
|
|||
|
|
提供统一的圆角设计和颜色主题
|
|||
|
|
"""
|
|||
|
|
|
|||
|
|
import tkinter as tk
|
|||
|
|
from tkinter import ttk
|
|||
|
|
import customtkinter as ctk
|
|||
|
|
|
|||
|
|
|
|||
|
|
class StyleConfig:
|
|||
|
|
"""样式配置类"""
|
|||
|
|
|
|||
|
|
# 颜色主题
|
|||
|
|
COLORS = {
|
|||
|
|
'primary': '#3498db',
|
|||
|
|
'primary_hover': '#2980b9',
|
|||
|
|
'secondary': '#2ecc71',
|
|||
|
|
'secondary_hover': '#27ae60',
|
|||
|
|
'accent': '#e74c3c',
|
|||
|
|
'accent_hover': '#c0392b',
|
|||
|
|
'warning': '#f39c12',
|
|||
|
|
'warning_hover': '#e67e22',
|
|||
|
|
'info': '#9b59b6',
|
|||
|
|
'info_hover': '#8e44ad',
|
|||
|
|
'success': '#27ae60',
|
|||
|
|
'success_hover': '#229954',
|
|||
|
|
'danger': '#e74c3c',
|
|||
|
|
'danger_hover': '#c0392b',
|
|||
|
|
|
|||
|
|
# 背景色
|
|||
|
|
'bg_light': '#ffffff',
|
|||
|
|
'bg_dark': '#2b2b2b',
|
|||
|
|
'bg_card': '#f8f9fa',
|
|||
|
|
'bg_card_dark': '#3b3b3b',
|
|||
|
|
'bg_container': '#f0f0f0',
|
|||
|
|
'bg_container_dark': '#1e1e1e',
|
|||
|
|
|
|||
|
|
# 文字色
|
|||
|
|
'text_primary': '#2c3e50',
|
|||
|
|
'text_primary_dark': '#ecf0f1',
|
|||
|
|
'text_secondary': '#34495e',
|
|||
|
|
'text_secondary_dark': '#bdc3c7',
|
|||
|
|
'text_muted': '#7f8c8d',
|
|||
|
|
'text_muted_dark': '#95a5a6',
|
|||
|
|
|
|||
|
|
# 边框色
|
|||
|
|
'border': '#e0e0e0',
|
|||
|
|
'border_dark': '#404040',
|
|||
|
|
'border_light': '#f0f0f0',
|
|||
|
|
'border_light_dark': '#555555',
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
# 圆角半径
|
|||
|
|
CORNER_RADIUS = {
|
|||
|
|
'small': 8,
|
|||
|
|
'medium': 12,
|
|||
|
|
'large': 15,
|
|||
|
|
'xlarge': 20,
|
|||
|
|
'xxlarge': 25,
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
# 字体配置
|
|||
|
|
FONTS = {
|
|||
|
|
'title': ('Arial', 22, 'bold'),
|
|||
|
|
'subtitle': ('Arial', 18, 'bold'),
|
|||
|
|
'heading': ('Arial', 16, 'bold'),
|
|||
|
|
'body': ('Arial', 14),
|
|||
|
|
'small': ('Arial', 12),
|
|||
|
|
'tiny': ('Arial', 10),
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
# 间距配置
|
|||
|
|
SPACING = {
|
|||
|
|
'xs': 5,
|
|||
|
|
'sm': 10,
|
|||
|
|
'md': 15,
|
|||
|
|
'lg': 20,
|
|||
|
|
'xl': 25,
|
|||
|
|
'xxl': 30,
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
def apply_rounded_theme():
|
|||
|
|
"""应用圆角主题到CustomTkinter"""
|
|||
|
|
# 设置全局主题
|
|||
|
|
ctk.set_appearance_mode("light")
|
|||
|
|
ctk.set_default_color_theme("blue")
|
|||
|
|
|
|||
|
|
# 注意：CustomTkinter不支持类级别的configure方法
|
|||
|
|
# 样式需要在创建组件时单独设置
|
|||
|
|
print("✅ 圆角主题已应用")
|
|||
|
|
|
|||
|
|
|
|||
|
|
def create_rounded_frame(parent, **kwargs):
|
|||
|
|
"""创建圆角框架"""
|
|||
|
|
colors = StyleConfig.COLORS
|
|||
|
|
radius = StyleConfig.CORNER_RADIUS
|
|||
|
|
|
|||
|
|
default_kwargs = {
|
|||
|
|
'corner_radius': radius['medium'],
|
|||
|
|
'fg_color': (colors['bg_light'], colors['bg_dark']),
|
|||
|
|
'border_width': 1,
|
|||
|
|
'border_color': (colors['border'], colors['border_dark']),
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
default_kwargs.update(kwargs)
|
|||
|
|
return ctk.CTkFrame(parent, **default_kwargs)
|
|||
|
|
|
|||
|
|
|
|||
|
|
def create_rounded_button(parent, text, **kwargs):
|
|||
|
|
"""创建圆角按钮"""
|
|||
|
|
colors = StyleConfig.COLORS
|
|||
|
|
radius = StyleConfig.CORNER_RADIUS
|
|||
|
|
|
|||
|
|
default_kwargs = {
|
|||
|
|
'corner_radius': radius['medium'],
|
|||
|
|
'fg_color': (colors['primary'], colors['primary_hover']),
|
|||
|
|
'hover_color': (colors['primary_hover'], colors['primary']),
|
|||
|
|
'text_color': ('#ffffff', '#ffffff'),
|
|||
|
|
'font': StyleConfig.FONTS['body'],
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
default_kwargs.update(kwargs)
|
|||
|
|
return ctk.CTkButton(parent, text=text, **default_kwargs)
|
|||
|
|
|
|||
|
|
|
|||
|
|
def create_rounded_entry(parent, **kwargs):
|
|||
|
|
"""创建圆角输入框"""
|
|||
|
|
colors = StyleConfig.COLORS
|
|||
|
|
radius = StyleConfig.CORNER_RADIUS
|
|||
|
|
|
|||
|
|
default_kwargs = {
|
|||
|
|
'corner_radius': radius['medium'],
|
|||
|
|
'fg_color': (colors['bg_card'], colors['bg_card_dark']),
|
|||
|
|
'border_width': 1,
|
|||
|
|
'border_color': (colors['border_light'], colors['border_light_dark']),
|
|||
|
|
'font': StyleConfig.FONTS['body'],
|
|||
|
|
'text_color': (colors['text_primary'], colors['text_primary_dark']),
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
default_kwargs.update(kwargs)
|
|||
|
|
return ctk.CTkEntry(parent, **default_kwargs)
|
|||
|
|
|
|||
|
|
|
|||
|
|
def create_rounded_label(parent, text, **kwargs):
|
|||
|
|
"""创建圆角标签"""
|
|||
|
|
colors = StyleConfig.COLORS
|
|||
|
|
|
|||
|
|
default_kwargs = {
|
|||
|
|
'text_color': (colors['text_primary'], colors['text_primary_dark']),
|
|||
|
|
'font': StyleConfig.FONTS['body'],
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
default_kwargs.update(kwargs)
|
|||
|
|
return ctk.CTkLabel(parent, text=text, **default_kwargs)
|
|||
|
|
|
|||
|
|
|
|||
|
|
def create_card_frame(parent, **kwargs):
|
|||
|
|
"""创建卡片式框架"""
|
|||
|
|
colors = StyleConfig.COLORS
|
|||
|
|
radius = StyleConfig.CORNER_RADIUS
|
|||
|
|
|
|||
|
|
default_kwargs = {
|
|||
|
|
'corner_radius': radius['large'],
|
|||
|
|
'fg_color': (colors['bg_card'], colors['bg_card_dark']),
|
|||
|
|
'border_width': 1,
|
|||
|
|
'border_color': (colors['border'], colors['border_dark']),
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
default_kwargs.update(kwargs)
|
|||
|
|
return ctk.CTkFrame(parent, **default_kwargs)
|
|||
|
|
|
|||
|
|
|
|||
|
|
def create_accent_button(parent, text, color_type='primary', **kwargs):
|
|||
|
|
"""创建强调色按钮"""
|
|||
|
|
colors = StyleConfig.COLORS
|
|||
|
|
radius = StyleConfig.CORNER_RADIUS
|
|||
|
|
|
|||
|
|
color_map = {
|
|||
|
|
'primary': (colors['primary'], colors['primary_hover']),
|
|||
|
|
'secondary': (colors['secondary'], colors['secondary_hover']),
|
|||
|
|
'accent': (colors['accent'], colors['accent_hover']),
|
|||
|
|
'warning': (colors['warning'], colors['warning_hover']),
|
|||
|
|
'info': (colors['info'], colors['info_hover']),
|
|||
|
|
'success': (colors['success'], colors['success_hover']),
|
|||
|
|
'danger': (colors['danger'], colors['danger_hover']),
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
fg_color, hover_color = color_map.get(color_type, color_map['primary'])
|
|||
|
|
|
|||
|
|
default_kwargs = {
|
|||
|
|
'corner_radius': radius['medium'],
|
|||
|
|
'fg_color': fg_color,
|
|||
|
|
'hover_color': hover_color,
|
|||
|
|
'text_color': ('#ffffff', '#ffffff'),
|
|||
|
|
'font': StyleConfig.FONTS['body'],
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
default_kwargs.update(kwargs)
|
|||
|
|
return ctk.CTkButton(parent, text=text, **default_kwargs)
|
|||
|
|
|
|||
|
|
|
|||
|
|
def apply_ttk_styles():
|
|||
|
|
"""应用TTK样式"""
|
|||
|
|
style = ttk.Style()
|
|||
|
|
|
|||
|
|
# 配置样式
|
|||
|
|
style.configure('Rounded.TFrame',
|
|||
|
|
relief='solid',
|
|||
|
|
borderwidth=1,
|
|||
|
|
background='#f8f9fa')
|
|||
|
|
|
|||
|
|
style.configure('Rounded.TLabelFrame',
|
|||
|
|
relief='solid',
|
|||
|
|
borderwidth=1,
|
|||
|
|
background='#f8f9fa')
|
|||
|
|
|
|||
|
|
style.configure('Accent.TButton',
|
|||
|
|
relief='flat',
|
|||
|
|
borderwidth=0,
|
|||
|
|
background='#3498db',
|
|||
|
|
foreground='white',
|
|||
|
|
font=('Arial', 12, 'bold'))
|
|||
|
|
|
|||
|
|
style.map('Accent.TButton',
|
|||
|
|
background=[('active', '#2980b9'),
|
|||
|
|
('pressed', '#1f618d')])
|
|||
|
|
|
|||
|
|
style.configure('Accent.TProgressbar',
|
|||
|
|
background='#3498db',
|
|||
|
|
troughcolor='#ecf0f1',
|
|||
|
|
borderwidth=0,
|
|||
|
|
lightcolor='#3498db',
|
|||
|
|
darkcolor='#3498db')
|
|||
|
|
|
|||
|
|
|
|||
|
|
def get_spacing(size='md'):
|
|||
|
|
"""获取间距值"""
|
|||
|
|
return StyleConfig.SPACING.get(size, StyleConfig.SPACING['md'])
|
|||
|
|
|
|||
|
|
|
|||
|
|
def get_font(font_type='body'):
|
|||
|
|
"""获取字体配置"""
|
|||
|
|
return StyleConfig.FONTS.get(font_type, StyleConfig.FONTS['body'])
|
|||
|
|
|
|||
|
|
|
|||
|
|
def get_color(color_name):
|
|||
|
|
"""获取颜色值"""
|
|||
|
|
return StyleConfig.COLORS.get(color_name, StyleConfig.COLORS['text_primary'])
|
|||
|
|
|
|||
|
|
|
|||
|
|
def get_radius(size='medium'):
|
|||
|
|
"""获取圆角半径"""
|
|||
|
|
return StyleConfig.CORNER_RADIUS.get(size, StyleConfig.CORNER_RADIUS['medium'])
|
|||
|
|
|
|||
|
|
|
|||
|
|
# 预定义的样式组合
|
|||
|
|
STYLE_PRESETS = {
|
|||
|
|
'card': {
|
|||
|
|
'corner_radius': 20,
|
|||
|
|
'fg_color': ('#ffffff', '#3b3b3b'),
|
|||
|
|
'border_width': 1,
|
|||
|
|
'border_color': ('#e0e0e0', '#404040'),
|
|||
|
|
},
|
|||
|
|
'button_primary': {
|
|||
|
|
'corner_radius': 15,
|
|||
|
|
'fg_color': ('#3498db', '#2980b9'),
|
|||
|
|
'hover_color': ('#2980b9', '#1f618d'),
|
|||
|
|
'text_color': ('#ffffff', '#ffffff'),
|
|||
|
|
},
|
|||
|
|
'button_secondary': {
|
|||
|
|
'corner_radius': 15,
|
|||
|
|
'fg_color': ('#2ecc71', '#27ae60'),
|
|||
|
|
'hover_color': ('#27ae60', '#229954'),
|
|||
|
|
'text_color': ('#ffffff', '#ffffff'),
|
|||
|
|
},
|
|||
|
|
'button_accent': {
|
|||
|
|
'corner_radius': 15,
|
|||
|
|
'fg_color': ('#e74c3c', '#c0392b'),
|
|||
|
|
'hover_color': ('#c0392b', '#a93226'),
|
|||
|
|
'text_color': ('#ffffff', '#ffffff'),
|
|||
|
|
},
|
|||
|
|
'input_field': {
|
|||
|
|
'corner_radius': 12,
|
|||
|
|
'fg_color': ('#f8f9fa', '#404040'),
|
|||
|
|
'border_width': 1,
|
|||
|
|
'border_color': ('#e0e0e0', '#555555'),
|
|||
|
|
},
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
def apply_preset_style(widget, preset_name):
|
|||
|
|
"""应用预设样式"""
|
|||
|
|
if preset_name in STYLE_PRESETS:
|
|||
|
|
style_config = STYLE_PRESETS[preset_name]
|
|||
|
|
for key, value in style_config.items():
|
|||
|
|
if hasattr(widget, key):
|
|||
|
|
setattr(widget, key, value)
|
|||
|
|
|
|||
|
|
|
|||
|
|
if __name__ == "__main__":
|
|||
|
|
# 测试样式配置
|
|||
|
|
root = tk.Tk()
|
|||
|
|
root.title("样式测试")
|
|||
|
|
root.geometry("400x300")
|
|||
|
|
|
|||
|
|
# 应用TTK样式
|
|||
|
|
apply_ttk_styles()
|
|||
|
|
|
|||
|
|
# 创建测试框架
|
|||
|
|
main_frame = ttk.Frame(root, style='Rounded.TFrame')
|
|||
|
|
main_frame.pack(fill='both', expand=True, padx=20, pady=20)
|
|||
|
|
|
|||
|
|
# 创建测试按钮
|
|||
|
|
test_button = ttk.Button(main_frame, text="测试按钮", style='Accent.TButton')
|
|||
|
|
test_button.pack(pady=10)
|
|||
|
|
|
|||
|
|
# 创建测试标签框架
|
|||
|
|
test_frame = ttk.LabelFrame(main_frame, text="测试框架", style='Rounded.TLabelFrame')
|
|||
|
|
test_frame.pack(fill='both', expand=True, pady=10)
|
|||
|
|
|
|||
|
|
test_label = ttk.Label(test_frame, text="这是一个测试标签")
|
|||
|
|
test_label.pack(pady=20)
|
|||
|
|
|
|||
|
|
root.mainloop()
|