DevExpress--navBarControl控件

一、在工具箱Navigation&Layout下找到控件navBarControl,拽到相应的位置。

二、点击控件右上角的小三角,对其进行设计:如下图

点Add group可迅速添加组列表,点Run Designer可对其添加的组和项的属性进行编辑。

三、接下来就是根据需求对其进行设计了,如下图演示:

左边红色框里,是添加的组信息,点Add Group即可,caption设置Text属性,中间绿色框里的是项信息,点击Add Item即可,caption设置Text属性,可以把相应的项信息拖到组信息下,如左边蓝色圈出来的所示,右边就是设置属性的地方了,我们可以调整字体样式,应用控件皮肤样式,设置事件等等了。当然我们也可以为相应的操作设置图标,下面以这个为例,讲一下详细过程,会了这个,当然很多操作就会很容易了。

四、设置图标主要用到两个属性,LargeImage和SmallImage,这是两种形式,LargeImage是图标在文字上方,SmallImage是图标在文字左边,添加准备好的图标就可以了。

在navBarControl控件属性里还可以通过更改LookAndFeel设置皮肤样式。

还有设置字体的时候需要注意下,在Apparance属性下设置好字体样式了,还要useFont=true,要是useFont=false,仍然是默认的。如下图设置:

五、还有一个收缩的属性会经常用到,就是Expanded,当Expanded=true时是展开的,当Expanded=false时,是收起来的。

下面看一下效果:

时间: 2024-11-13 07:59:36

DevExpress--navBarControl控件的相关文章

DevExpress Grid控件经典常用功能代码收集

随着DevExpress 控件包越来越多的被中国用户使用,由于是英文版本,看英文版使用说明非常困难,慧都控件网在DevExpress 控件包使用方面有多年的研究,慧都控件网会不断的把DevExpress 使用经验分享给大家.»更多DevExpress开发资源与帮助文档 下面是我们平时收集最常用的DevExpress Winform 4个代码片段,比较常用,希望对广大DEV用户有帮助. 一 .GridControl的删除操作 private void rILinkEditInfoDel_Click

devexpress表格控件gridcontrol图片列,按钮列,时间列等特殊列的实现

1.项目中经常会在表格中插入按钮列,图片列,表格列一些非文本的特殊列.如何在devexpress表格控件gridcontrol中实现呢?以下列举一个实现添加图片列,按钮列,时间列,按钮列,开关列的示例,效果图如下: 2.数据代码,其中图片列使用了两种方法,大家可根据自己要求变跟. Image img = Image.FromFile(Application.StartupPath+"\\img\\11111.png");//方法1 //byte[] imgbyte=getImageBy

DevExpress 用户控件 分页(中)

说明: 1)具体调用请关注 看DevExpress 用户控件 分页(下) datanavi_ButtonClick 是DataNavigator的ButtonClikc事件 视图设计器: 分页用户控件后台代码如下: using System; using System.Collections.Generic; using System.ComponentModel; using System.Drawing; using System.Data; using System.Linq; using

DevExpress 用户控件 分页(上)

说明:使用用户控件分页,完成后,使用时非常简单,数据绑定,调用自己写的一个事件就OK了 前期准备工作: (1)添加一个用户控件 命名PageCtrl (2)打开代码:   [csharp] view plaincopyprint? //引用 using DevExpress.XtraEditors; //窗体继承 public partial class PageCtrl : DevExpress.XtraEditors.XtraUserControl (3)设置窗体属性 AutoScaleMo

DevExpress某些控件继承后的可编辑性

今天在使用DevExpress的BarManager菜单控件时,发现在进行继承时无法在继承的子类窗体中对其进行编辑与修改,另外像GridView也有类似的情形,后来查阅资料后,现在可通过DevExpress的设置解决此问题,方法为: 开始->DevExpress X.XX->tools->WinForms X.XX Design-Time Settings 选中Enable visual...,如下图所示,即可.

DevExpress GridControl 控件点滴

一.常用控件样式 public void setDgv(DevExpress.XtraGrid.Views.Grid.GridView gridView1) { gridView1.OptionsView.ShowColumnHeaders = true; //显示列标题 gridView1.OptionsView.ShowIndicator = false; // 不显示行标题 gridView1.OptionsView.ShowGroupPanel = true; // 显示分组panel

DevExpress ASPxHtmlEditor控件格式化并导出Word

在前台页面中先插入一个ASPxHtmlEditor控件,名为ASPxHtmlEditor1. 我用的Dev版本为14.1 格式化文本 在后台插入如下代码 1     const string css = "style='text-align:justify;"         //两端对齐  2         + "text-justify:inter-ideograph;"  3         + "text-indent: 2em;"  

设置DevExpress GridControl控件时间列显示时、分、秒样式

如题,如果Dev GridControl控件绑定DataTable数据源时,DataTable中的某一列为Date类型时,GridControl默认显示样式只显示当前日期,并不会将时.分.秒显示出来.如图: 解决方案: 设置显示样式,如图: 设置完成,显示结果展示,如图:

Devexpress DateEdit控件的值不反馈到数据源的处理方式。

如果在GridControl中要把编辑的值反馈到数据源,可以用Gridview1.PostEdit()方法. 可是在datalayout中使用就会遇到一些问题:比如说DateEdit控件,在保存数据的时候如果鼠标没有移开该控件时,该控件的值反馈到数据源是空的. 按照习惯在提交数据的时候应该调用数据源的EndEdit()方法,这样会促datalayout控件反馈数据到数据源上,但是遗憾的是对于DateEdit控件无无济于事. 经过摸索,调用这个方法可以解决. this.dataLayoutCont

DevExpress 用户控件 分页(下)

分页控件调用 (1)初始化时: this.pageCtrl1.pageSize = 4; (2)数据绑定时: 从数据库中获取实时的 Public void LoadData(){ //这是只写有关分页的部分 DSMain为执行存储过程活动的Dataset int aa = int.Parse(DSMain.Tables[1].Rows[0]["PageIndex"].ToString()); int bb = int.Parse(DSMain.Tables[1].Rows[0][&qu