一个系统框架除了功能菜单导航,有系统内容显示区域,系统状态栏。

Silver:

Blue:

Black:

系统界面设计,就不进行技术细节介绍了,主题以框架设计为主,Xaml源码参考:

<Fluent:RibbonWindow x:Class="TLAgent.SecurityManager.WPF.MainWindow"xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:Fluent="clr-namespace:Fluent;assembly=Fluent"Title="用户权限管理系统" Height="350" Width="525" Icon="/TLAgent.SecurityManager.WPF;component/Images/usergroup.ico"><Grid><Grid.RowDefinitions><RowDefinition Height="Auto" /><RowDefinition Height="*" /><RowDefinition Height="Auto" /></Grid.RowDefinitions><Fluent:Ribbon Grid.Row="0" AutomaticStateManagement="True"x:Name="ribbon"><Fluent:Ribbon.QuickAccessItems><Fluent:QuickAccessMenuItem Target="{Binding ElementName=BtnSecManager}"/><Fluent:QuickAccessMenuItem Target="{Binding ElementName=BtnModifyPassword}"/></Fluent:Ribbon.QuickAccessItems><Fluent:RibbonTabItem Header="用户管理" ReduceOrder="(P),(P),(P),(P),(P)"><Fluent:RibbonGroupBox Header="User Group"><Fluent:Button Header="查询用户" Command="{Binding OpenCommand}" Icon="Images\Gray.png" LargeIcon="Images\GrayLarge.png" Name="BtnQueryUser" /><Fluent:Button Header="添加用户" Command="{Binding AddFunctionCommand}" Icon="Images\Green.png" LargeIcon="Images\GreenLarge.png" Name="BtnAddUser" /><Fluent:Button Header="更新用户" Command="{Binding OpenCommand}" Icon="Images\Gray.png" LargeIcon="Images\GrayLarge.png" Name="BtnModifyUser" /></Fluent:RibbonGroupBox></Fluent:RibbonTabItem><Fluent:RibbonTabItem Header="角色管理" ReduceOrder="(P),(P),(P),(P),(P)"><Fluent:RibbonGroupBox Header="Role Group"><Fluent:Button Header="查询角色" Command="{Binding OpenCommand}" Icon="Images\Gray.png" LargeIcon="Images\GrayLarge.png" Name="BtnQueryRole" /><Fluent:Button Header="添加角色" Command="{Binding AddFunctionCommand}" Icon="Images\Green.png" LargeIcon="Images\GreenLarge.png" Name="BtnAddRole" /><Fluent:Button Header="更新角色" Command="{Binding OpenCommand}" Icon="Images\Gray.png" LargeIcon="Images\GrayLarge.png" Name="BtnModifyRole" /></Fluent:RibbonGroupBox></Fluent:RibbonTabItem><Fluent:RibbonTabItem Header="部门管理" ReduceOrder="(P),(P),(P),(P),(P)"><Fluent:RibbonGroupBox Header="Department Group"><Fluent:Button Header="查询部门" Command="{Binding OpenCommand}" Icon="Images\Gray.png" LargeIcon="Images\GrayLarge.png" Name="BtnQueryDept" /><Fluent:Button Header="添加部门" Command="{Binding AddFunctionCommand}" Icon="Images\Green.png" LargeIcon="Images\GreenLarge.png" Name="BtnAddDept" /><Fluent:Button Header="更新部门" Command="{Binding OpenCommand}" Icon="Images\Gray.png" LargeIcon="Images\GrayLarge.png" Name="BtnModifyDept" /></Fluent:RibbonGroupBox></Fluent:RibbonTabItem><Fluent:RibbonTabItem Header="系统管理" ReduceOrder="(P),(P),(P),(P),(P)"><Fluent:RibbonGroupBox Header="Security Group"><Fluent:Button Header="系统日志" Command="{Binding AddFunctionCommand}" Icon="Images\systemlog.ico" LargeIcon="Images\systemlog.ico" Name="BtnSecManager" /><Fluent:Button Header="更改密码" Command="{Binding OpenCommand}" Icon="Images\changePassword.ico" LargeIcon="Images\changePassword.ico" Name="BtnModifyPassword" /></Fluent:RibbonGroupBox><Fluent:RibbonGroupBox Header="System Group"><Fluent:Button Header="   退出系统  " Width="80" Command="{Binding AddFunctionCommand}" Icon="Images\close.png" LargeIcon="Images\close.png"/></Fluent:RibbonGroupBox></Fluent:RibbonTabItem></Fluent:Ribbon><Fluent:StatusBar HorizontalAlignment="Stretch" VerticalAlignment="Bottom" Grid.Row="2"><Fluent:StatusBarItem Title="Words Width"Value="150"HorizontalAlignment="Left"><TextBlock Text="Message" /></Fluent:StatusBarItem></Fluent:StatusBar></Grid>
</Fluent:RibbonWindow>

换肤还是调接口ChangeTheme来实现换肤功能。

