---some words---- 1.Alpha:透明度 2.Argb :Alpha red green blue 3.brush: [brʌʃ]    刷子,笔画,笔刷 4.fore 前头 5.Foreground 前景色 6.SolidColorBrush:单色笔刷 7.LinearGradientBrush :线性渐变笔刷 8.Linear:直线的,线性的 9.Gradient  梯度,变化,倾斜 ---  the end  ---- 一:Color结构体 c#中用Color这个结构体来…

原文 Customize Acrylic Brush in UWP Applications(在UWP中自定义亚克力笔刷) Windows 10 Fall Creators Update(Build 16299)添加了acrylic brush,这是一个类似于Windows 7 Aero效果的UI画笔. Windows中的很多内容,例如Calculator,都会使用丙烯画笔进行更新.但是,内置刷子并不总能满足我们自己的要求.特别是当Windows自动禁用丙烯酸渲染(如低功耗模式)或非活动窗口时,…

目前的一个App中需要实现这个需求,但是在UWP自带的Bing Map中,绘制的MapPolyline的StrokeColor的类型是Windows.UI.Color,也就是说一条MapPolyline只支持一种颜色,想要实现渐变是根本不可能的--但是我又不想说去拒绝视觉的需求,因为我觉得就算是系统提供的渐变画刷底层肯定也是通过相关的算法实现颜色渐变的,所以只要我们认真研究一下,最终一样可以达到我们想要的需求. 说个题外话,在这次的思路之前我还产生了其他的思路.当时是想在后台代码中实例化一个新的…

介绍 DirectX一直是Windows平台中高性能图形的代名词,自Win7开始,微软又推出了Direct2D技术,包装于Direct3D,但专注于2D图形,并且准备取代GDI这样的传统2D图形技术.对于Direct2D是怎么怎么好的具体描述,可以参考附录1. 不过Direct2D是基于COM技术的,看上去有些老旧的气息,而且是非托管的,似乎也和常见的.net语言有些隔阂. 不过微软也为我们提供了一个工具,一个跨越这一边界的工具,那就是SurfaceImageSource一族.该族中Surfac…

在 UWP 开发中,我们在进行数据绑定时,除了可以使用传统的绑定 Binding,也可以使用全新的 x:Bind,由于后者是在程序编译时进行初始化操作(不同于 Binding,它是在运行时创建.初始化),所以我们可以称 x:Bind 为编译型绑定,正像本文标题一样.之所以引入 x:Bind,是因为它相比传统的 Binding 有很多优点,比如: 性能更好: 编译时错误: 便于调试: 使用方便(绑定到函数.事件等) 鉴于 x:Bind 有以上这些优点,所以这里推荐大家在自己的项目中尽可能地使用它:…

在UWP UI系统中,使用Shape是绘制2D图形最简单的方式,小到图标,大到图表都用到Shape的派生类,可以说有举足轻重的地位.幸运的是从Silverlight以来Shape基本没有什么大改动,简直是UWP中的一股清流. 上图来自Pro Silverlight 5 in C#,可见Silverlight中的Shape和UWP的Shape基本架构一致.Shape的API从WPF以来就几乎没变,对熟悉WPF/Silverlight的开发者来说几乎是零学习成本. 1. Ellipse(圆形) El…

一时兴起想谈谈UWP按钮的设计. 按钮是UI中最重要的元素之一,可能也是用得最多的交互元素.好的按钮设计可以有效提高用户体验,构造让人眼前一亮的UI.而且按钮通常不会影响布局,小小的按钮无论怎么改也不会对性能有多大影响,所以不少注重细节的设计师最为热衷修改按钮.(例如 这位 ) 目前UWP只提供了基础款的按钮样式,网上相关资源也较少,所有写了这篇文章用于介绍在UWP上设计按钮的入门知识. 1. VisualStates Button的CotrolTemplate(可以参考 这里 )中包含四个Vi…

废话不多说,先上效果 没有做成安卓那种圆形的原因是...人家真的不会嘛... 好了下面是正文: 首先在工程中引入Behavior的库,我们使用Nuget. 在项目->引用上点击右键,点击管理Nuget程序包,然后浏览里搜索Microsoft.Xaml.Behaviors.Uwp.Managed 或者在程序包管理控制台里(如果输出右边没有这个标签,使用工具->Nuget包管理器->程序包管理控制台打开),输入命令 Install-Package Microsoft.Xaml.Behavio…

1. 前言 最近想要一个进度按钮. 传统上UWP上处理进度可以这样实现,首先是XAML,包括一个ProgressBar和一个按钮: <StackPanel Orientation="Horizontal" Margin="0,30" > <ProgressBar x:Name="ProgressBar" Maximum="1" Width="230"/> <Button x:N…

昨天看到了有个大神做出好看的进度条样式,于是我就去抄袭他的代码,但是发现看不懂,于是本文主要翻译就是大神说这个控件如何做. 本文翻译 https://stackoverflow.com/a/46057193/6116637 来这 liu xin 大神的控件. 上面的控件实际就是两个圆,然后 Compositor 让背景显示在里面的圆.因为可以使用下面图片的方式,看起来就是从一个圆里出现背景.实际就是背景移动图片,可以看到图片移动的时候,看里面的圆的背景,就是上面那张图的样子. 也就是在图片的上移…