今天我们使用小模块来制作一个倒计时播放器,要求能够输入倒计时的时长,控制倒计时播放器的暂停与播放,并且可以重置状态重新计时。一.公共数据由于是倒计时器,所以我们添加一个数值变量保存倒计时长,并且与小模块内部用于展示的文本组件直接进行数据绑定。二.公共动作这类倒计时的动画效果我们一般都是通过触发器实现的,例如本案例中可以设置触发器每隔一秒触发一次,每次触发令倒计时长减1来达成效果,而控制倒计时器的播
分类:
其他好文 时间:
2020-05-08 09:15:59
阅读次数:
87
作者:云荒杯倾 序 本意是用这个做视频遮罩效果,但是还是从更通用的角度来解释事情本身吧。少掺杂一点业务目的。 主要实现功能 在canvas画布上跟随鼠标的按键、移动画出拖拉范围内的矩形;弹出选择项,选“对勾”则将这部分矩形填上背景色,选“叉号”则取消本次拖拉的矩形。 代码块 代码不长,直接放。 引用 ...
分类:
其他好文 时间:
2020-05-07 20:12:51
阅读次数:
87
#1、皮肤选择 #2、页面定制 CSS 代码 @font-face { font-family: 'FontAwesome'; font-style: normal; font-weight: normal; } * { margin: 0; padding: 0; } body { backgro ...
分类:
其他好文 时间:
2020-05-07 00:37:21
阅读次数:
51
原生js网站常用简洁的TAB选项卡淡出淡进切换效果代码https://www.mk2048.com/demo/demo_target_desc.php?id=b2jicjk2jjquery hover事件实用的企业网站二级导航菜单样式https://www.mk2048.com/demo/demo_ ...
分类:
其他好文 时间:
2020-05-06 19:50:41
阅读次数:
66
原文:EventTrigger EventTrigger事件触发器。 相比较数据,属性,事件触发器是XAML的UI层中最重要的一个部分。 事件触发器中,触发的效果是动画,不再是setter。 也是很有意思的 下面给一个小小的例子 当鼠标移动要按钮上时,按钮的宽度会变宽,离开时按钮的宽度会变回去 ..... ...
分类:
其他好文 时间:
2020-05-06 01:49:25
阅读次数:
81
原文:MultiTrigger MultiTrigger是多条件触发器。意为多个条件同时满足时才会触发。 用法和Trigger差不多。 但是MultiTrigger的条件是在写在自身的判断环境之中。 基本的语法是: //触发条件 //这个位置写你想要的效果,动画等等 来看一个简单的例子 多条件是当点... ...
分类:
其他好文 时间:
2020-05-06 01:46:45
阅读次数:
68
原文:MultiDataTrigger MultiDataTrigger是多条件数据触发器 和MltiTrigger是同样的,只不过前者是数据,后者是属性。 这个是基本的使用语法 //触发条件 //这个位置写你想要的效果,动画等等 那现在给一个小小的例子,有一个输入框,有一个按钮,按钮是不可以使用的... ...
分类:
其他好文 时间:
2020-05-06 01:43:30
阅读次数:
80
原文:WPF 仿语音播放 自定义控件 原理很简单,利用Path画一个图,然后用动画进行播放,播放时间由依赖属性输入赋值与控件内部维护的一个计时器进行控制。 控件基本是玩具,无法作为真实项目使用。 因为没有设置播放源,所以编写异步播放源或者实际播放时候要将事件引发,是否播放等属性,事件移到真实播放事件... ...
原文:WPF 使用动画设置特殊值的方法 例如设置Visibility属性时: 第一种方式: 也就是使用static关键字来赋值。 第二种方式 手动设置要设置的值。 ...
原文:WPF 使用EventTrigger时设置SouceName技巧 使用情节触发器时,如果有触发源/触发源控件时可以将情节触发器放置最顶级的面板控件的触发器中。 通过blend这个神器真的是可以学到不少东西。 代码: //情节动画放置于顶级控制面板 ... ...