示例:推荐一个自定义的Ribbon皮肤

最新推荐文章于 2024-07-05 17:15:14 发布
最新推荐文章于 2024-07-05 17:15:14 发布
阅读量395 收藏 7
点赞数 3
文章标签： ribbon wpf
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u010975589/article/details/139902465
版权

一、目的：WPF自带的Ribbon控件功能很强大，但使用过程中感觉显示的样式不是很好，或者不适合自己的项目，下面介绍一个基于自带Ribbon控件样式的修改，主要修改了些高度，间距，背景色，前景色等参数，同时引入了自己的皮肤库资源，可以切换皮肤，字体，布局等资源更改显示效果


二、实现效果

浅色 

 深色 

三、环境


VS2022 Net7

四、使用方式

1、安装nuget包：H.Modules.Messages.Dialog

2、修改MainWindow（这部分跟自带Ribbon的使用方式相同） ，需要注意的是增加RibbonWindow的Style：Style="{DynamicResource {x:Static h:RibbonWindowKeys.Default}}"

<RibbonWindow
    x:Class="H.Test.Ribbon.MainWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:h="https://github.com/HeBianGu"
    xmlns:local="clr-namespace:H.Test.Ribbon"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    xmlns:system="clr-namespace:System;assembly=mscorlib"
    Title="ShellWindow"
    Width="1100"
    Height="700"
    Style="{DynamicResource {x:Static h:RibbonWindowKeys.Default}}"
    WindowStartupLocation="CenterScreen"
    mc:Ignorable="d">
    <DockPanel>
        <Ribbon
            Title="文件"
            DockPanel.Dock="Top"
            Visibility="Visible">
            <Ribbon.ApplicationMenu>
                <RibbonApplicationMenu Label="文件" SmallImageSource="logo.png">
                    <RibbonApplicationMenu.AuxiliaryPaneContent>
                        <TabControl>
                            <TabControl.ItemTemplate>
                                <DataTemplate>
                                    <TextBlock Text="{Binding Header}" />
                                </DataTemplate>
                            </TabControl.ItemTemplate>
                            <TabItem Header="Header1">
                                <Grid
                                    Width="600"
                                    Height="600"
                                    Background="Transparent" />
                            </TabItem>
                            <TabItem Header="Header1" />
                            <TabItem Header="Header1" />
                            <TabItem Header="Header1" />
                        </TabControl>
                    </RibbonApplicationMenu.AuxiliaryPaneContent>
                    <RibbonApplicationMenuItem Header="开始" />
                    <RibbonApplicationMenuItem Header="开始">
                        <RibbonApplicationMenuItem Header="开始" />
                        <RibbonApplicationMenuItem Header="开始" />
                        <RibbonApplicationMenuItem Header="开始" />
                        <RibbonApplicationMenuItem Header="开始">
                            <RibbonApplicationMenuItem Header="开始" />
                            <RibbonApplicationMenuItem Header="开始" />
                            <RibbonApplicationMenuItem Header="开始" />
                            <RibbonApplicationMenuItem Header="开始" />
                        </RibbonApplicationMenuItem>
                    </RibbonApplicationMenuItem>
                    <RibbonApplicationMenuItem Header="开始" />
                    <RibbonApplicationMenuItem Header="开始" />
                    <RibbonApplicationMenuItem Header="开始" />
                </RibbonApplicationMenu>
            </Ribbon.ApplicationMenu>
            <Ribbon.QuickAccessToolBar>
                <RibbonQuickAccessToolBar>
                    <RibbonButton />
                    <RibbonButton />
                    <RibbonButton />
                    <RibbonButton />
                    <RibbonButton />
                    <RibbonMenuButton>
                        <RibbonMenuButton.ControlSizeDefinition>
                            <RibbonControlSizeDefinition ImageSize="Small" IsLabelVisible="True" />
                        </RibbonMenuButton.ControlSizeDefinition>
                        <RibbonSplitMenuItem StaysOpenOnClick="True">
                            <RibbonMenuItem Header="ss" />
                            <RibbonMenuItem />
                            <RibbonMenuItem />
                            <RibbonMenuItem />
                            <RibbonMenuItem />
                            <RibbonMenuItem />
                        </RibbonSplitMenuItem>
                        <RibbonMenuItem />
                        <RibbonMenuItem />
                        <RibbonMenuItem />
                        <RibbonMenuItem />
                        <RibbonMenuItem />
                    </RibbonMenuButton>
                    <RibbonButton />
                </RibbonQuickAccessToolBar>
            </Ribbon.QuickAccessToolBar>
            <RibbonTab Header="开始">
                <RibbonGroup Header="Button">
                    <RibbonButton />
                    <RibbonButton />
                    <RibbonButton />
                </RibbonGroup>

                <RibbonGroup Header="CheckBox">
                    <RibbonCheckBox />
                </RibbonGroup>

                <RibbonGroup Header="SplitButton">
                    <RibbonSplitButton>
                        <RibbonMenuItem Header="放大" />
                        <RibbonMenuItem Header="放大" />
                        <RibbonMenuItem Header="放大" />
                        <RibbonMenuItem Header="放大" />
                        <RibbonMenuItem Header="放大" />
                        <RibbonMenuItem Header="放大" />
                    </RibbonSplitButton>
                </RibbonGroup>

                <RibbonGroup Header="ComboBox">
                    <RibbonComboBox>
                        <system:String>1</system:String>
                        <system:String>1</system:String>
                        <system:String>1</system:String>
                        <system:String>1</system:String>
                    </RibbonComboBox>

                    <RibbonSeparator />
                </RibbonGroup>

                <RibbonGroup Header="TextBox">
                    <RibbonTextBox />
                </RibbonGroup>

                <RibbonGroup Header="ToggleButton">
                    <RibbonToggleButton />
                </RibbonGroup>

            </RibbonTab>

            <RibbonTab Header="插入">
                <RibbonGroup Header="剪贴板">
                    <RibbonToggleButton />
                </RibbonGroup>
                <RibbonGroup Header="Button">
                    <RibbonGroup.GroupSizeDefinitions>
                        <RibbonGroupSizeDefinition>
                            <RibbonControlSizeDefinition ImageSize="Large" />
                        </RibbonGroupSizeDefinition>
                        <RibbonGroupSizeDefinition IsCollapsed="True" />
                    </RibbonGroup.GroupSizeDefinitions>
                    <RibbonButton Label="Ribbon Button">
                        <RibbonButton.ControlSizeDefinition>
                            <RibbonControlSizeDefinition ImageSize="Large" IsLabelVisible="True" />
                        </RibbonButton.ControlSizeDefinition>
                        &gt;
                    </RibbonButton>
                    <RibbonButton Label="Ribbon Button">
                        <RibbonButton.ControlSizeDefinition>
                            <RibbonControlSizeDefinition ImageSize="Large" IsLabelVisible="True" />
                        </RibbonButton.ControlSizeDefinition>
                        &gt;
                    </RibbonButton>
                    <RibbonButton Label="Ribbon Button">
                        <RibbonButton.ControlSizeDefinition>
                            <RibbonControlSizeDefinition ImageSize="Large" IsLabelVisible="True" />
                        </RibbonButton.ControlSizeDefinition>
                        &gt;
                    </RibbonButton>
                    <RibbonButton Label="Ribbon Button">
                        <RibbonButton.ControlSizeDefinition>
                            <RibbonControlSizeDefinition ImageSize="Large" IsLabelVisible="True" />
                        </RibbonButton.ControlSizeDefinition>
                        &gt;
                    </RibbonButton>
                    <RibbonButton Label="Ribbon Button">
                        <RibbonButton.ControlSizeDefinition>
                            <RibbonControlSizeDefinition ImageSize="Large" IsLabelVisible="True" />
                        </RibbonButton.ControlSizeDefinition>
                        &gt;
                    </RibbonButton>
                    <RibbonButton Label="Ribbon Button">
                        <RibbonButton.ControlSizeDefinition>
                            <RibbonControlSizeDefinition ImageSize="Large" IsLabelVisible="True" />
                        </RibbonButton.ControlSizeDefinition>
                        &gt;
                    </RibbonButton>
                    <RibbonButton Label="Ribbon Button">
                        <RibbonButton.ControlSizeDefinition>
                            <RibbonControlSizeDefinition ImageSize="Large" IsLabelVisible="True" />
                        </RibbonButton.ControlSizeDefinition>
                        &gt;
                    </RibbonButton>
                    <RibbonButton Label="Ribbon Button">
                        <RibbonButton.ControlSizeDefinition>
                            <RibbonControlSizeDefinition ImageSize="Large" IsLabelVisible="True" />
                        </RibbonButton.ControlSizeDefinition>
                        &gt;
                    </RibbonButton>
                </RibbonGroup>
            </RibbonTab>

            <RibbonTab Header="设计">
                <RibbonGroup Header="剪贴板">
                    <RibbonButton Content="复制" />
                    <RibbonCheckBox Content="自动保存" />
                    <RibbonComboBox Text="1">
                        <system:String>1</system:String>
                        <system:String>1</system:String>
                        <system:String>1</system:String>
                        <system:String>1</system:String>
                    </RibbonComboBox>

                    <RibbonSplitButton />
                    <RibbonRadioButton />
                    <RibbonSeparator />
                    <RibbonTextBox />
                    <RibbonToggleButton />
                </RibbonGroup>
            </RibbonTab>

            <RibbonTab Header="布局">
                <RibbonGroup Header="剪贴板">
                    <RibbonButton Content="复制" />
                    <RibbonCheckBox Content="自动保存" />
                    <RibbonComboBox Text="1">
                        <system:String>1</system:String>
                        <system:String>1</system:String>
                        <system:String>1</system:String>
                        <system:String>1</system:String>
                    </RibbonComboBox>

                    <RibbonSplitButton />
                    <RibbonRadioButton />
                    <RibbonSeparator />
                    <RibbonTextBox />
                    <RibbonToggleButton />
                </RibbonGroup>
            </RibbonTab>

            <RibbonTab Header="布局">
                <RibbonGroup Header="剪贴板" />
                <RibbonControlGroup>
                    <RibbonButton Content="复制" />
                    <RibbonButton Content="复制" />
                </RibbonControlGroup>

            </RibbonTab>
        </Ribbon>
        <Button Content="按钮" />
    </DockPanel>
