在Winform框架界面中改變并存儲界面皮膚樣式的方法

2020-01-24 00:24:23

字體：大中小

來源：轉載

供稿：網友

在本篇介紹的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;    }   }  }

然后在主界面的初始化代碼中進行調用即可，同時記得在App.Config文件中增加一個SkinName的配置項，方便程序進行存儲皮膚名稱。