最近要用到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();
效果以下:
上面的是比較麻煩的辦法,咱們也能夠用他自身集成的換膚功能來實現這一效果:在winform中拉一個ribbonControl控件,在page頁中添加ribbonGalleryBarItem。
而後加入引用
using DevExpress.XtraBars.Helpers;
在窗口加載時讓剛添加的item設置爲皮膚選項:
private void Form1_Load(object sender, EventArgs e) { SkinHelper.InitSkinGallery(ribbonGalleryBarItem1); this.ribbonControl1.ToolbarLocation = DevExpress.XtraBars.Ribbon.RibbonQuickAccessToolbarLocation.Hidden; }
這樣就能夠實現下面的效果了: