material design颜色样式

最新推荐文章于 2023-06-23 01:43:14 发布
最新推荐文章于 2023-06-23 01:43:14 发布
阅读量325 收藏
点赞数
分类专栏： 深入浅出WPF 文章标签： xaml
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wu_pan123/article/details/111308175
版权 
<ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
					xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
					xmlns:local="clr-namespace:WpfApp2">
	<!--#region Red-->
	<Color x:Key="RedA700ColorStyle">#d50000</Color>
	<Color x:Key="RedA400ColorStyle">#ff1744</Color>
	<Color x:Key="RedA200ColorStyle">#ff5252</Color>
	<Color x:Key="RedA100ColorStyle">#ff8a80</Color>
	<Color x:Key="Red900ColorStyle">#b71c1c</Color>
	<Color x:Key="Red800ColorStyle">#c62828</Color>
	<Color x:Key="Red700ColorStyle">#d32f2f</Color>
	<Color x:Key="Red600ColorStyle">#e53935</Color>
	<Color x:Key="Red500ColorStyle">#f44336</Color>
	<Color x:Key="Red400ColorStyle">#ef5350</Color>
	<Color x:Key="Red300ColorStyle">#e57373</Color>
	<Color x:Key="Red200ColorStyle">#ef9a9a</Color>
	<Color x:Key="Red100ColorStyle">#ffcdd2</Color>
	<Color x:Key="Red50ColorStyle">#ffebee</Color>
	<!--#endregion-->
	<!--#region Pink-->
	<Color x:Key="PinkA700ColorStyle">#C51162</Color>
	<Color x:Key="PinkA400ColorStyle">#F50057</Color>
	<Color x:Key="PinkA200ColorStyle">#FF4081</Color>
	<Color x:Key="PinkA100ColorStyle">#FF80AB</Color>
	<Color x:Key="Pink900ColorStyle">#880E4F</Color>
	<Color x:Key="Pink800ColorStyle">#AD1457</Color>
	<Color x:Key="Pink700ColorStyle">#C2185B</Color>
	<Color x:Key="Pink600ColorStyle">#D81B60</Color>
	<Color x:Key="Pink500ColorStyle">#E91E63</Color>
	<Color x:Key="Pink400ColorStyle">#EC407A</Color>
	<Color x:Key="Pink300ColorStyle">#F06292</Color>
	<Color x:Key="Pink200ColorStyle">#F48FB1</Color>
	<Color x:Key="Pink100ColorStyle">#F8BBD0</Color>
	<Color x:Key="Pink50ColorStyle">#FCE4EC</Color>
	<!--#endregion-->
	<!--#region Purple-->
	<Color x:Key="PurpleA700ColorStyle">#AA00FF</Color>
	<Color x:Key="PurpleA400ColorStyle">#D500F9</Color>
	<Color x:Key="PurpleA200ColorStyle">#E040FB</Color>
	<Color x:Key="PurpleA100ColorStyle">#EA80FC</Color>
	<Color x:Key="Purple900ColorStyle">#4A148C</Color>
	<Color x:Key="Purple800ColorStyle">#6A1B9A</Color>
	<Color x:Key="Purple700ColorStyle">#7B1FA2</Color>
	<Color x:Key="Purple600ColorStyle">#8E24AA</Color>
	<Color x:Key="Purple500ColorStyle">#9C27B0</Color>
	<Color x:Key="Purple400ColorStyle">#AB47BC</Color>
	<Color x:Key="Purple300ColorStyle">#BA68C8</Color>
	<Color x:Key="Purple200ColorStyle">#CE93D8</Color>
	<Color x:Key="Purple100ColorStyle">#E1BEE7</Color>
	<Color x:Key="Purple50ColorStyle">#F3E5F5</Color>
	<!--#endregion-->
	<!--#region DeepPurple-->
	<Color x:Key="DeepPurpleA700ColorStyle">#6200EA</Color>
	<Color x:Key="DeepPurpleA400ColorStyle">#651FFF</Color>
	<Color x:Key="DeepPurpleA200ColorStyle">#7C4DFF</Color>
	<Color x:Key="DeepPurpleA100ColorStyle">#651FFF</Color>
	<Color x:Key="DeepPurple900ColorStyle">#7C4DFF</Color>
	<Color x:Key="DeepPurple800ColorStyle">#B388FF</Color>
	<Color x:Key="DeepPurple700ColorStyle">#311B92</Color>
	<Color x:Key="DeepPurple600ColorStyle">#4527A0</Color>
	<Color x:Key="DeepPurple500ColorStyle">#512DA8</Color>
	<Color x:Key="DeepPurple400ColorStyle">#5E35B1</Color>
	<Color x:Key="DeepPurple300ColorStyle">#673AB7</Color>
	<Color x:Key="DeepPurple200ColorStyle">#7E57C2</Color>
	<Color x:Key="DeepPurple100ColorStyle">#9575CD</Color>
	<Color x:Key="DeepPurple50ColorStyle">#B39DDB</Color>
	<!--#endregion-->
	<!--#region Indigo-->
	<Color x:Key="IndigoA700ColorStyle">#304FFE</Color>
	<Color x:Key="IndigoA400ColorStyle">#3D5AFE</Color>
	<Color x:Key="IndigoA200ColorStyle">#536DFE</Color>
	<Color x:Key="IndigoA100ColorStyle">#8C9EFF</Color>
	<Color x:Key="Indigo900ColorStyle">#1A237E</Color>
	<Color x:Key="Indigo800ColorStyle">#283593</Color>
	<Color x:Key="Indigo700ColorStyle">#303F9F</Color>
	<Color x:Key="Indigo600ColorStyle">#3949AB</Color>
	<Color x:Key="Indigo500ColorStyle">#3F51B5</Color>
	<Color x:Key="Indigo400ColorStyle">#5C6BC0</Color>
	<Color x:Key="Indigo300ColorStyle">#7986CB</Color>
	<Color x:Key="Indigo200ColorStyle">#9FA8DA</Color>
	<Color x:Key="Indigo100ColorStyle">#C5CAE9</Color>
	<Color x:Key="Indigo50ColorStyle">#E8EAF6</Color>
	<!--#endregion-->
	<!--#region Blue-->
	<Color x:Key="BlueA700ColorStyle">#2962FF</Color>
	<Color x:Key="BlueA400ColorStyle">#2979FF</Color>
	<Color x:Key="BlueA200ColorStyle">#448AFF</Color>
	<Color x:Key="BlueA100ColorStyle">#82B1FF</Color>
	<Color x:Key="Blue900ColorStyle">#0D47A1</Color>
	<Color x:Key="Blue800ColorStyle">#1565C0</Color>
	<Color x:Key="Blue700ColorStyle">#1976D2</Color>
	<Color x:Key="Blue600ColorStyle">#1E88E5</Color>
	<Color x:Key="Blue500ColorStyle">#2196F3</Color>
	<Color x:Key="Blue400ColorStyle">#42A5F5</Color>
	<Color x:Key="Blue300ColorStyle">#64B5F6</Color>
	<Color x:Key="Blue200ColorStyle">#90CAF9</Color>
	<Color x:Key="Blue100ColorStyle">#BBDEFB</Color>
	<Color x:Key="Blue50ColorStyle">#E3F2FD</Color>
	<!--#endregion-->
	<!--#region LightBlue-->
	<Color x:Key="LightBlueA700ColorStyle">#0091EA</Color>
	<Color x:Key="LightBlueA400ColorStyle">#00B0FF</Color>
	<Color x:Key="LightBlueA200ColorStyle">#40C4FF</Color>
	<Color x:Key="LightBlueA100ColorStyle">#80D8FF</Color>
	<Color x:Key="LightBlue900ColorStyle">#01579B</Color>
	<Color x:Key="LightBlue800ColorStyle">#0277BD</Color>
	<Color x:Key="LightBlue700ColorStyle">#0288D1</Color>
	<Color x:Key="LightBlue600ColorStyle">#039BE5</Color>
	<Color x:Key="LightBlue500ColorStyle">#03A9F4</Color>
	<Color x:Key="LightBlue400ColorStyle">#29B6F6</Color>
	<Color x:Key="LightBlue300ColorStyle">#4FC3F7</Color>
	<Color x:Key="LightBlue200ColorStyle">#81D4FA</Color>
	<Color x:Key="LightBlue100ColorStyle">#B3E5FC</Color>
	<Color x:Key="LightBlue50ColorStyle">#E1F5FE</Color>
	<!--#endregion-->
	<!--#region Cyan-->
	<Color x:Key="CyanA700ColorStyle">#00B8D4</Color>
	<Color x:Key="CyanA400ColorStyle">#00E5FF</Color>
	<Color x:Key="CyanA200ColorStyle">#18FFFF</Color>
	<Color x:Key="CyanA100ColorStyle">#84FFFF</Color>
	<Color x:Key="Cyan900ColorStyle">#006064</Color>
	<Color x:Key="Cyan800ColorStyle">#00838F</Color>
	<Color x:Key="Cyan700ColorStyle">#0097A7</Color>
	<Color x:Key="Cyan600ColorStyle">#00ACC1</Color>
	<Color x:Key="Cyan500ColorStyle">#00BCD4</Color>
	<Color x:Key="Cyan400ColorStyle">#26C6DA</Color>
	<Color x:Key="Cyan300ColorStyle">#4DD0E1</Color>
	<Color x:Key="Cyan200ColorStyle">#80DEEA</Color>
	<Color x:Key="Cyan100ColorStyle">#B2EBF2</Color>
	<Color x:Key="Cyan50ColorStyle">#E0F7FA</Color>
	<!--#endregion-->
	<!--#region Teal-->
	<Color x:Key="TealA700ColorStyle">#00BFA5</Color>
	<Color x:Key="TealA400ColorStyle">#1DE9B6</Color>
	<Color x:Key="TealA200ColorStyle">#64FFDA</Color>
	<Color x:Key="TealA100ColorStyle">#A7FFEB</Color>
	<Color x:Key="Teal900ColorStyle">#004D40</Color>
	<Color x:Key="Teal800ColorStyle">#00695C</Color>
	<Color x:Key="Teal700ColorStyle">#00796B</Color>
	<Color x:Key="Teal600ColorStyle">#00897B</Color>
	<Color x:Key="Teal500ColorStyle">#009688</Color>
	<Color x:Key="Teal400ColorStyle">#26A69A</Color>
	<Color x:Key="Teal300ColorStyle">#4DB6AC</Color>
	<Color x:Key="Teal200ColorStyle">#80CBC4</Color>
	<Color x:Key="Teal100ColorStyle">#B2DFDB</Color>
	<Color x:Key="Teal50ColorStyle">#E0F2F1</Color>
	<!--#endregion-->
	<!--#region Green-->
	<Color x:Key="GreenA700ColorStyle">#00C853</Color>
	<Color x:Key="GreenA400ColorStyle">#00E676</Color>
	<Color x:Key="GreenA200ColorStyle">#69F0AE</Color>
	<Color x:Key="GreenA100ColorStyle">#B9F6CA</Color>
	<Color x:Key="Green900ColorStyle">#1B5E20</Color>
	<Color x:Key="Green800ColorStyle">#2E7D32</Color>
	<Color x:Key="Green700ColorStyle">#388E3C</Color>
	<Color x:Key="Green600ColorStyle">#43A047</Color>
	<Color x:Key="Green500ColorStyle">#4CAF50</Color>
	<Color x:Key="Green400ColorStyle">#66BB6A</Color>
	<Color x:Key="Green300ColorStyle">#81C784</Color>
	<Color x:Key="Green200ColorStyle">#A5D6A7</Color>
	<Color x:Key="Green100ColorStyle">#C8E6C9</Color>
	<Color x:Key="Green50ColorStyle">#E8F5E9</Color>
	<!--#endregion-->
	<!--#region LightGreen-->
	<Color x:Key="LightGreenA700ColorStyle">#64DD17</Color>
	<Color x:Key="LightGreenA400ColorStyle">#76FF03</Color>
	<Color x:Key="LightGreenA200ColorStyle">#B2FF59</Color>
	<Color x:Key="LightGreenA100ColorStyle">#CCFF90</Color>
	<Color x:Key="LightGreen900ColorStyle">#33691E</Color>
	<Color x:Key="LightGreen800ColorStyle">#558B2F</Color>
	<Color x:Key="LightGreen700ColorStyle">#689F38</Color>
	<Color x:Key="LightGreen600ColorStyle">#7CB342</Color>
	<Color x:Key="LightGreen500ColorStyle">#8BC34A</Color>
	<Color x:Key="LightGreen400ColorStyle">#9CCC65</Color>
	<Color x:Key="LightGreen300ColorStyle">#AED581</Color>
	<Color x:Key="LightGreen200ColorStyle">#C5E1A5</Color>
	<Color x:Key="LightGreen100ColorStyle">#DCEDC8</Color>
	<Color x:Key="LightGreen50ColorStyle">#F1F8E9</Color>
	<!--#endregion-->
	<!--#region Lime-->
	<Color x:Key="LimeA700ColorStyle">#AEEA00</Color>
	<Color x:Key="LimeA400ColorStyle">#C6FF00</Color>
	<Color x:Key="LimeA200ColorStyle">#EEFF41</Color>
	<Color x:Key="LimeA100ColorStyle">#F4FF81</Color>
	<Color x:Key="Lime900ColorStyle">#827717</Color>
	<Color x:Key="Lime800ColorStyle">#9E9D24</Color>
	<Color x:Key="Lime700ColorStyle">#AFB42B</Color>
	<Color x:Key="Lime600ColorStyle">#C0CA33</Color>
	<Color x:Key="Lime500ColorStyle">#CDDC39</Color>
	<Color x:Key="Lime400ColorStyle">#D4E157</Color>
	<Color x:Key="Lime300ColorStyle">#DCE775</Color>
	<Color x:Key="Lime200ColorStyle">#E6EE9C</Color>
	<Color x:Key="Lime100ColorStyle">#F0F4C3</Color>
	<Color x:Key="Lime50ColorStyle">#F9FBE7</Color>
	<!--#endregion-->
	<!--#region Yellow-->
	<Color x:Key="YellowA700ColorStyle">#FFD600</Color>
	<Color x:Key="YellowA400ColorStyle">#FFEA00</Color>
	<Color x:Key="YellowA200ColorStyle">#FFFF00</Color>
	<Color x:Key="YellowA100ColorStyle">#FFFF8D</Color>
	<Color x:Key="Yellow900ColorStyle">#F57F17</Color>
	<Color x:Key="Yellow800ColorStyle">#F9A825</Color>
	<Color x:Key="Yellow700ColorStyle">#FBC02D</Color>
	<Color x:Key="Yellow600ColorStyle">#FDD835</Color>
	<Color x:Key="Yellow500ColorStyle">#FFEB3B</Color>
	<Color x:Key="Yellow400ColorStyle">#FFEE58</Color>
	<Color x:Key="Yellow300ColorStyle">#FFF176</Color>
	<Color x:Key="Yellow200ColorStyle">#FFF59D</Color>
	<Color x:Key="Yellow100ColorStyle">#FFF9C4</Color>
	<Color x:Key="Yellow50ColorStyle">#FFFDE7</Color>
	<!--#endregion-->
	<!--#region Amber-->
	<Color x:Key="AmberA700ColorStyle">#FFAB00</Color>
	<Color x:Key="AmberA400ColorStyle">#FFC400</Color>
	<Color x:Key="AmberA200ColorStyle">#FFD740</Color>
	<Color x:Key="AmberA100ColorStyle">#FFE57F</Color>
	<Color x:Key="Amber900ColorStyle">#FF6F00</Color>
	<Color x:Key="Amber800ColorStyle">#FF8F00</Color>
	<Color x:Key="Amber700ColorStyle">#FFA000</Color>
	<Color x:Key="Amber600ColorStyle">#FFB300</Color>
	<Color x:Key="Amber500ColorStyle">#FFC107</Color>
	<Color x:Key="Amber400ColorStyle">#FFCA28</Color>
	<Color x:Key="Amber300ColorStyle">#FFD54F</Color>
	<Color x:Key="Amber200ColorStyle">#FFE082</Color>
	<Color x:Key="Amber100ColorStyle">#FFECB3</Color>
	<Color x:Key="Amber50ColorStyle">#FFF8E1</Color>
	<!--#endregion-->
	<!--#region Orange-->
	<Color x:Key="OrangeA700ColorStyle">#FF6D00</Color>
	<Color x:Key="OrangeA400ColorStyle">#FF9100</Color>
	<Color x:Key="OrangeA200ColorStyle">#FFAB40</Color>
	<Color x:Key="OrangeA100ColorStyle">#FFD180</Color>
	<Color x:Key="Orange900ColorStyle">#E65100</Color>
	<Color x:Key="Orange800ColorStyle">#EF6C00</Color>
	<Color x:Key="Orange700ColorStyle">#F57C00</Color>
	<Color x:Key="Orange600ColorStyle">#FB8C00</Color>
	<Color x:Key="Orange500ColorStyle">#FF9800</Color>
	<Color x:Key="Orange400ColorStyle">#FFA726</Color>
	<Color x:Key="Orange300ColorStyle">#FFB74D</Color>
	<Color x:Key="Orange200ColorStyle">#FFCC80</Color>
	<Color x:Key="Orange100ColorStyle">#FFE0B2</Color>
	<Color x:Key="Orange50ColorStyle">#FFF3E0</Color>
	<!--#endregion-->
	<!--#region DeepOrange-->
	<Color x:Key="DeepOrangeA700ColorStyle">#DD2C00</Color>
	<Color x:Key="DeepOrangeA400ColorStyle">#FF3D00</Color>
	<Color x:Key="DeepOrangeA200ColorStyle">#FF6E40</Color>
	<Color x:Key="DeepOrangeA100ColorStyle">#FF9E80</Color>
	<Color x:Key="DeepOrange900ColorStyle">#BF360C</Color>
	<Color x:Key="DeepOrange800ColorStyle">#D84315</Color>
	<Color x:Key="DeepOrange700ColorStyle">#E64A19</Color>
	<Color x:Key="DeepOrange600ColorStyle">#F4511E</Color>
	<Color x:Key="DeepOrange500ColorStyle">#FF5722</Color>
	<Color x:Key="DeepOrange400ColorStyle">#FF7043</Color>
	<Color x:Key="DeepOrange300ColorStyle">#FF8A65</Color>
	<Color x:Key="DeepOrange200ColorStyle">#FFAB91</Color>
	<Color x:Key="DeepOrange100ColorStyle">#FFCCBC</Color>
	<Color x:Key="DeepOrange50ColorStyle">#FBE9E7</Color>
	<!--#endregion-->
	<!--#region Brown-->
	<Color x:Key="Brown900ColorStyle">#3E2723</Color>
	<Color x:Key="Brown800ColorStyle">#4E342E</Color>
	<Color x:Key="Brown700ColorStyle">#5D4037</Color>
	<Color x:Key="Brown600ColorStyle">#6D4C41</Color>
	<Color x:Key="Brown500ColorStyle">#795548</Color>
	<Color x:Key="Brown400ColorStyle">#8D6E63</Color>
	<Color x:Key="Brown300ColorStyle">#A1887F</Color>
	<Color x:Key="Brown200ColorStyle">#BCAAA4</Color>
	<Color x:Key="Brown100ColorStyle">#D7CCC8</Color>
	<Color x:Key="Brown50ColorStyle">#EFEBE9</Color>
	<!--#endregion-->
	<!--#region Grey-->
	<Color x:Key="Grey900ColorStyle">#212121</Color>
	<Color x:Key="Grey800ColorStyle">#424242</Color>
	<Color x:Key="Grey700ColorStyle">#616161</Color>
	<Color x:Key="Grey600ColorStyle">#757575</Color>
	<Color x:Key="Grey500ColorStyle">#9E9E9E</Color>
	<Color x:Key="Grey400ColorStyle">#BDBDBD</Color>
	<Color x:Key="Grey300ColorStyle">#E0E0E0</Color>
	<Color x:Key="Grey200ColorStyle">#EEEEEE</Color>
	<Color x:Key="Grey100ColorStyle">#F5F5F5</Color>
	<Color x:Key="Grey50ColorStyle">#FAFAFA</Color>
	<!--#endregion-->
	<!--#region BlueGrey-->
	<Color x:Key="BlueGrey900ColorStyle">#263238</Color>
	<Color x:Key="BlueGrey800ColorStyle">#37474F</Color>
	<Color x:Key="BlueGrey700ColorStyle">#455A64</Color>
	<Color x:Key="BlueGrey600ColorStyle">#546E7A</Color>
	<Color x:Key="BlueGrey500ColorStyle">#607D8B</Color>
	<Color x:Key="BlueGrey400ColorStyle">#78909C</Color>
	<Color x:Key="BlueGrey300ColorStyle">#90A4AE</Color>
	<Color x:Key="BlueGrey200ColorStyle">#B0BEC5</Color>
	<Color x:Key="BlueGrey100ColorStyle">#CFD8DC</Color>
	<Color x:Key="BlueGrey50ColorStyle">#ECEFF1</Color>
	<!--#endregion-->
