DevExpress皮肤样式

【时间】html

2016-02-15 11:41:11 天气晴 没有雾霾可贵的好天气!!!程序员

【工具】编程

(1)Visual Studio 2015工具

(2)DevExpress15.2.3post

【感言】学习

        一直以来都在对微软提供的灰色窗体及控件很反感,可是本身能力水平有限对网上不少大神提出的换肤方案都不甚理解。因而在茫茫的网海中各类百度、各类谷歌去寻找最简单的换肤方案,期间自学过WPF,WPF虽然能实现界面和业务逻辑代码的分离,可是WPF网上的资料不多且用户群体也不多,遇到问题没法快速解决掉。通过心里的一番挣扎,决定先将WPF放一放,可是WPF给我传递给我一个思想确实很震撼的,程序员应该把编程的重心放到程序的逻辑上而不是炫酷界面的设计,炫酷界面的设计应该交由专业美工人员。正是在这一思想的影响下我决定试用下专业的.Net控件组,经过一番了解DevExpress进入了个人视野,下面我将系统的学习下DevExpress控件组,并将学习心得和编程技巧记录于此,但愿能给DevExpress爱好者起到抛砖引玉的做用,同时也但愿你们多提宝贵意见,共同窗习共同进步。测试

【操做方法】ui

Visual Studio 2015和DevExpress15.2.3的安装我就不说了,有不明白的能够百度、谷歌一下,遍地都是……this

首先说明下:(1)Visual Studio 2015之后简称VS2015  (2)DevExpress15.2.3之后简称DV15.2.3spa

(1)启动VS2015,选择[文件]>>[新建]>>[项目],按下图选择或填写,名称的话随便,仅仅是测试而已。

(2)按照DevExpress给出的建立工程向导建立个简单的空的winform程序,以下图:

(3)打开新建项目的Program.cs文件,整个项目预览以下图:

        从上图能够看出DevExpress.BonusSkins.v15.2这个皮肤样式dll已经默认引入到了新建的项目中,而且从打开的Program.cs文件也能够看出BonusSkins已经注册并启用了窗体皮肤功能,启用皮肤样式是DevExpress默认样式:DevExpress Style。

(3)方法一:切换到窗体设计窗口经过修改窗体的属性来控制窗体皮肤的样式,注意默认状况下修改窗体样式会影响到窗体中的全部控件的样式。

例如本例将窗体皮肤修改为Office 2010 Blue,要想使窗体效果显现出来必须将UseDefaultLookAndFeel属性改成False。

(4)方法二:修改Program.cs文件中的程序,以下图,道理和方法一同样,只不过用代码实现而已。可是这种方式在窗体设计窗口不能预览的到的,推荐使用方法一。

(5)注意:DevExpress默认提供的控件都有个LookAndFeel属性,修改其中的属性值能够单个更改控件的皮肤样式使其与窗体或其余控件不一样。例如:

 

 

出处:https://blog.csdn.net/songyi160/article/details/50667556

=======================================================================================================

  最近要用到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;
        }

  这样就能够实现下面的效果了:

    

 

  

 

出处:https://www.cnblogs.com/xuekai-to-sharp/p/3759675.html

相关文章
相关标签/搜索