/// <summary> /// 设置App样式 /// </summary> /// <param name="accentName">窗口标题栏样式</param> /// <param name="themeName">背景样式</param> private void ChangeTheme(string accentName, string themeName) { Accent e…

一.名词解释 使用MahApps.Metro扁平化UI控件库,可以使界面呈现更加美观.本文将总结MahApps.Metro的使用方法,及如何自定义修改其主题颜色等. 详细内容可参考官网:https://mahapps.com/ 二.安装 推荐使用NuGet进行安装: 选中要添加MahApps.Metro的项目,右键单击,选择Manage NuGet Packages,搜索MahApps.Metro,如下图,选中后安装. 或在Package Manager Console(Tools→NuGet…

在WPF中要想使用Metro风格是很简单的,可以自己画嘛.. 但是为了节省时间,哈,今天给大家推荐一款国外Metro风格的控件库. 本文只起到抛砖引玉的作用,有兴趣还是推荐大家上官网,Thanks,官网地址 我会在底部发出. 实现效果 其实下面仅仅是对窗体的一个简单设置,以及放了些简单的按钮,这是本文抛砖引玉的示例程序,其实还有非常多的好玩的样式,包括动画效果. 安装 MahApps.Metro 这里依然推荐使用NuGet来进行安装,如下图所示. 然后在NuGet中搜索 MahApps.Metr…

这几天一直在学习WPF的东西.刚开始以为和Winform一样.拖拽控件来进行布局.结果远远没有那么简单.很多东西都需要自己写.包括样式.今天给大家分享一个 MahApps.Metro. 首先在NuGet程序包里搜索MahApps.Metro然后下载.当然说到这里.有些大家在搜索NuGET的时候等待时间过长,搜索不到之类的.以及一些有关方面的一个博客.我好多东西都是从他的博客总结. 链接:http://www.wxzzz.com/ 当然我自己写个很逗比的东西,是才接触WPF做的.有兴趣的或者才开始…

MahApps.Metro.IconPacks https://github.com/MahApps/MahApps.Metro.IconPacks 提供了大量的高质量的图标供WPF使用,极其方便. 时至今日,已包含29个图标库,共25914个图标. 其提供了一个图标检索程序,用于快速找到需要的图标 选中任意图标后,图标上会出现4个按钮,分别提供了对图标不同的使用方式. 在 WPF 中常见的使用方式有两种: 方式1:通过 Nuget 包使用 直接在 vs 中的 Nuget 包管理器中搜索 Mah…

原文 WPF:DataTemplateSelector设置控件不同的样式 最近想实现这么个东西,一个ListBox, 里面的ListBoxItem可能是文本框.下拉框.日期选择控件等等. 很自然的想到了DataTemplateSelector,并且事先定义好各类DataTemplate以显示不同的控件. 先定义好各类资源     <Window.Resources>         <DataTemplate x:Key="textBox">          …

碰到了这个问题,记录一下,以便以后查阅: 在一个WPF项目中使用MahApps.Metro界面框架,其中有一个功能是嵌入一个带句柄的标记. 首先WPF是出了窗体和WebBrowser带有句柄外,其他控件时没有句柄这个概念的. 为了实现播放功能,我必须使用带有句柄的控件,那么WebBrowser是不能作为播放窗口的. 所以我在界面上嵌入: <WindowsFormsHost IsEnabled="False"> <WindowsFormsHost.Background&…

在项目中,需要为所有的Button.TextBox设置一个默认的全局样式,一个个的为多个控件设置相同的样式显然是不明智的.在WPF中可以通过资源设置全局样式,主要有俩种方法: 1.第一种就是先写好按钮的样式,不写Key,然后在App.xaml中引用. <ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.m…

最近WPF项目中要求软件的风格要传统化一点,查阅了下资料发现了Mahapps.metro. 官网 http://mahapps.com/ 下面是官方的DOME,https://github.com/MahApps/MahApps.Metro 如何安装:http://www.wxzzz.com/1202.html 如果有WPF技术问题的小伙伴,可以在下面留言,大家一起学习 http://blog.csdn.net/H121BABY/article/details/46818825…

其实站长很久之前就知道这个开源WPF控件库了,只是一直欣赏不了这种风格,但也star了该项目.每次浏览该仓库时,发现star越来越多,也看到很多网友对它的褒奖,所以今天就向大家推荐这款WPF控件库. 1. 具体有多优秀,看仓库截图吧: 目前支持.NET Framework (4.5+) 和 .NET Core (3.0 and 3.1). 开源协议基于MIT: MIT是和BSD一样宽松的许可协议,作者只想保留版权,而无任何其他了限制.也就是说,你必须在你的发行版里包含原许可协议的声明,无论你是以…