</ResourceDictionary>

 

wu_pan123
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
MaterialDesign控制项目全局样式
huahuahua333686的博客
01-08 672
MaterialDesign是从Android5.0开始引入的，是一种全新的设计语言（翻译为“原材料设计”），其实是谷歌提倡的一种设计风格、理念、原则。拟物设计和扁平化设计一种结合体验。还吸取了最新一些科技理念，我们可以参与原型设计、辅助美工原型设计的素材准备。开发实现MD的设计----界面、动画、转场动画等等。 定义自己的全局样式: <!--
Android的materialDesign风格的主题样式
jakezhang1990的专栏
02-21 1142
使用materialDesign风格需要注意： 1，设置应用的targetVersion和minSdkVersion最低为21 2，在values目录下的style资源文件中，创建一个style，让其继承自android.Theme.Material 3,在AndroidManefest中指定应用的主题或者Activity的主题为我们设定的样式 Google官方提供了3中配色风格： 1，...
Material design - 色彩样式（一）
jolieLi2019888的博客
04-12 2717
色彩 调色板 描述颜色常见有四种种方式：RGB、CMYK、HSB、HEX（16进制值）。 RGB：由红-Red、绿-Green、蓝-Blue三基色共同描述一个颜色。将三基色各划分为256阶，共计可以描述256256256=约1680万种颜色。 用途：常用于描述电子显示其中的颜色。 示例：如 rgb(0,0,225) 标示蓝色 HSB：H(hues)表示色相，S(saturation)...
【小沐学Android】Material Design设计规范之颜色篇
爱看书的小沐
06-23 2609
谷歌在2007年发布了第一个测试版本的 Android 软件开发工具包（SDK），第一个商业版本的 Android 1.0，则发布于2008年9月。2012年6月27日，在谷歌I/O大会上，谷歌宣布发布了 Android 版本4.1 Jelly Bean。Jelly Bean 是一个在功能和性能方面的渐进的更新，主要目的是改进用户界面，Android 源代码是根据自由和开放源码软件许可证。谷歌发布的大部分代码遵循 Apache 许可证2.0版，Linux 内核的变化遵循 GNU 通用公共许可证版本2。
C# WPF之Material Design自定义颜色
Dotnet9的专栏
01-14 3644
微信公众号：Dotnet9，网站：Dotnet9，问题或建议：请网站留言， 如果对您有所帮助：欢迎赞赏。 C# WPF之Material Design自定义颜色 阅读导航 本文背景 代码实现 本文参考 1. 本文背景 主要介绍使用Material Design开源控件库的自定义颜色功能 2. 代码实现 使用 .Net Core 3.1 创建名为 “CustomColorDemo” 的WP...
Android Material Design UI方案使用讲解
luo_boke的博客
06-13 4015
Google I/O 2014 就已发布了Material Design，最近项目完成后总结一些Material UI 的常见控件使用，总结成系列文章欢迎阅读。
Material Design(二)
chili_fan的博客
01-10 639
一、图标 1、系统图标 系统图标是我们在构建界面时负责表意功能和信息的图标。通常系统图标尺寸不如产品图标那样大，但是需要让用户第一时间理解它所表达的内容却不简单。系统图标设计简单，现代，友好，每个图标都尽可能简化以表达最基本的特征。 字体图标 我们也可以把图标变成字体格式来节省空间。同时这么做对于放大缩小都是非常方便的。 图标的分类 Material Design把图标分为填充图标（Filled）、线性图标（Outlined）、圆角图标（Rounded）、双调图标（Two-Tone）、尖角图标（S
Material Design(三)
chili_fan的博客
01-12 915
组件 组件是 Material Design 区别于 iOS 等其他设计的重要标识，当我们看到 FAB 时我们就知道这是 Material Design；当我们看到底部栏的独特设计时我们也能知道这是 Material Design。 悬浮球 FAB 悬浮球可能是 Material Design 中最明显的标志了。一个圆圆的小球固定在屏幕的某个位置，它特别显眼，让你无法忽视它。同时它也是当前页面最重要的主线操作，比如在邮箱的页面中，FAB 很可能是发邮件的按钮。并且一个页面中只有一个 FAB，这让这个小球更
Material Design系列-MaterialButton（Icon）
最孤单的人的博客
07-05 2722
Button: 即使用按钮，用户只需单击一下即可执行操作并做出选择。 #1. 在使用 Material Buttons 按钮之前，我们需要添加一个依赖项： 在build.gradle中： allprojects { repositories { google() jcenter() } } 在dependencies中： dependencies { // ... implementation 'com.google.android.m
C# WPF MaterialDesignInXAML样式库和控件集 源码
11-28
《C# WPF MaterialDesignInXAML：打造现代UI风格的源码解析》 MaterialDesignInXamlToolkit是一个流行的开源库，它为Windows Presentation Foundation（WPF）应用程序提供了丰富的Material Design风格的控件和样式...
MaterialDesignColorPicker：适用于macOS的Material Design颜色选择器
02-03
【MaterialDesignColorPicker：适用于macOS的Material Design颜色选择器】 MaterialDesignColorPicker是一款专为macOS设计的颜色选择工具，它遵循了Google的Material Design设计理念，为用户提供了美观且直观的色彩...
MaterialDesign-DemoApp
最新发布
03-31
MaterialDesign-InXamlToolkit是一个开源项目，它为WPF开发者提供了丰富的控件和样式，使他们能够轻松地构建遵循Material Design原则的应用程序。这个DemoApp就是这个库的一个展示，通过各种功能和组件的实例，帮助...
Material Design 样式
12-10
通过Material Design，开发者可以定制通知的样式，包括颜色、图标和文本样式，使其与应用的主题保持一致。 - 使用`NotificationCompat.Builder`类，可以轻松地设置通知的外观，如设置背景颜色、使用Material Design...
MaterialDesignInXaml.Examples-master.zip
02-14
在WPF中，MaterialDesignInXaml库将这些概念转化为易于使用的控件和样式。 2. **WPF与Material Design的结合** WPF（Windows Presentation Foundation）是.NET框架的一部分，用于构建桌面应用程序。通过Material...
WPF加载SVG格式的图片
wu_pan123的博客
10-27 5507
首先，SVG是一种用XML定义的语言，用来描述二维矢量及矢量/栅格图形。 接下来加载步骤： 1.在安装nuget包：sharpvectors 2.引入命名空间 xmlns:svgc="http://sharpvectors.codeplex.com/svgc/" 3.将svg文件添加为项目资源后，在设计页面添加<svgc:SvgViewbox Height="100" Width="100" IsHitTestVisible="False" Source="/Resources/T...
LiveChart应用笔记-为图表添加图例，并添加隐藏曲线功能
wu_pan123的博客
01-25 3882
本文主要介绍为LiveChart图表添加自定义图例，并实现曲线隐藏功能。其中，图例中的直线样式与图表中的曲线样式进行了绑定。 第一步。添安装LiveChart.wpf 包、引入命名空间等前期准备 xmlns:lvc="clr-namespace:LiveCharts.Wpf;assembly=LiveCharts.Wpf" xmlns:i="http://schemas.microsoft.com/expression/2010/interactivity" 第二步。添加测试曲线
LiveChart应用笔记-折线图添加任意数据
wu_pan123的博客
01-08 2312
1.首先在vm中定义一个配置对象（mappers） 比如定义一个笛卡尔坐标系图表的配置文件（CartesianMapper），曲线值为PointF类型的对象，该对象的横坐标（PointF.X）对应图表的横坐标，该对象的纵坐标（PointF.Y）对应图表的纵坐标，代码如下 /// <summary> /// 笛卡尔坐标系图表配置 /// </summary> public CartesianMapper<Poi
WPF DatePicker设置语言
wu_pan123的博客
06-05 1776
1.修改Language属性即可 2.代码示例 <DatePicker Language="zh-cn"/> 3.
谷歌Material Design官方设计指南解析
- **色彩**：Material Design提供了丰富的颜色系统，用于表达品牌、功能和状态。 - **字体排版**：统一的字体和字号选择，确保内容清晰可读，保持整体设计的一致性。 - **图标**：有明确的图标风格指南，分为填充...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值