1. 程式人生 > >#778 – 縮放變換動畫(Animating a Scale Transform)

#778 – 縮放變換動畫(Animating a Scale Transform)

下面是一個2D的縮放變換動畫的例子。在這個例子中按鈕會重複的變大變小抖動。


<Grid>
    <Button Content="Ship via Wells, Fargo & Co." HorizontalAlignment="Center" VerticalAlignment="Center"
            Padding="20,10" FontSize="16"
            RenderTransformOrigin="0.5,0.5">
        <Button.RenderTransform>
            <ScaleTransform x:Name="scaleTransform" ScaleX="0.98" ScaleY="1.02"/>
        </Button.RenderTransform>
        <Button.Triggers>
            <EventTrigger RoutedEvent="Button.Loaded">
                <BeginStoryboard>
                    <Storyboard>
                        <DoubleAnimation Storyboard.TargetName="scaleTransform"
                                         Storyboard.TargetProperty="ScaleX"
                                         From="0.98" To="1.02" Duration="0:0:0.3"
                                         AutoReverse="True" RepeatBehavior="Forever"/>
                        <DoubleAnimation Storyboard.TargetName="scaleTransform"
                                         Storyboard.TargetProperty="ScaleY"
                                         From="0.98" To="1.02" Duration="0:0:0.3"
                                         AutoReverse="True" RepeatBehavior="Forever"/>
                    </Storyboard>
                </BeginStoryboard>
            </EventTrigger>
        </Button.Triggers>
    </Button>
</Grid>
 




相關推薦

#778變換動畫Animating a Scale Transform

下面是一個2D的縮放變換動畫的例子。在這個例子中按鈕會重複的變大變小抖動。 <Grid> <Button Content="Ship via Wells, Fargo & Co." HorizontalAlignment="Center

安卓中為View新增動畫效果尺寸、透明度漸變、旋轉、移動

import android.view.View; import android.view.animation.AlphaAnimation; import android.view.animation.Animation; import android.view.anim

Wpf的幾種變換詳解

在WPF有五種基本變換,分別是RotateTransform:旋轉變換、ScaleTransform:縮放變換、SkewTransform:傾斜變換、TranslateTransform:移動變換、TransformGroup:變換組,在這裡我們分別講解這五種變換的使用方法以便在實際中更好的應用

性ImageView可以放大縮小

由於專案需求的原因,最近一直在研究可縮放性ImageView,用本文來記錄一下最近所學: 該ImageView的實現功能有: 1)初步開啟時,圖片按比例滿屏(填充ImageView)顯示。 2)在放大縮小過程中,可以控制最大放大比例和最小縮小比例。 3)在縮放過程中,若圖片

WPF 的Canvas畫圖區整體與平移

WPF物件都具有RenderTransform的屬性,可以通過設定RenderTransform來對WPF的元素進行變換,無論是控制元件還是形狀都可以變換。典型的變換包括縮小放大與平移。 (一)縮放 (二)平移 為了實現平移,這裡以按下滑鼠中間鍵並移動滑鼠作為事件觸

CSS3變形和動畫:旋轉、扭曲、、位移、矩陣 、原點 transform-origin、過渡屬性 transition-property、過渡所需時間 transition-duration...

旋轉、扭曲、縮放、位移、矩陣 、原點 transform-origin、過渡屬性 transition-property、過渡所需時間 transition-duration、過渡函式 transition-timing-function、過渡延遲時間 transition-

純C++超解析度重建DRRN --改編--歸一化BatchNorm和平移Scale

DRRN和前面相比增加了 1。歸一化(BatchNorm) 其中 均值(u) 和方差(std)需要除以一個約等於1000的比例因子,std 還要開平方 該部分已經放到載入模型中去了: // 輸入歸一化 x_norm = (x-u)/std, 其中u和std是個累計計算的

bitmap剪裁圖片等寬裁中間部分高

/** * 縮放擷取寬度固定高度正中部分後的點陣圖。 * * @param bitmap 原圖 */ public static Bitmap centerRectangleBitmap(Bitmap bitmap) {

檢視的平移、旋轉、等操作transform

override func viewDidLoad() { super.viewDidLoad() // Do any additional setup after loading the view, typically from

MFC 動態曲線 支援 顯示圖例CStatic派生類

首先宣告,本專案不是作者獨立完成的,而是藉助別人的修改得到,也不保證目前的版本沒有Bug,僅供大家參考和交流。若有不妥之處,還望指正。 之所以標為“原創”,是因為作者的確花了很大心思,並做了大幅修改和整理,望廣大網友包涵,哈哈。。。 開發環境:Windows 7 ,Visu

vtk平移旋轉變換:TransformOrderDemo

TransformOrderDemoVTKExamples/Cxx/PolyData/TransformOrderDemo<a href="https://github.com/lorensen/VTKExamples/blob/master/src/Testing/B

CSS佈局--transform應用矩形旋轉、、傾斜、滾動、3D轉換程式碼

<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <style

【一步步學OpenGL 8】 -《變換

教程8 縮放變換 背景 縮放變換非常簡單,它的目的是增大或者縮小物體的尺寸。比如你想使用同一個模型來製作很多不同的物體(大小不一的樹組成的樹林,用的同一個模型),或者你想按照比例讓物體和現實世界尺寸一致。在上面的情形中你就需要在三個座標

OpenGL: 變換

程式碼如下:#define GLUT_DISABLE_ATEXIT_HACK #include "gl/glut.h" #pragma comment(lib, "glut32.lib") int i = 0; void OnDisplay(void) { GLflo

更換oracle 集群網卡Changing a Network Interface

post data crs 52.0 network ifconf down oracle 更換 ?? 更換oracle 集群網卡(Changing a Network Interface) 假設換網卡前後 網卡名。ip,網關,子網掩碼都不變的話,集群層面不許要做額外

[Jmeter]jmeter之腳本錄制與回,優化windows下的jmeter

itl 同時 -1 線程租 結果 獲取 優化腳本 eight 次數 [Jmeter]jmeter之腳本錄制與回放,優化(windows下的jmeter) 一、錄制腳本: 1、啟動jmeter 2、添加線程組 3、添加http代理 4、配置代理 a、jmeter側(註

Android PullToRrefresh 自定義下拉刷新動畫 listview、scrollview等

appear ram nal ima cas 創建 protect tom inter PullToRefreshScrollView 自定義下拉刷新動畫,只需改一處。 以下部分轉載自http://blog.csdn.net/superjunjin/article/

LeetCode 74. 搜索二維矩陣Search a 2D Matrix

tar 編寫 搜索 family pty 個數 找到 leet 二分 題目描述 編寫一個高效的算法來判斷 m x n 矩陣中,是否存在一個目標值。該矩陣具有如下特性: 每行中的整數從左到右按升序排列。 每行的第一個整數大於前一行的最後一個整數。 示例 1: 輸入:

svg動畫跟著圖片描邊

效果圖   <!DOCTYPE html> <html lang="en">     <head>         <meta charse

階乘和數abc=a!+b!+c!

#include<stdio.h> long jc(int x) { int i;long p=1;                        &