写在前面 作为新年开篇的文章,当然要选择比较“Cool”的东西来分享,这自然落到了WPF身上,WPF技术自身可塑性非常强,其强大的绘图技术以及XAML技术比WinForm而言有本质的飞跃. 切入正题,本文来自于一个项目的Demo演示版,当然为了做到“Cool”我选择了WPF作为项目的概念版进行演示,所用到包括大名鼎鼎的MahApps.Metro以及AvalonDock等开源框架完美发挥WPF的优势,本文不会很深入的讲解每个技术的详细功能,而是结合项目Demo进行一个“组合式”框架的介绍,希望各位…

写在前面 作为新年开篇的文章,当然要选择比较“Cool”的东西来分享,这自然落到了WPF身上,WPF技术自身可塑性非常强,其强大的绘图技术以及XAML技术比WinForm而言有本质的飞跃. 切入正题,本文来自于一个项目的Demo演示版,当然为了做到“Cool”我选择了WPF作为项目的概念版进行演示,所用到包括大名鼎鼎的MahApps.Metro以及AvalonDock等开源框架完美发挥WPF的优势,本文不会很深入的讲解每个技术的详细功能,而是结合项目Demo进行一个“组合式”框架的介绍,希望各位…

随着IOS7由之前UI的拟物化设计变为如今的扁平化设计,也许扁平化的时代要来了,当然我们是不是该吐槽一下,苹果什么时候也开始跟风了,自GOOGLE和微软界面扁平化过后,苹果也加入了这一队伍. AvalonDock AvalonDock 是一个.NET库,用于在停靠模式布局(docking)中排列一系列WPF/WinForm控件.最新发布的版本原生支持MVVM框架.Aero Snap特效并具有更好的性能. AvalonDock 2.0版本已经发布了,新版本是用MVVM框架重新编写,似乎也用了Com…

# MahApps.Metro使用 # ## 下载MahApps.Metro ## PM> Install-Package MahApps.Metro ## MainWindow.xaml中添加 ## xmlns:Controls="clr-namespace:MahApps.Metro.Controls;assembly=MahApps.Metro" ## 然后将Window标签替换为如下标签 ## ## MainWindow.xaml.cs添加 ## using MahApp…

首先介绍一种简单地方法:就是通过自定义SystemColors类的参数来自定义WPF ListBox选择颜色的,SystemColors的HighlightBrushKey和HighlightTextBrushKey分别代表ListBoxItem被选中时文字和背景颜色,没有Highlight的BrushKey代表ListBox没有焦点时的选中项文字和背景颜色: <ListBox> <ListBox.Resources> <Style TargetType="List…

这章主要说插件的菜单,可以说菜单是最核心的部分,前面我们已经实现了Document添加,现在主要就是生成具有层级关系的菜单,以及把菜单跟我们自定义的Document关联起来,也就是MenuPart->View->Model的关联,菜单的实现部分我也是网上参照别人的来实现的,由于代码比较多,我就抽一些重要的来说,其他的只能靠各位自己去体会了,不明白的可以照葫芦画瓢,这菜单部分可以直接抽出来用的,我们不需要明白它内部是怎么实现的,能用就行了,其实有些地方我也没有深入去了解,我们主要的任务是把现有的…

步骤很简单: 1.下载皮肤主题(jar) 去 http://www.themesmap.com/ 选择自己喜欢的主题下载 2.导入皮肤主题 导入方法:file–>Import Setting–>*.jar(找到下载的主题包) 如果已经导入,可以直接在设置里面选择 File -> Settings ->  Editor -> Color Stheme -> Stheme选择主题 3.还可以微调你的样式 File——Settings——Editor——General——Te…

在 Win 10 的 UWP 中,需要在 xaml 中,通过使用 StateTrigger 修改全局的文本大小.Background.画刷等依赖属性等主题样式.下面只针对字体大小进行描述,其它依赖属性与之类似. 1.  首先在工程中,添加一个继承自 DependencyObject 的子类,添加一个 Font_Size 依赖属性,作为全局引用的资源字体大小: 2.在 App.xaml 文件中,添加该资源,资源 Key 为  HeaderSize: 3.在其它地方,在 MainPage 中,使用一…

上一讲我们讲解了如何使用官方的api来修改主题样式,这讲我们继续讲解sass的样式修改, 编译官方自带的主题包  在生成的项目以及官方sdk的目录下,自带了一些主题sass包,我们也可以通过修改sass文件来引入他们并进行编译,下图是官方sdk中自带的主题样式包: 我们如何在sass文件中导入这些样式呢,我们接着上一讲创建的项目,打开项目下resources/sass文件夹下的app.scss文件,去掉上一讲修改的样式,如图: 如果你要引入对应的样式,只需修改@import的路径就可以了,这里我…

