【DevExpress】点滴学习–navBarControl控件

之前一提到侧边导航栏(可伸缩),一直都是用panel,button实现的,接触了Dev后发现,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时,是收起来的。

下面看一下效果:

可以根据需求更改样式,接下来根据需求就可以写事件代码了。

今天的总结。转载请注明出处:

转载自http://lxfamn.cn/blog

未经允许不得转载:lxfamn » 【DevExpress】点滴学习–navBarControl控件

赞 (0) 打赏

置顶推荐

评论 0

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