使用ToggleButton和StackPanel+Border实现圆角开关按钮动画效果
<ToggleButton Height="" Width="" HorizontalAlignment="Left" Margin="138,122,0,0" Name="button1" VerticalAlignment="Top" Click="button1_Click">
<ToggleButton.Content>
<StackPanel Name="s1" Width="" Height="" Orientation="Horizontal" HorizontalAlignment="Left">
<Border Name="cd1" CornerRadius="" BorderThickness="" Width="" BorderBrush="#FF001900">
<Border.Background>
<ImageBrush ImageSource="/MoveButton;component/Images/12.png" />
</Border.Background>
</Border>
<Border Name="cd2" CornerRadius="" BorderThickness="" Width="" BorderBrush="#FF001900">
<Border.Background>
<ImageBrush ImageSource="/MoveButton;component/Images/13.png" />
</Border.Background>
</Border>
</StackPanel>
</ToggleButton.Content>
</ToggleButton>
private void button1_Click(object sender, RoutedEventArgs e)
{
if (button1.IsChecked == true)
{
DoubleAnimation d1 = new DoubleAnimation();
d1.From = ;
d1.To = ;
d1.Duration = new Duration(TimeSpan.Parse("0:0:0.2"));
cd2.BeginAnimation(StackPanel.WidthProperty, d1); DoubleAnimation d2 = new DoubleAnimation();
d2.From = ;
d2.To = ;
d2.Duration = new Duration(TimeSpan.Parse("0:0:0.2"));
cd1.BeginAnimation(StackPanel.WidthProperty, d2);
} if (button1.IsChecked == false)
{
DoubleAnimation d1 = new DoubleAnimation();
d1.From = ;
d1.To = ;
d1.Duration = new Duration(TimeSpan.Parse("0:0:0.2"));
cd2.BeginAnimation(StackPanel.WidthProperty, d1); DoubleAnimation d2 = new DoubleAnimation();
d2.From = ;
d2.To = ;
d2.Duration = new Duration(TimeSpan.Parse("0:0:0.2"));
cd1.BeginAnimation(StackPanel.WidthProperty, d2);
}
}
代码没精简,无图无真相,看看OFF和ON


使用ToggleButton和StackPanel+Border实现圆角开关按钮动画效果的更多相关文章
- 利用CSS3实现圆角的outline效果的教程
一.首先,outline是个很牛的东西1. border近亲outline和border是近亲,为什么这么讲呢?首先,都是给元素外面套框框的:其次,支持的属性值几乎都是一样的,例如,outline-s ...
- CSS如何实现圆角的outline效果?
一.首先,outline是个很牛逼的东西 温故而知鑫,10年的时候写过一篇可用性方面的文章:“页面可用性之outline轮廓外框的一些研究”,还算挺有用的:3年之后,也就是13年,介绍了个没什么使用价 ...
- Xib中设置控件的圆角、边框效果
设置控件的圆角和边框效果有两种方式: 1.代码实现: self.myView.layer.masksToBounds = YES; self.myView.layer.cornerRadius = ; ...
- WPF 采用Border创建圆角
通过设置可以创建圆角border的CornerRadius属性其边框呈现圆角样式 代码: <Border Height="50" Background="Red&q ...
- 使用jQuery实现类似开关按钮的效果
转自:http://www.cnblogs.com/linjiqin/p/3148228.html 本案例实现类似开关按钮效果. 页面有下拉列表.文本框.按钮等表单元素,大致实现如下效果:1.页面一加 ...
- iOS之用xib给控件设置圆角、边框效果
xib中为各种控件设置圆角 通过代码的方式设置 @interface ViewController () @property (weak, nonatomic) IBOutlet UIView *my ...
- 巧用border特性实现聊天气泡效果
利用border特性,实现三角形,很简单,我们直接看效果: html: <div class="bubble-container ">你好么 <div class ...
- 利用 border 实现的图片选区效果,只需一层图一蒙层
<html> <style> #p { background: url("http://soso5.gtimg.cn/sosopic_j/0/436416703332 ...
- 运动的border,仿当当简易效果
突然想到以前看到当当上有个效果,当鼠标移上去,图片边框是运动添加上的,还以为是css3或者是canvas做的呢,做完幽灵按钮后,才知道,so easy,只不过是animate+position的杰作 ...
随机推荐
- php网站共享session方法(相同一级域名)
这段时间做web开发使用的是php语言 要实现从主站进入子站时无需再登录(如已登录) 使用memcache实现 方法如下 修改php.ini如下 添加 extension=php_memcache.d ...
- [Usaco2008 Feb]Meteor Shower流星雨
去年偶们湖南遭受N年不遇到冰冻灾害,现在芙蓉哥哥则听说另一个骇人听闻的消息: 一场流星雨即将袭击整个霸中,由于流星体积过大,它们无法在撞击到地面前燃烧殆尽, 届时将会对它撞到的一切东西造成毁灭性的打击 ...
- HDU1849 Rabbit and Grass()
用异或看取得的值是否为0推断 思想换没搞懂 #include<stdio.h> int main() { int ans,n,a; while(scanf("%d",& ...
- Eclipse扩展点
~~ org.eclipse.ui.actionSets(IWorkbenchWindowActionDelegate)|| org.eclipse.ui.commands 这两个扩展点都是对菜单进 ...
- JAVA的反射机制学习笔记(二)
上次写JAVA的反射机制学习笔记(一)的时候,还是7月22号,这些天就瞎忙活了.自己的步伐全然被打乱了~不能继续被动下去.得又一次找到自己的节奏. 4.获取类的Constructor 通过反射机制得到 ...
- JQuery 事件与动画
第一大部分 提纲 事件与动画 一.事件 1.在JavaScript语法中的事件,把onxxxxx中的on去掉,就是JQuery中的事件. onclick - click ondblclick - db ...
- ME21N增强提示警告消息
在ME21N增强中,可以使用message的方法提示错误的消息,但警告消息使用message则提示不了,需要使用系统宏mmpur_message 提示. data:begin of lw_equp, ...
- 给工程师的 10 条哲理(浅薄者迷信运气,强者相信因果,软件复制成本为零,文凭不重要,AWS使得创业成本为零,每个手机都是口袋里的强大电脑)
无论是主题分布式数据库,微服务,Soylent,尤伯杯,或者矮人要塞,我们试图从物质分离出来炒作,推迟叙事的客人.与尊重有软件工程日报的社论部分客观性. 一位渠道的成员说,“当软件工程每日的意见公布, ...
- [计算机基础]HTTP协议学习笔记
HTTP:Hypertext transfer protocol超文本传输协议是一种详细规定了浏览器和Internet之间互相通信的规则 HTTP允许传输任意类型的数据对象,由Content-Type ...
- PYQT4 + Python2.6 + eric4-4.2.2a的安装全过程
PYQT4 + Python2.6 + eric4-4.2.2a的安装全过程 - beike - ITeye技术网站 PYQT4 + Python2.6 + eric4-4.2.2a的安装全过程 博客 ...