DevExpress Dashboard入门教程三:绘制Ribbon UI

原创|使用教程|编辑:我只采一朵|2014-01-14 09:37:26.000|阅读 10228 次

概述:本文介绍DevExpress Dashboard的Ribbon控件以及自定义的方法

相关链接:

今天这一节为大家介绍一下 DevExpress Dashboard 的Ribbon控件以及自定义的方法。DevExpress Dashboard设计器的Ribbon工具条提供了两种页面类型:

  • main pages;
  • contextual pages

DevExpress Dashboard Ribbon

主页面有以下三种:

  • Home - 包含常用的仪表盘命令,可以创建新建、添加项目、新增标题、保存等等。
  • Data Source - 包含连接新数据源、计算字段和参数等。
  • View - 可以在内置应用程序主题间转换。

至于contextual pages,它包含了一些特殊的仪表盘项目。比如为仪表盘数据应用筛选过滤功能,执行特定布局操作等等。

在设计时自定义Ribbon

首先在Visual Studio中创建并初始化一个Ribbon,单击 DashboardDesigner 的智能标签:

DevExpress Dashboard Ribbon

在弹出菜单中选择Create Ribbon。这样可以在DashboardDesigner的父控件下创建一个带有 BackstageViewControl 的RibbonControl。

RibbonControl BackstageViewControl

要设计RibbonControl,单击它的智能标签并选择 Run Designer。

用代码自定义Ribbon

初始化Ribbon用 DashboardDesigner.CreateRibbon 方法,可以使用以下代码获得RibbonControl的一个实例:

using DevExpress.XtraBars.Ribbon;
//...
RibbonControl ribbon = dashboardDesigner.MenuManager as RibbonControl;

成员表

仪表盘设计器的Ribbon上包含以下一些元素,如图所示:

DevExpress Dashboard RibbonUI

元素对应API:

Element

Ribbon API

Quick Access Toolbar RibbonControl.Toolbar
RibbonQuickAccessToolbar.ItemLinks
Application Button RibbonControl.ShowApplicationButton
RibbonControl.ApplicationButtonDropDownControl
Main pages RibbonControl.Pages
Page Category RibbonControl.Categories
Contextual pages RibbonPageCategory.Pages
Page Groups RibbonPage.Groups
RibbonPageGroup.ItemLinks
Bar Item links RibbonControl.Items
BarItemLink.Item



标签:DevExpress

本站文章除注明转载外,均为本站原创或翻译。欢迎任何形式的转载,但请务必注明出处,尊重他人劳动成果

文章转载自:慧都控件

登录 慧都网发表评论


慧都网友 2018-06-28 12:01:13.000
0


慧都网友 2017-06-23 11:04:43.000
0

1


慧都网友 2016-08-09 15:47:05.000
0

<script>alert('你好');</script>


慧都网友 2016-08-09 15:46:25.000
0

uu


为你推荐

  • 推荐视频
  • 推荐活动
  • 推荐产品
  • 推荐文章
  • 慧都慧问
title
相关厂商
相关产品
DevExpress Universal Subscription

行业领先的.NET界面控件,示例和帮助文档完善,提供定制、培训、汉化一体化服务。

DevExpress Analytics Dashboard

轻松打造数据可视化企业级仪表盘,且能保证流畅的UI体验和高效的性能,为企业提供强大的决策支持

购物车 在线客服 在线QQ 电话咨询
400-700-1020
反馈
在线客服系统
live chat