Material 样式

Material 样式

整体风格

  • Material 样式:通过 main.cpp 中的 QQuickStyle::setStyle("Material"),主界面采用了 Qt Quick Controls 2 的 Material 样式,带来现代化、扁平化的视觉效果。

  • 背景:窗口背景色为 #F5F5F5(浅灰色),提供柔和的底色,减少视觉疲劳。

  • 动态适配:使用 fontScale: Math.min(Screen.width / 1920, Screen.height / 1080),根据屏幕分辨率动态调整字体和控件大小,确保在不同屏幕上比例协调。

MenuBar 和 MenuItem

  • Material 样式:菜单栏和菜单项使用 Material 样式的下拉菜单,外观简洁,带悬停和点击动画。

  • 字体:未自定义字体,继承 Material 默认字体(通常 13-14 像素,清晰可读)。

  • 交互:点击触发 Logger.log 和控制台输出,配合密码验证逻辑,体验流畅。

视觉特点

  • 现代化:Material 样式带来扁平化设计,控件有轻微阴影和动画(聚焦/悬停)。

  • 动态适配:fontScale 确保字体和控件在不同分辨率下比例协调。

  • 简洁清晰:浅灰背景、蓝黑文本、动态结果颜色,信息层次分明。

最后更新于