摘要:Kino.Toolkit.Wpf " " " " " " " " " " Kino.Toolkit.Wpf是一组简单实用的WPF控件与工具,用于介绍自定义控件的入门。相关博客地址如下: "开始一个自定义控件库项目" 介绍开始一个自定义控件库项目需要考虑的地方,包括版本号、目录结构等。 "从Conte 阅读全文
posted @ 2019-05-13 15:24 dino.c 阅读 (478) 评论 (3) 编辑
摘要:UWP自定义控件的入门文章 "[UWP 自定义控件]了解模板化控件(1):基础知识" "[UWP 自定义控件]了解模板化控件(2):模仿ContentControl" "[UWP 自定义控件]了解模板化控件(2.1):理解ContentControl" "[UWP 自定义控件]了解模板化控件(3): 阅读全文
posted @ 2018-11-16 11:16 dino.c 阅读 (319) 评论 (2) 编辑
摘要:1. WPF有,而UWP没有的图片平铺功能 在WPF中只要将ImageSource的 属性设置为 即可实现图片的平铺,具体可见WPF的这些文档: "ImageBrush 类 (System.Windows.Media) _ Microsoft Docs" "TileBrush 类 (System.W 阅读全文
posted @ 2019-11-18 08:54 dino.c 阅读 (145) 评论 (3) 编辑
摘要:1. 运行效果 在 "使用GetAlphaMask和ContainerVisual制作长阴影(Long Shadow)" 这篇文章里我介绍了一个包含长阴影的番茄钟,这个番茄钟在状态切换时用到了翻转动画,效果如上所示,还用到了弹簧动画,可以看到翻转后有点回弹。本来打算自己这个动画效果写的,但火火已经写 阅读全文
posted @ 2019-11-14 09:03 dino.c 阅读 (169) 评论 (3) 编辑
摘要:1. 为什么需要设计一个状态按钮 "OnePomodoro" 应用里有个按钮用来控制计时器的启动/停止,本来这应该是一个包含“已启动”和“已停止”两种状态的按钮,但我以前在WPF和UWP上做过太多StateButton、ProgressButton之类的东西,已经厌倦了这种控件,所以我在 应用里只是 阅读全文
posted @ 2019-11-13 09:47 dino.c 阅读 (369) 评论 (5) 编辑
摘要:1. 什么是自然动画 最近用弹簧动画(SpringAnimation)做了两个番茄钟,关于弹簧动画官方文档已经介绍得够详细了,这篇文章就摘录一些官方文档核心内容。 在传统UI中,关键帧动画(KeyFrameAnimation)是描述运动的主要方式。关键帧为设计人员和开发人员提供了尽可能多的用于定义开 阅读全文
posted @ 2019-11-11 09:27 dino.c 阅读 (227) 评论 (2) 编辑
摘要:1. Composition Lighting UWP中的Composition Light是一组可以创建3D光照的API,它明明十分好玩而且强大, 但博客园几乎没有相关文章(用 或`pointlight`做关键字只能找到我自己的文章),这篇文章就 来介绍Composition Lighting的入 阅读全文
posted @ 2019-11-06 08:55 dino.c 阅读 (489) 评论 (18) 编辑
摘要:1. 什么是长阴影 前几年扁平化设计(Flat Design)十分流行,后来在扁平化的基础上又流行起了长阴影(Long Shadow)。长阴影其实就是扩展了对象的投影,感觉是一种光线照射下的影子,通常采用角度为 45 度的投影,给对象添加了一份立体感。长阴影快速发展为流行的设计趋势,并经常被应用到扁 阅读全文
posted @ 2019-11-04 09:02 dino.c 阅读 (144) 评论 (4) 编辑
摘要:1. 前言 最近常常接触到GetAlphaMask,所以想写这篇文章介绍下GetAlphaMask怎么使用。其实GetAlphaMask的使用场景十分有限,Github上能搜到的内容都是用来配合DropShadow的,所以这篇文章也以介绍DropShadow为主。 2. 合成阴影 先介绍一下合成阴影 阅读全文
posted @ 2019-10-30 09:07 dino.c 阅读 (134) 评论 (0) 编辑
摘要:1. 什么是BlendEffect 上一篇文章介绍了CompositionLinearGradientBrush的基本用法, 这篇文章再结合BlendEffec介绍一些更复杂的玩法。 命名空间下的 "BlendEffect" 用于组合两张图片(分别是作为输入源的Background和Foregrou 阅读全文
posted @ 2019-10-28 09:21 dino.c 阅读 (153) 评论 (4) 编辑
摘要:1. 什么是 CompositionBrush CompositionBrush(合成画笔)是操作可视化层时用于绘制 "SpriteVisual" 区域的画笔。 使UWP 应用时可以选择使用 "XAML 画笔" 或 "CompositionBrush(合成画笔)" 绘制 UIElement。很多时候 阅读全文
posted @ 2019-10-23 08:55 dino.c 阅读 (140) 评论 (0) 编辑
摘要:1. 为什么需要ProgressRing 虽然我认为这个控件库的控件需要模仿Aero2的外观,但总有例外,其中一个就是ProgressRing。ProgressRing是来自UWP的控件,部分代码参考了 "这里" 。ProgressRing的使用方式运行效果如下: 在Windows 10中Progr 阅读全文
posted @ 2019-10-21 09:17 dino.c 阅读 (472) 评论 (5) 编辑