在Winform框架界面中改变并存储界面皮肤样式-阿里云开发者社区

在Winform框架界面中改变并存储界面皮肤样式

2017-12-04 1202

版权

本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。

简介：

在本篇介绍的Winform界面样式改变及存储操作中，是指基于DevExpress进行界面样式的变化。一般情况下，默认我们会为客户提供多种DevExpress的界面皮肤以供个人喜好选择，默认DevExpress提供40余种皮肤样式，用户可以根据自己的喜好，选择较为美观、得体的皮肤，为了方便，我们对用户的皮肤选择进行记录，并可以动态改变。

1、界面皮肤的选择

Winform开发框架（包括混合式Winform开发框架）皮肤如下界面所示。

在皮肤集合中打开，可以看到很多界面皮肤可供选择

上面初始化的皮肤代码，是通过调用SkinHelper的DevExpress内在辅助类实现的，通过添加一个RibbonGalleryBarItem控件对象，然后添加如下代码实现的

DevExpress.XtraBars.Helpers.SkinHelper.InitSkinGallery(rgbiSkins, true);

以及在Ribbon控件上添加一个小的皮肤下拉按钮，如下代码所示

this.ribbonControl.Toolbar.ItemLinks.Clear();
this.ribbonControl.Toolbar.ItemLinks.Add(rgbiSkins);

如果我们固定设置界面一种皮肤，那么调用下面的代码直接设置即可，如下所示。

UserLookAndFeel.Default.SetSkinStyle("Office 2010 Blue");

2、界面皮肤的保存和显示

不过，我们如果希望皮肤可以随意更改并可以存储到配置文件中，那么我们就需要对它进行一定的加工处理。

首先我们编写一个设置皮肤名称的函数，如下所示。

        /// <summary>
        /// 设置用户界面的皮肤
        /// </summary>
        private void SetSkinStyle()
        {
            //从配置文件读取SkinName的值，如无则使用标准样式
            string skinName = config.AppConfigGet("SkinName");
            skinName = string.IsNullOrEmpty(skinName) ? "Office 2010 Blue" : skinName;

            foreach (GalleryItemGroup group in rgbiSkins.Gallery.Groups)
            {
                foreach (GalleryItem item in group.Items)
                {
                    if (string.Concat(item.Tag) == skinName)
                    {
                        item.Checked = true;
                        rgbiSkins.Gallery.MakeVisible(item);
                        UserLookAndFeel.Default.SetSkinStyle(skinName);
                        return;
                    }
                    item.Checked = false;
                }
            }
        }

这样我们在皮肤改变后，重新读取配置，并重新设置界面的皮肤即可。

那么我们需要实现RibbonGalleryBarItem控件对象的单击事件GalleryItemClick，如下代码所示。

            rgbiSkins.GalleryItemClick += (object sender, GalleryItemClickEventArgs e) =>
            {
                config.AppConfigSet("SkinName", string.Concat(e.Item.Tag));
                SetSkinStyle();
            };

这样综合起来就是两个函数代码实现了，如下所示

        /// <summary>
        /// 初始化皮肤设置
        /// </summary>
        private void InitSkinStyle()
        {
            //初始化皮肤样式名称
            DevExpress.XtraBars.Helpers.SkinHelper.InitSkinGallery(rgbiSkins, true);
            rgbiSkins.GalleryItemClick += (object sender, GalleryItemClickEventArgs e) =>
            {
                config.AppConfigSet("SkinName", string.Concat(e.Item.Tag));
                SetSkinStyle();
            };
            this.ribbonControl.Toolbar.ItemLinks.Clear();
            this.ribbonControl.Toolbar.ItemLinks.Add(rgbiSkins);
            this.ribbonControl.Minimized = true;//默认最小化
            //UserLookAndFeel.Default.SetSkinStyle("Office 2010 Blue");
            SetSkinStyle();
        }

        /// <summary>
        /// 设置用户界面的皮肤
        /// </summary>
        private void SetSkinStyle()
        {
            //从配置文件读取SkinName的值，如无则使用标准样式
            string skinName = config.AppConfigGet("SkinName");
            skinName = string.IsNullOrEmpty(skinName) ? "Office 2010 Blue" : skinName;

            foreach (GalleryItemGroup group in rgbiSkins.Gallery.Groups)
            {
                foreach (GalleryItem item in group.Items)
                {
                    if (string.Concat(item.Tag) == skinName)
                    {
                        item.Checked = true;
                        rgbiSkins.Gallery.MakeVisible(item);
                        UserLookAndFeel.Default.SetSkinStyle(skinName);
                        return;
                    }
                    item.Checked = false;
                }
            }
        }