大家知道,sencha touch是通过我们写的js代码来动态渲染单页面生成一个个div+css的html页面来模拟app应用,那么既然是div+css结构的,我们就可以通过修改css样式来自定义我们app的主题跟样式. 在sencha touch中,已经默认提供了一些主题样式,我们可以在下载的sencha touch sdk路径下的touch-building/resources/css和touch-building/resources/css-debug文件夹下找到这些样式文件,css文件夹…

Eclipse Color Themeshttp://eclipsecolorthemes.org/ Get it Download from Eclipse Marketplace Install via Update Sitehttp://eclipse-color-theme.github.com/update eclipse-color-theme(eclipse主题样式)http://eclipse-color-theme.github.io/update/ Jeeeyul's Ecl…

今天这篇文章应该算是Material Design系列的补充篇,因为这篇文章本来应该放到前面讲的,因为讲的是主题嘛,对于一些状态和颜色的介绍,因为我们一新建一个项目时,系统自带了三个属性的颜色,现在就重点介绍这三个颜色属性的意义和作用.讲明白这个,留着以后讲别的用. 最常用的三个颜色属性 colorPrimary colorPrimaryDark colorAccent 这三个分别代表什么意思呢? colorPrimaryDark 是状态栏底色 colorPrimary 如果你不手动自己去修改t…

WPF:DataGrid设置行.单元格的前景色 0. 说明 /********************************** 本示例实现功能1.DataGrid基本操作2.列标题样式3.内容居中2.根据条件设置最后一列单元格前景色3.根据条件设置行前景色5.自定义分隔线***********************************/ 1. XAML: <Window x:Class="Summary.MainWindow"        xmlns="ht…

随着对idea的使用,问题越来越多,開始第二篇问题总结. 1.快捷键. 用惯了eclipse再用idea后,快捷键就是一个大问题. 并且网上idea的快捷键有非常多版本号.不知道是不是老版本号和新版本号不同. 关于快捷键.能够在settings->keymap中去查看.并且有非常多快捷键表能够替换,包含eclipse,这样就能够非常习惯的使用idea了. 2.idea主题. 非常多人喜欢用黑底灰字的,一是对眼睛好,另外就是可能感觉比較牛逼.idea的主题设置网上有非常多.简单说一下. 在sett…

原文:WPF Calendar 日历控件 样式自定义 粗略的在代码上做了些注释 blend 生成出来的模版 有的时候 会生成 跟 vs ui界面不兼容的代码 会导致可视化设计界面 报错崩溃掉 但是确不影响 程序的编译运行 这个样式表 在vs 里会提示动画不兼容 Foreground属性 报错 先上图看下样式 下面是代码 <Window x:Class="CalendarStyleWpfApplication.MainWindow" xmlns="http://schem…

详见英文版:https://github.com/MahApps/MahApps.Metro.IconPacks/wiki 源代码名称:MahApps.Metro.IconPacks 源代码网址:http://www.github.com/MahApps/MahApps.Metro.IconPacks MahApps.Metro.IconPacks源代码文档 MahApps.Metro.IconPacks源代码下载 Git URL: git://www.github.com/MahApps/Ma…

官网:http://mahapps.com/ github:https://github.com/MahApps/MahApps.Metro…

在js设置css样式做法 var obj = document.getElementById('div'); obj.style.width = '100px'; obj.style.height = '100px'; 但是上面的写法如果样式多了就会造成写了一堆的js于是有了封装函数的写法 var obj = document.getElementById('div'); function setStyle(obj, css) { for(var attr in obj){ obj.style[…

用JS来动态设置CSS样式,常见的有以下几种 1. 直接设置style的属性  某些情况用这个设置 !important值无效 如果属性有'-'号,就写成驼峰的形式(如textAlign)  如果想保留 - 号,就中括号的形式  element.style['text-align'] = '100px'; element.style.height = '100px'; 2. 直接设置属性(只能用于某些属性,相关样式会自动识别) element.setAttribute('height', 100…

关于jquery中用函数来设置css样式 2016-12-21 23:27:55 1.jquery语法 $(selector).css(name,function(index,value)) name:必需.规定 CSS 属性的名称 function(index,value): 规定返回CSS属性新值的函数. index - 可选.接受选择器的index位置 value - 可选.接受CSS属性的当前值 2.function(index,value)的用途 相当于对通过选择符"selector&…