首页
/ MetroRadiance 技术文档

MetroRadiance 技术文档

2024-12-28 09:09:17作者:伍霜盼Ellen

1. 安装指南

为了使用 MetroRadiance,你需要通过 NuGet 包管理器安装以下包:

  • MetroRadiance.Core:MetroRadiance 核心库。
  • MetroRadiance.Chrome:为 WPF 窗口添加类似 Visual Studio 的窗口边框。
  • MetroRadiance:WPF 自定义控件库。

安装命令如下:

PM> Install-Package MetroRadiance

2. 项目的使用说明

MetroRadiance.Core

  • DPI/Per-Monitor DPI 支持
    • 获取系统 DPI
    • 从 HwndSource 或窗口句柄获取显示器 DPI
using MetroRadiance.Interop;
// 获取系统 dpi
var systemDpi = window.GetSystemDpi();

if (PerMonitorDpi.IsSupported)
{
    // 获取显示器 dpi。
    var hwndSource = (HwndSource)PresentationSource.FromVisual(this);
    var monitorDpi = hwndSource.GetDpi();
}
  • Windows 主题支持
    • 获取 Windows 主题(仅限 Windows 10,支持浅色或深色主题)
    • 获取 Windows 色彩
    • 订阅 Windows 主题颜色变更事件
using MetroRadiance.Platform;
// 获取 Windows 色彩
var color = WindowsTheme.GetAccentColor();

// 订阅 Windows 主题色彩变更事件
var disposable = WindowsTheme.RegisterAccentColorListener(color =>
{
    // 将色彩应用到你的应用中。
});

// 取消订阅颜色变更事件
disposable.Dispose();
  • HSV 颜色模型支持
using MetroRadiance.Media;
// 获取 Windows 色彩(使用 MetroRadiance.Platform;)
var rgbColor = WindowsTheme.GetAccentColor();

// 从 RGB 转换为 HSV 颜色。
var hsvColor = rgbColor.ToHsv();
hsvColor.V *= 0.8;

// 从 HSV 转换为 RGB 颜色。
var newColor = hsvColor.ToRgb();

MetroRadiance.Chrome

  • 为 WPF 窗口添加类似 Visual Studio 的窗口边框
    • MetroRadiance.Chrome.WindowChrome
<Window xmlns:chrome="http://schemes.grabacr.net/winfx/2014/chrome">
    <chrome:WindowChrome.Instance>
        <chrome:WindowChrome />
    </chrome:WindowChrome.Instance>
</Window>
  • 将任何 UI 元素添加到窗口边框
    • MetroRadiance.Chrome.WindowChrome.Top / .Left / .Right / .Bottom
<Window xmlns:chrome="http://schemes.grabacr.net/winfx/2014/chrome">
    <chrome:WindowChrome.Instance>
        <chrome:WindowChrome>
            <chrome:WindowChrome.Top>
                <Border Background="DarkRed"
                        Padding="24,3"
                        Margin="8,0"
                        HorizontalAlignment="Right">
                    <TextBlock Text="任何 UI 元素"
                               Foreground="White" />
                </Border>
            </chrome:WindowChrome.Top>
        </chrome:WindowChrome>
    </chrome:WindowChrome.Instance>
</Window>

MetroRadiance

  • 主题支持
// 更改主题。
ThemeService.Current.ChangeTheme(Theme.Dark);

// 更改主题(与 Windows 同步)
ThemeService.Current.ChangeTheme(Theme.Windows);

// 更改色彩。
ThemeService.Current.ChangeAccent(Accent.Blue);

// 更改色彩(与 Windows 同步)
ThemeService.Current.ChangeAccent(Accent.Windows);

// 更改色彩(从 RGB 颜色)
var accent = Colors.Red.ToAccent();
ThemeService.Current.ChangeAccent(accent);
  • 自定义控件
  • 自定义行为
  • 自定义转换器

3. 项目 API 使用文档

由于篇幅限制,这里不详细列出所有 API 文档。用户可以参考 GitHub 项目 Wiki 或官方文档来获取详细的 API 使用说明。

4. 项目安装方式

项目安装方式已在“安装指南”一节中说明,用户可以通过 NuGet 包管理器安装所需的包。

热门项目推荐
相关项目推荐

项目优选

收起
Python-100-DaysPython-100-Days
Python - 100天从新手到大师
Python
610
115
HarmonyOS-ExamplesHarmonyOS-Examples
本仓将收集和展示仓颉鸿蒙应用示例代码,欢迎大家投稿,在仓颉鸿蒙社区展现你的妙趣设计!
Cangjie
286
79
mdmd
✍ WeChat Markdown Editor | 一款高度简洁的微信 Markdown 编辑器:支持 Markdown 语法、色盘取色、多图上传、一键下载文档、自定义 CSS 样式、一键重置等特性
Vue
111
25
openHiTLSopenHiTLS
旨在打造算法先进、性能卓越、高效敏捷、安全可靠的密码套件,通过轻量级、可剪裁的软件技术架构满足各行业不同场景的多样化要求,让密码技术应用更简单,同时探索后量子等先进算法创新实践,构建密码前沿技术底座!
C
60
48
RuoYi-Cloud-Vue3RuoYi-Cloud-Vue3
🎉 基于Spring Boot、Spring Cloud & Alibaba、Vue3 & Vite、Element Plus的分布式前后端分离微服务架构权限管理系统
Vue
45
29
go-stockgo-stock
🦄🦄🦄AI赋能股票分析:自选股行情获取,成本盈亏展示,涨跌报警推送,市场整体/个股情绪分析,K线技术指标分析等。数据全部保留在本地。支持DeepSeek,OpenAI, Ollama,LMStudio,AnythingLLM,硅基流动,火山方舟,阿里云百炼等平台或模型。
Go
1
0
Cangjie-ExamplesCangjie-Examples
本仓将收集和展示高质量的仓颉示例代码,欢迎大家投稿,让全世界看到您的妙趣设计,也让更多人通过您的编码理解和喜爱仓颉语言。
Cangjie
205
57
MateChatMateChat
前端智能化场景解决方案UI库,轻松构建你的AI应用,我们将持续完善更新,欢迎你的使用与建议。 官网地址:https://matechat.gitcode.com
376
36
RuoYi-VueRuoYi-Vue
🎉 基于SpringBoot,Spring Security,JWT,Vue & Element 的前后端分离权限管理系统,同时提供了 Vue3 的版本
Java
182
44
frogfrog
这是一个人工生命试验项目,最终目标是创建“有自我意识表现”的模拟生命体。
Java
8
0