<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实现圆角开关按钮动画效果的更多相关文章

  1. 利用CSS3实现圆角的outline效果的教程

    一.首先,outline是个很牛的东西1. border近亲outline和border是近亲,为什么这么讲呢?首先,都是给元素外面套框框的:其次,支持的属性值几乎都是一样的,例如,outline-s ...

  2. CSS如何实现圆角的outline效果?

    一.首先,outline是个很牛逼的东西 温故而知鑫,10年的时候写过一篇可用性方面的文章:“页面可用性之outline轮廓外框的一些研究”,还算挺有用的:3年之后,也就是13年,介绍了个没什么使用价 ...

  3. Xib中设置控件的圆角、边框效果

    设置控件的圆角和边框效果有两种方式: 1.代码实现: self.myView.layer.masksToBounds = YES; self.myView.layer.cornerRadius = ; ...

  4. WPF 采用Border创建圆角

    通过设置可以创建圆角border的CornerRadius属性其边框呈现圆角样式 代码: <Border Height="50" Background="Red&q ...

  5. 使用jQuery实现类似开关按钮的效果

    转自:http://www.cnblogs.com/linjiqin/p/3148228.html 本案例实现类似开关按钮效果. 页面有下拉列表.文本框.按钮等表单元素,大致实现如下效果:1.页面一加 ...

  6. iOS之用xib给控件设置圆角、边框效果

    xib中为各种控件设置圆角 通过代码的方式设置 @interface ViewController () @property (weak, nonatomic) IBOutlet UIView *my ...

  7. 巧用border特性实现聊天气泡效果

    利用border特性,实现三角形,很简单,我们直接看效果: html: <div class="bubble-container ">你好么 <div class ...

  8. 利用 border 实现的图片选区效果,只需一层图一蒙层

    <html> <style> #p { background: url("http://soso5.gtimg.cn/sosopic_j/0/436416703332 ...

  9. 运动的border,仿当当简易效果

    突然想到以前看到当当上有个效果,当鼠标移上去,图片边框是运动添加上的,还以为是css3或者是canvas做的呢,做完幽灵按钮后,才知道,so  easy,只不过是animate+position的杰作 ...

随机推荐

  1. 【ASP.NET Web API教程】6 格式化与模型绑定

    原文:[ASP.NET Web API教程]6 格式化与模型绑定 6 Formats and Model Binding 6 格式化与模型绑定 本文引自:http://www.asp.net/web- ...

  2. 键盘游戏之canvas--用OO方式写

    虽然写的不是很好,但 解释权以及版权仍然归13东倍所有!  <!DOCTYPE HTML> <html> <head> <title>canvas-00 ...

  3. SINGLETON(单例模式)---(孤独的人)

    很多时候,我们都很彷徨,因为,在身边的朋友,很少. package patterns.createable.singleton; /** * 孤独的人啊 * 我为你写了一个类 * 这个类,在我们的程序 ...

  4. FFT算法的物理意义

    FFT是离散傅立叶变换的高速算法,能够将一个信号变换到频域.有些信号在时域上是非常难看出什么特征的,可是如果变换到频域之后,就非常easy看出特征了.这就是非常多信号分析採用FFT变换的原因.另外,F ...

  5. Jedi项目,还真得好好看看,有许多控件和新封装的API(Delphi里面没有)

    以前没有重视 http://www.delphi-jedi.org/ https://github.com/project-jedi https://sourceforge.net/projects/ ...

  6. [Android学习笔记]Android中多线程开发的一些概念

    线程安全: 在多线程的情况下,不会因为线程之间的操作而导致数据错误. 线程同步: 同一个资源,可能在同一时间被多个线程操作,这样会导致数据错误.这是一个现象,也是一个问题,而研究如何解决此类问题的相关 ...

  7. sqlserver 操作技巧

    1.将不同库中的一张表数据导入到另外一张表中去 ① 两张表多存在实体,两表的字段相同,字段的顺序相同的话. insert into 表B select * from 表A ② 两张表多存在实体,两表的 ...

  8. 得到一个div下 特定ID的所有标签

    比如说得到 <div id="showsp"> <div id="a"></div> <div id="a& ...

  9. 计算机视觉与模式识别代码合集第二版two

    Topic Name Reference code Image Segmentation Segmentation by Minimum Code Length AY Yang, J. Wright, ...

  10. [Network]Wireless and Mobile

    Wireless 1 Introduction 1.1 Elements 1. Wireless Hosts Wireless does not mean mobility. 2. Base Stat ...