DevExpress(一):主界面设计

本讲内容展示：

第一部分：上侧工具栏：

首先添加一个容器： 在工具栏中将RibbonControl拖拽到画布中。

然后如图，我们加入了三个page：开始，插入和设置，具体方法如下：

点击即可。

这是初始化的样子，可以修改属性中的Text属性来修改默认的名字。

然后以开始选项卡中的为例，我们讲一下下面这个东西的实现过程：

首先，右键，选择add的第一项：Add Button,

结果如下，

再修改他属性中的Caption为按钮的名字，即“粘贴”

补充一点，可以点击小箭头来快速设置某些常用属性：

点击large image设置为喜欢的图标即可，效果如下

至于右侧的三行小图标，可以这样设置：首先，右击，add三个bution

然后将这三个button的名字删除，然后选用小图标，而不是large image

我们可以看到，此时的效果是大图标，并不是我们想要的结果，因为我们设置完image后它自动把large image也设置成这个图像，我们需要手动清除large image：

点击clear清楚后，点击确定即可。

对了，设置image属性的时要选用小图标：

点击16*16即会出现小图标。

最终效果如下：

看看和区别在哪，没错，就是那个粘贴下面的小下拉箭头，他是这样设置的：

好了，这一部分讲完了。

另外在上册工具栏的第三个标签卡设置里，我设置了一个换肤效果，这里说一下:

效果如下：

现在还没有绑定自带的各种皮肤，我们在代码里设置如下：

ribbonGalleryBarItem1是 对，是它的名字。设置完成。

第二部分：中部折叠菜单栏： 

方法：首先拖拽一个NavBarControl

你会发现是浮动的，我们需要把他固定在左侧，方法如下：

点击之后就会自动靠在容器的左侧。

包含三个group：设计，数据和外观，可以通过add group设置，而每一个group的下拉列表可以用add items设置，都很简单，改名也不难，不赘述了。

第三部分：底侧描述栏

将RibbonStatusBar拖拽进去

然后add static text即可设置静态文本

好了，全部内容就是这些。