最近要用到界面控件DevExpress。一句話：很好很強大，比起VS自帶的winform界面，種類和花樣要多了不少。然而，強力的功能帶來了龐大的信息量，所以我打算通過一些小模塊來和大家一起對它進行探討和研究。今天先研究一下它的換膚功能。在控件中，其默認提供了18中風格讓我們選擇，如下圖：

下面就看看怎么實現讓界面切換到選中風格的功能。先建立一個項目，引入一個button和一個grid如下圖：

由于在devExpress.skins.skinManager.Default.Skins中只有13中皮膚所以我們要手動添加5種，找到Designer.cs文件，添加下列代碼：

 this.iPaintStyle.CategoryGuid = new System.Guid("d0173875-bf7b-4740-b252-5047db62606c");
        
            this.iPaintStyle.LinksPersistInfo.AddRange(new DevExpress.XtraBars.LinkPersistInfo[] {
            new DevExpress.XtraBars.LinkPersistInfo(this.ipsDefault),
            new DevExpress.XtraBars.LinkPersistInfo(this.ipsWXP),
            new DevExpress.XtraBars.LinkPersistInfo(this.ipsOXP),
            new DevExpress.XtraBars.LinkPersistInfo(this.ipsO2K),
            new DevExpress.XtraBars.LinkPersistInfo(this.ipsO3)});

　　　　 private DevExpress.XtraBars.BarButtonItem ipsWXP;
        private DevExpress.XtraBars.BarButtonItem ipsOXP;
        private DevExpress.XtraBars.BarButtonItem ipsO2K;
        private DevExpress.XtraBars.BarButtonItem ipsO3;
        private DevExpress.XtraBars.BarButtonItem ipsDefault;


        this.ipsDefault = new DevExpress.XtraBars.BarButtonItem();
        this.ipsWXP = new DevExpress.XtraBars.BarButtonItem();
        this.ipsOXP = new DevExpress.XtraBars.BarButtonItem();
        this.ipsO2K = new DevExpress.XtraBars.BarButtonItem();
        this.ipsO3 = new DevExpress.XtraBars.BarButtonItem();


            // 
            // ipsDefault
            // 
            this.ipsDefault.Caption = "Default";
            this.ipsDefault.CategoryGuid = new         System.Guid("d0173875-    bf7b-4740-b252-5047db62606c");
            this.ipsDefault.Description = "Default";
            this.ipsDefault.Id = 15;
            this.ipsDefault.Name = "ipsDefault";
            this.ipsDefault.ItemClick += new DevExpress.XtraBars.ItemClickEventHandler(this.ips_ItemClick);
            // 
            // ipsWXP
            // 
            this.ipsWXP.Caption = "Windows XP";
            this.ipsWXP.CategoryGuid = new System.Guid("d0173875-bf7b-4740-b252-5047db62606c");
            this.ipsWXP.Description = "WindowsXP";
            this.ipsWXP.Id = 11;
            this.ipsWXP.ImageIndex = 5;
            this.ipsWXP.Name = "ipsWXP";
            this.ipsWXP.ItemClick += new DevExpress.XtraBars.ItemClickEventHandler(this.ips_ItemClick);
            // 
            // ipsOXP
            // 
            this.ipsOXP.Caption = "Office XP";
            this.ipsOXP.CategoryGuid = new System.Guid("d0173875-bf7b-4740-b252-5047db62606c");
            this.ipsOXP.Description = "OfficeXP";
            this.ipsOXP.Id = 12;
            this.ipsOXP.ImageIndex = 3;
            this.ipsOXP.Name = "ipsOXP";
            this.ipsOXP.ItemClick += new DevExpress.XtraBars.ItemClickEventHandler(this.ips_ItemClick);
            // 
            // ipsO2K
            // 
            this.ipsO2K.Caption = "Office 2000";
            this.ipsO2K.CategoryGuid = new System.Guid("d0173875-bf7b-4740-b252-5047db62606c");
            this.ipsO2K.Description = "Office2000";
            this.ipsO2K.Id = 13;
            this.ipsO2K.ImageIndex = 4;
            this.ipsO2K.Name = "ipsO2K";
            this.ipsO2K.ItemClick += new DevExpress.XtraBars.ItemClickEventHandler(this.ips_ItemClick);
            // 
            // ipsO3
            // 
            this.ipsO3.Caption = "Office 2003";
            this.ipsO3.CategoryGuid = new System.Guid("d0173875-bf7b-4740-b252-5047db62606c");
            this.ipsO3.Description = "Office2003";
            this.ipsO3.Id = 14;
            this.ipsO3.ImageIndex = 6;
            this.ipsO3.Name = "ipsO3";
            this.ipsO3.ItemClick += new DevExpress.XtraBars.ItemClickEventHandler(this.ips_ItemClick);            

然后將其添加到barManager的項中。

this.barManager1.Items.AddRange(new DevExpress.XtraBars.BarItem[] {
            this.barSubItem1,
            this.barSubItem2,
            this.ipsWXP,
            this.ipsOXP,
            this.ipsO2K,
            this.ipsO3,
            this.ipsDefault,
            this.iPaintStyle});

然后添加這幾種風格的點擊事件。

private void ips_ItemClick(object sender, DevExpress.XtraBars.ItemClickEventArgs e)
        {
            barManager1.GetController().PaintStyleName = e.Item.Description;
            InitPaintStyle(e.Item);
            barManager1.GetController().ResetStyleDefaults();
            DevExpress.LookAndFeel.UserLookAndFeel.Default.SetDefaultStyle();
        }

然后將皮膚初始化并為其注冊選擇事件。

private void iPaintStyleStyle_Init()
        {
            BarItem item = null;
            for (int i = 0; i < barManager1.Items.Count; i++)
            {
                if (barManager1.Items[i].Description == barManager1.GetController().PaintStyleName)
                    item = barManager1.Items[i];
            }
            InitPaintStyle(item);
        }

        private void InitPaintStyle(BarItem item)
        {
            if (item == null)
            {
                iPaintStyle.ImageIndex = item.ImageIndex;
                iPaintStyle.Caption = item.Caption;
                iPaintStyle.Hint = item.Description;
            }
        }

        void InitSkins()
        {
            barManager1.ForceInitialize();
            foreach (DevExpress.Skins.SkinContainer cnt in DevExpress.Skins.SkinManager.Default.Skins)
            {
                BarButtonItem item = new BarButtonItem(barManager1, skinMask + cnt.SkinName);
                iPaintStyle.AddItem(item);
                item.ItemClick += new ItemClickEventHandler(OnSkinClick);

            }
        }

        void OnSkinClick(Object sender, ItemClickEventArgs e)
        {
            string skinName = e.Item.Caption.Replace(skinMask, "");
            DevExpress.LookAndFeel.UserLookAndFeel.Default.SetSkinStyle(skinName);
            barManager1.GetController().PaintStyleName = "Skin";
            iPaintStyle.Caption = iPaintStyle.Hint = e.Item.Caption;
            iPaintStyle.Hint = iPaintStyle.Caption;
            iPaintStyle.ImageIndex = -1;
        }

大功告成：初始化winform的時候調用下面兩個方法就可以進行換膚了。

 iPaintStyleStyle_Init();
            InitSkins();

效果如下：

轉自//www.cnblogs.com/xuekai-to-sharp/p/3759675.html

>>DevExpress 2014.1下載

慧都學院2017全新DevExpress線下研修班火熱報名中！