namespace TLAgent.SecurityManager.WPF
{/// <summary>/// Interaction logic for App.xaml/// </summary>public partial class App : Application{protected override void OnStartup(StartupEventArgs e){ThemeManager.ChangeTheme(ThemeStyle.Black);base.OnStartup(e);}}
}

转载于:https://www.cnblogs.com/happyyftk/p/6904305.html

Fluent Ribbon界面布局相关推荐

  1. VS2010/MFC编程入门之五十三(Ribbon界面开发:为Ribbon Bar添加控件)

    前面一节中鸡啄米为大家简单介绍了如何创建Ribbon样式的应用程序框架,本节教程就来初步讲讲怎样为Ribbon Bar添加Ribbon控件. VS2010为Ribbon界面开发提供了Ribbon De ...

  2. 浅谈Fluent Ribbon 中的SplitButton

    Fluent Ribbon Control Suite 就不做介绍了,网上的例子比较多,类似Office2007及以后版本的图形界面(菜单栏).官网地址:https://github.com/flue ...

  3. Winform开发框架之Office Ribbon界面

    Winform开发框架之Office Ribbon界面 在前面几篇文章介绍我的Winform框架随笔文章,包括有<Winform开发框架之字典数据管理>.<Winform开发框架之权 ...

  4. qtcreator 界面样式_Office Ribbon 界面开发入门教程:如何用Qt实现Office界面样式

    Ribbon是什么? Ribbon是一种以面板及标签页为架构的用户界面.相当于它是一个收藏了命令按钮和图标的面板(把命令组织成一组"标签",每一组包含了相关的命令.每一个应用程序都 ...

  5. Visual C++ 2010创建Ribbon界面(上)

    随着Office 2007的发布,它改变了以往传统的下拉式菜单用户界面,取而代之的是全新的被称之为"Ribbon"的固定式工具栏界面.微软声称这种新的用户界面能够使用户更容易地使用 ...

  6. 浅谈Winform程序的界面布局设计

    DevExpress v20.2完整版下载 DevExpress Winforms Controls 内置140多个UI控件和库,完美构建流畅.美观且易于使用的应用程序.DevExpress WinF ...

  7. 【MFC】Ribbon界面开发(二)

    01.目录 目录 01.目录 02.本文内容 03.Ribbon实例 04.本文小结 02.本文内容 前面一节中为大家简单介绍了如何创建Ribbon样式的应用程序框架,本节就来初步聊聊怎样为Ribbo ...

  8. 创建Ribbon界面

    Visual C++ 2010创建Ribbon界面(上) 2009-08-19 14:22:57|  分类: VC++程序设计 [IT168 专稿]随着Office 2007的发布,它改变了以往传统的 ...

  9. VC++ 2010 创建高级Ribbon界面详解(2)

    Ribbon 控件的使用 1.命令按钮 命令按钮可以说是我们最常用的Ribbon控件了,我们通常都是通过命令按钮来发送某个命令,执行某个动作.它代替了过去的菜单命令,成为使用最频繁的Ribbon控件. ...

最新文章

  1. MyEclipse10中配置开发Python所需要的PyDev 绝对靠谱 不忽悠!
  2. 如何用jsp在线自动批改_推荐:5个好用的免费自动化在线营销工具
  3. SpringMVC学习笔记四:数据绑定
  4. Redis进阶 - 因异常断电导致的Redis Cluster Fail故障处理
  5. Ubuntu上snmp安装、配置、启动及远程测试完整过程
  6. Shiro+springboot+mybatis(md5+salt+散列)认证与授权-01
  7. python爬虫程序自动结束-在linux下python爬虫进程发生异常时自动重启直至正常结束的方法...
  8. android ui自动化框架选型,Appium UI 自动化框架之我见 (开源)
  9. 字符串大写转小写库函数_PHP程序无需使用库函数即可将字符串转换为大写
  10. c语言sin程序怎么写_用数控铣床加工六芒星,程序应该怎么写?
  11. mysql id用什么类型_mysql 证明为什么用limit时,offset很大会影响性能
  12. 阿里移动推送服务端API
  13. Linux的ftp设置
  14. 机器学习和深度学习资料合集
  15. Axure RP 8下载
  16. c语言fltk图形库,FLTK编程模型
  17. PS2手柄移植到STM32上面的小笔记
  18. unity3D 没有影子
  19. 关于华为,一次不做评价的陈述
  20. SSM和Springboot框架比较的优缺点

热门文章

  1. Package jdk.jshell
  2. 微网-并网逆变器-下垂控制-Droop Conrol
  3. BigDecimal 除法
  4. ddt python_python——DDT
  5. php在线拍照代码,Javascript+PHP实现在线拍照功能
  6. 人人网上市七年芳华不再 市值缩水逾97%仅余空壳?
  7. MSYS的下载与安装
  8. FTP服务器无法访问原因
  9. BLDC/PMSM 电机的堵转保护
  10. MATLAB-GUI登录界面