DevExpress的分页Tab控件XtraTabControl控件的使用

迷南。 2023-10-11 00:50 71阅读 0赞

## 场景 ##

Winform控件-DevExpress18下载安装注册以及在VS中使用：

[https://blog.csdn.net/BADAO\_LIUMANG\_QIZHI/article/details/100061243][https_blog.csdn.net_BADAO_LIUMANG_QIZHI_article_details_100061243]

在上面已经成功安装DevExpress的前提下，要显示页面布局效果为Tab页效果，如下：

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0JBREFPX0xJVU1BTkdfUUlaSEk_size_16_color_FFFFFF_t_70][]

注：

博客主页：  
[https://blog.csdn.net/badao\_liumang\_qizhi][https_blog.csdn.net_badao_liumang_qizhi]  
关注公众号  
霸道的程序猿  
获取编程相关电子书、教程推送与免费下载。

## 实现 ##

在设计页面打开工具箱，找到XtraTabControl，然后拖拽到设计页面。

### 怎样修改每个Tab的标题 ###

鼠标点击切换到Tab页，点击其下面部分的XtraTabPage,右击属性,修改其Text属性就是显示的标题名。

### ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0JBREFPX0xJVU1BTkdfUUlaSEk_size_16_color_FFFFFF_t_70 1][] ###

### 怎样增删Tab ###

选中XtraTabControl，点击右上角的三角号，点击Add Tab Page就可以新增一个Tab，同理点击Remove Tab Page 就可以将当前Tab删除掉。

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0JBREFPX0xJVU1BTkdfUUlaSEk_size_16_color_FFFFFF_t_70 2][]

### 怎样设置每个Tab显示的内容 ###

每一个XtraTabControl对应一个XtraTabPage，选择当前的XtraTabControl下的XtraTabPage，然后直接在此页面上拖拽控件进行布局即可。

[https_blog.csdn.net_BADAO_LIUMANG_QIZHI_article_details_100061243]: https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/100061243
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0JBREFPX0xJVU1BTkdfUUlaSEk_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20191029164047529.jpg?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0JBREFPX0xJVU1BTkdfUUlaSEk=,size_16,color_FFFFFF,t_70
[https_blog.csdn.net_badao_liumang_qizhi]: https://blog.csdn.net/badao_liumang_qizhi
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0JBREFPX0xJVU1BTkdfUUlaSEk_size_16_color_FFFFFF_t_70 1]: https://img-blog.csdnimg.cn/20191029164104650.jpg?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0JBREFPX0xJVU1BTkdfUUlaSEk=,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0JBREFPX0xJVU1BTkdfUUlaSEk_size_16_color_FFFFFF_t_70 2]: https://img-blog.csdnimg.cn/20191029164112693.jpg?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0JBREFPX0xJVU1BTkdfUUlaSEk=,size_16,color_FFFFFF,t_70