</RibbonWindow>

3，引用样式资源

    <Application.Resources>
        <ResourceDictionary>
            <ResourceDictionary.MergedDictionaries>
                <ResourceDictionary Source="pack://application:,,,/H.Windows.Ribbon;component/Default.xaml" />
            </ResourceDictionary.MergedDictionaries>
        </ResourceDictionary>
    </Application.Resources>

 上面步骤完成后可以看到Ribbon的样式已修改

五、需要了解的知识点

 Ribbon 类 (System.Windows.Controls.Ribbon) | Microsoft Learn

六、源码地址

GitHub - HeBianGu/WPF-ControlDemo: 示例

GitHub - HeBianGu/WPF-ControlBase: Wpf封装的自定义控件资源库

GitHub - HeBianGu/WPF-Control: WPF轻量控件和皮肤库

七、了解更多

System.Windows.Controls 命名空间 | Microsoft Learn

https://github.com/HeBianGu

HeBianGu的个人空间-HeBianGu个人主页-哔哩哔哩视频

He BianGu
关注
  • 3
    点赞
  • 踩
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
WPF高级样式与模板
weixin_44589643的博客
08-29 378
一:这里讲一下在日常编程写代码中，有时候会去用WPF中原生的控件就可以去实现所需要的需求，但是样式和风格并不能满足我们的需求，这里呢就有一个办法就是我们自己在WPF中去定义自己喜欢的样式，不同的风格和样式化。定义模板和样式。 二:在WPF中我们可以使用Style来设置控件的某些属性值，并使该设置影响到指定范围内的所有类控件或影响指定 的某一控件，比如说我们想将窗口中的所有按钮都保持一种风格，那么我们可以设置一个Style,而不必分别每个按钮的风格，Style是作为一种资源被保存下来的。举个例子： 注意:St
C# WPF 4.5 RibbonWindow
weixin_30336061的博客
07-18 1145
WPF RibbonWindow , Z .Net4.5里有自带的RibbonWindow，需要引用 System.Windows.Controls.Ribbon.dll 题外话：自带的RibbonWindow 在不同系统表现不一致，比如颜色和对齐等。适合小白用来快速美化UI。但失去的自定义的灵活性，WPF本身支持各种样式 style <RibbonWindow x:C...
How to: Add and Customize the Ribbon Skin List and Skin Gallery
龙七
06-08 499
皮肤列表和皮肤库允许用户选择皮肤。本文介绍如何在功能区中显示“皮肤列表”或“皮肤库”并对其进行自定义。
BCGSoft Demo示例展示：一般示例集合（2/2）
需要界面开发、IDE工具研发中文教程资料的小伙伴，记得私信我~
04-28 621
BCGSoft公司的BCGControlBar产品是全球最优秀的MFC界面类库，功能强大，显示丰富，在国际上享有盛誉，并屡次获奖，是VC界面设计的必备首选！ 本文中的这些示例程序主要演示了如何创建先进的图形用户界面。 您也可以下载BCGControlBar专业版免费试用体验哦！ DrawCli 本示例演示了如何使用库做一个常规的MFC应用程序： Ribbon控件
开源项目推荐：本人收集的有关Qt的GitHub/Gitee开源项目(★精品收藏★)
热门推荐
$firecat利白的代码足迹$
08-18 5万+
Qt Creator环境： 使用Qt Creator作为Linux IDE，代替Vim：实现两台Linux电脑远程部署和调试(一台电脑有桌面系统，一台电脑无桌面系统) 使用Qt Creator作为Linux IDE，实现CMake编译和单步调试 在Qt Creator中使用make构建,运行,调试通用C/C++项目 使用Qt Creator作为Linux IDE，实现Nginx和Redis......
这一年，这些书：2020年读书笔记
Heartsuit的博客
01-29 3万+
Note: 以下 markdown 格式文本由 json2md 自动转换生成，可参考JSON转Markdown：我把阅读数据从MongoDB中导出转换为.md了了解具体的转换过程。 面纱 作者：毛姆[英] ISBN：9787210082835 出版社：江西人民出版社 出版日期：2016-04-01 图书标签：毛姆,小说,英国文学,英国,外国文学 豆瓣地址：https://book.douban.com/subject/26757680/ 阅读日期：2020-01-19 读书笔记 威廉·萨默塞特·毛姆（
开源项目推荐：Qt有关的GitHub/Gitee开源项目(★精品收藏★)
呓语煮酒的博客
01-05 1万+
Q：想请教下Qt5 之后推出的qml与之前qt4的ui 开发方式，有冲突吗？我公司开发桌面程序，是两种方式兼用?还是选择其中一种?A：桌面推荐使用QWidget，触摸式的嵌入式设备推荐使用QML。   Qt官网下载/文档 http://download.qt.io/ -- 官方exe下载 https://mirrors.tuna.tsinghua.edu.cn/qt/ -- 清华...
SharePoint定制开发个性皮肤
段传涛 的专栏
07-25 3089
使用 SharePoint 2010 发布网站实际打造品牌  摘要：了解一些基本概念，以帮助您在 Microsoft SharePoint Server 2010 发布网站中创建引人注目的用户界面设计。 适用范围： Microsoft SharePoint Server 2010 供稿人：Andrew Connell，Critical Path Training LLC（该链接可能指向英
盘点16个.Net开源项目
成长的足迹
08-02 1715
这是基于WPF开发的，为开发人员提供了一组方便使用自定义组件，并提供了各种常用的示例。包含组件：数据表格、属性列表、树形列表、选色器、单选框列表、下拉选择框、输入框、文件选择器、目录选择器、窗口拆分器、数字增减控件、链接控件、拖拉进度条、文本框、弹出框、自定义格式对话框。
一个C#写的皮肤界面源代码
12-12
标题 "一个C#写的皮肤界面源代码" 指出我们正在讨论的是使用C#编程语言实现的具有自定义皮肤功能的用户界面。这通常涉及到Windows Forms或WPF（Windows Presentation Foundation）等C# GUI框架，允许开发者创建美观...
MFC 实现Ribbon bar
11-07
Ribbon Bar 是一种用户界面元素，常见于现代应用程序，如Microsoft Office套件，它提供了一种组织功能和工具的方式，使用户可以方便地访问各种操作。 **1. Ribbon Bar 基本概念** Ribbon Bar 是Windows Vista之后...
Office Ribbon 控件
03-12
2. **RibbonTab类**：每个RibbonTab代表一个选项卡，例如"主页"、"插入"或"审阅"。开发者可以定义每个选项卡的标题和包含的控件集合。 3. **RibbonButton、RibbonGallery、RibbonComboBox等控件**：这些是Ribbon...
winform开源ribbon控件源码.rar
04-25
标题"winform开源ribbon控件源码.rar"指的是一个专门为WinForm应用程序设计的开源Ribbon控件的源代码包。这个控件允许开发者轻松地在他们的应用中集成类似于Office软件的顶部菜单栏，提供了一个高效且用户友好的交互...
C# 5种类型的自定义Button控件合集GDI+自绘精美漂亮的播放器按钮
09-18
GDI+是.NET Framework中的一个图形库，它允许开发者进行复杂的图形绘制，包括直线、曲线、图像处理和文本渲染。在自定义Button控件时，我们可以通过GDI+的方法如DrawRectangle、FillGradientRectangle等来绘制不同...
深⼊理解SpringCloud 相关组件Eureka、Ribbon、Feign、Hystrix、Nacos、Sentinel核心源码
靡不有初，鲜克有终
07-02 580
**源码分析**：关注`com.netflix.eureka`包中的`AbstractInstanceRegistry`和`PeerEurekaNode`类，它们负责服务注册信息的存储和节点之间的复制。- **源码分析**：研究`com.alibaba.nacos`包中的`NamingService`和`ConfigService`接口，了解服务注册发现和配置管理的实现。- **源码分析**：研究`feign.Client`接口和`Feign.Builder`类，了解如何创建和使用Feign客户端。
推荐一款Win11主题WPF UI框架
绳锯木断，水滴石穿，专心写文，无问西东！！！
07-04 370
通过WPF Gallery，可以参考官方示例，提升自己的编程能力，同样有助于WPF开发者们开发出更符合现在设计风格、更美观的界面。最近在微软商店，官方上架了新款Win11风格的WPF版UI框架【WPF Gallery Preview 1.0.0.0】,这款应用引入了前沿的Fluent Design UI设计，为用户带来全新的视觉体验。在微软商店有很多免费的应用程序可供安装，且内容丰富多样，不仅包含常用软件，还有开发工具，类库等内容，应有尽有。操作系统，需要升级到Win11才可以。
关于C#在WPF中如何使用“抽屉”控件
mosi357的博客
07-04 492
需要引用MaterialDesign控件库，关于如何引用，请参照文章——点击蓝色按钮，出现如图所示的效果。
用WPF实现的窗体是怎么运行的？
最新发布
m0_58750788的博客
07-05 247
WPF窗体启动
qt 自定义ribbon菜单
07-20
1. 创建一个新的Qt应用程序项目并打开你想要添加自定义Ribbon菜单的主窗口。 2. 在主窗口中添加一个QMainWindow和一个QMenuBar。 3. 创建一个新的QWidget，作为Ribbon菜单的容器。 4. 将QWidget设置为QMainWindow...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值