先看一下效果吧:     我们直接通过改造一下原版的TreeView来实现上面这个效果 我们先创建一个普通的TreeView 代码很简单: <TreeView> <TreeViewItemHeader="人事部"/> <TreeViewItemHeader="技术部"> <TreeViewItemHeader="技术部-1"/> <TreeViewItemHeader="技术部-1"/> </TreeViewItem> <TreeViewItemHeader="财务部"/> &l...

先看一下效果吧: 如果不会写动画或者懒得写动画，就直接交给Blend来做吧; 其实Blend操作起来很简单，有点类似于在操作PS，我们只需要设置关键帧，鼠标点来点去就可以了，Blend会自动帮我们生成我们想要的动画效果. 第一步：要创建一个空的WPF项目 第二步：右键我们的项目，在最下方有一个，在Blend中设计  如果没有这个，应该是你在安装vs的时候把它勾掉了，默认是勾选的，没有的话也可以重新安装回来 点一下上方导航条的工具栏 安装一下就可以了 第三步：打开的Blend项目操作页面和WPF的页面几乎是一模一样的 我们在里面添加一个button按钮,设置长100，高30 然...

先看一下效果吧：   原博主的地址:【动画进阶】神奇的卡片Hover效果与Blur的特性探究ChokCoco博客园(cnblogs.com) 原效果是一个css效果,我们采用WPF的方式模仿一下 因为技术有限，没有原博主的那么好看，毕竟盗版永远比不过原版... 然后这里看一下盗版的怎么写吧 先是拿到原版的图片(原博客里面有图片地址)，当然也可以自己挑一张自己喜欢的图片,把图片保存到自己的WPF项目下面  再把图片运用到代码里面去，给一个border的背景设置成图片，再给border设置一个圆角，就会得到一个圆角的图片 <Grid> <Gridx:Na...

先看一下效果吧： isChecked=false的时候的效果 isChecked=true的时候的效果  然后我们来实现一下这个效果吧 第一步：创建一个空的wpf项目； 第二步：在项目里面添加一个checkbox <Grid> <CheckBoxHorizontalAlignment="Center"IsChecked="True" BorderBrush="Black"VerticalAlignment="Center" Content="switch"Background="FF00ADFF"/> </Grid> 这个时候的checkb...

先看一下效果吧 调用代码如下 <local:CycleProgressBarWidth="100"Height="100"Background="FFF68986"Foreground="FFFA1F09" Maximum="100"Minimum="0"Value="20"IsIndeterminate="False"/> 然后下面就来实现一下这个效果 第一步：先创建一个空的wpf项目 第二步：添加一个自定义控件，取名为CycleProgressBar 添加完以后，vs会自动生成一个类和一个Themes文件夹，下面有一个名为Generic的资源文件 Generic里面就...

首先看一下效果:  任意控件可以附加一个文字在控件的右上角，并带有红色背景 第一步，新建一个空的wpf项目: 第二步，创建一个类，取名为badge: 第三步，将badge的父类设置成  System.Windows.Documents.Adorner publicclassBadge:Adorner { publicBadge(UIElementadornedElement):base(adornedElement) { } } 里面的adornedElement表示badge后面附加的对象 关于Adorner这个类的说明，微软给了相应的教程 &...

先看效果图；   再说一下思路:   打开设计器，属性里面找到"颜色"，设置为渐变色，将渐变色设置为9段，分别是，红橙黄绿青蓝紫白黑(Red,Orange,Yellow,Lime,Cyan,Blue,Magenta,White,Black); 然后移动滑块儿，比如在红色和橙色和黄色之间移动的时候，会发现颜色的RGB值是有规律的变化的，R是固定的255，G是从0开始慢慢增加到255，B是固定的0； 在黄色和绿色之间变化的时候，R是从255开始减少，G是固定255，B还是固定的0； 所以总结出以下规律: //whenindex<=2R=255;G=up;B=0; //...