uwp

提到 UWP 中创建动画，第一个想到的大多都是 StoryBoard。因为 UWP 和 WPF 的界面都是基于 XAML 语言的，所以实现 StoryBoard 会非常方便。 来看一个简单的 StoryBoard 例子： <Page...> <Grid x:Name="grid"> <Grid.Resources> <Storyboard x:Key="demoStoryBoard" AutoReverse="True" RepeatBehavior="Forever"> <DoubleAnimation Duration="0:0:1" To="500" Storyboard.TargetProperty="(UIElement.RenderTransform).(CompositeTransform.TranslateX)" Storyboard.TargetName="ellipse" d:IsOptimized="True"/> <DoubleAnimation Duration="0:0:1" To="500" Storyboard.TargetProperty="(UIElement.RenderTransform).(CompositeTransform.TranslateY)" Storyboard.TargetName="ellipse" d

最近有个项目有一个这样的需求，在文章浏览页底部有几个AppBarButton，其中有一个是评论按钮，需要在评论按钮上显示一个红色数字，类似微信的新消息提醒： 这种设计在iOS和Android平台都是很常见的，但UWP上并没有提供现成的控件。所以只能自己实现一个了。 做出来效果是这样的： 分析一下实现的思路。首先这还是一个AppBarButton，只是其中增加了一个数字徽章的显示，这个属性应该是可以绑定到其他属性的，如果绑定的值不为0，则显示数字，如果为0则隐藏数字。因此我们可以通过继承AppBarButton，并修改其模板来实现这个控件。 下面动手实践一下吧。我已经安装了最新的VS2017，不过使用VS2015的话也是差不多的。首先创建一个名为AppBarBadgeButtonSample的UWP项目： 选择在Blend中打开： 在页面上添加一个AppBar： 添加后是这样的结构： 然后需要将默认AppBarButton的模板导出来，给我们自定义的控件用。在按钮上右键选择编辑模板，编辑副本： 输入一个名字，为了简单起见我们就在当前文件中创建这个样式好了，点击确定。 切换到XAML模式，可以看到页面的XAML代码中添加了这样的资源： 这个就是AppBarButton的控件模板了。我们需要在这个默认模板的基础上，实现自定义的AppBarBadgeButton。 现在返回到VS2017

1. 前言 最近想要一个进度按钮。 传统上UWP上处理进度可以这样实现，首先是XAML，包括一个ProgressBar和一个按钮： <StackPanel Orientation="Horizontal" Margin="0,30" > <ProgressBar x:Name="ProgressBar" Maximum="1" Width="230"/> <Button x:Name="Button" Content="Download" Click="OnStartProgress" Margin="20,0,0,0"/> </StackPanel> 然后是服务端，假设我有这样一个服务： public class TestService { public event EventHandler<double> ProgressChanged; public async Task Start(bool throwException = false) { IsStarted = true; try { ProgressChanged?.Invoke(this, _progress); await Task.Delay(1000); while (_progress < 1) { await Task.Delay(100); _progress += 0.03;