日韩无码专区无码一级三级片|91人人爱网站中日韩无码电影|厨房大战丰满熟妇|AV高清无码在线免费观看|另类AV日韩少妇熟女|中文日本大黄一级黄色片|色情在线视频免费|亚洲成人特黄a片|黄片wwwav色图欧美|欧亚乱色一区二区三区

RELATEED CONSULTING
相關(guān)咨詢
選擇下列產(chǎn)品馬上在線溝通
服務(wù)時(shí)間：8:30-17:00
你可能遇到了下面的問題
關(guān)閉右側(cè)工具欄

新聞中心

這里有您想知道的互聯(lián)網(wǎng)營銷解決方案
SilverLight動(dòng)畫緩沖具體操作指南

對(duì)于開發(fā)人員來說，他們每天面對(duì)的都是一串一串無聊的代碼行。而且程序出來后實(shí)現(xiàn)的效果也是比較單一的。但是應(yīng)用上SilverLight后，其效果就會(huì)發(fā)生很大的變化。在這里我們就會(huì)為大家詳細(xì)分析一下有關(guān)SilverLight動(dòng)畫緩沖的相關(guān)概念。#t#

SilverLight動(dòng)畫緩沖設(shè)計(jì)的目的是可以讓你創(chuàng)建和使用多種特殊的動(dòng)畫效果，包括以下會(huì)介紹的反彈或叫做“跳躍”效果（bouncing or "spring" effects）。Silverlight 3.0在命名空間System.Windows.Media.Animation namespace下內(nèi)置了許多緩沖功能。

使用動(dòng)畫緩沖功能可以讓你很容易地讓對(duì)象產(chǎn)生很真實(shí)的動(dòng)畫效果而不用你自己去研究物理學(xué)。

舉個(gè)例子，如果你想讓你的動(dòng)畫產(chǎn)生一個(gè)很真實(shí)的“彈跳”，你或者可以自己研究一下物理學(xué)然后為它寫個(gè)程序，或者使用內(nèi)置的彈跳緩沖（bounce easing）功能，你可以通過使用animation標(biāo)簽的的新的子標(biāo)簽EasingFunction來實(shí)現(xiàn)它。

考慮一下這么一個(gè)情況。在Silverlight中，如果你想讓一個(gè)橢圓產(chǎn)生從屏幕頂部到底部的動(dòng)畫，你需要使用一個(gè)< Storyboard>對(duì)象，里面包含一個(gè)< DoubleAnimation>指向橢圓的"Top"屬性。要是想給這個(gè)動(dòng)畫增加緩沖，你只需要簡單地往里添加SilverLight動(dòng)畫緩沖功能的定義，如下所示：

 
 
 
    
  
  
  
  1. < Canvas x:Name="LayoutRoot" 
    Background="White"> 
    2. 
  
  
  
  2. < Canvas.Resources> 
    3. 
  
  
  
  3. < Storyboard x:Name="bounce"> 
    4. 
  
  
  
  4. < DoubleAnimation From="0" To="300"
     Duration="0:0:10" 
    5. 
  
  
  
  5. Storyboard.TargetName="myCircle" 
    6. 
  
  
  
  6. Storyboard.TargetProperty="(Canvas.Top)"> 
    7. 
  
  
  
  7. < DoubleAnimation.EasingFunction> 
    8. 
  
  
  
  8. < BounceEase Bounces="10" 
    EasingMode="EaseOut" Bounciness="2">   
    9. 
  
  
  
  9. < /BounceEase> 
    10. 
  
  
  
  10. < /DoubleAnimation.EasingFunction> 
    11. 
  
  
  
  11. < /DoubleAnimation> 
    12. 
  
  
  
  12. < /Storyboard> 
    13. 
  
  
  
  13. < /Canvas.Resources> 
    14. 
  
  
  
  14. < Ellipse x:Name="myCircle" Width="40"
     Height="40" Fill="Red" Canvas.Top="0"
     Canvas.Left="50">< /Ellipse> 
    15. 
  
  
  
  15. < /Canvas> 
    16.

加粗的EasingFunction的定義包含了你想要使用的緩沖的類型，不同的類型有不同的參數(shù)來定義緩沖。舉個(gè)例子，要模擬一個(gè)物體落下時(shí)的反彈，你只要指定開始和結(jié)束時(shí)的位置（Top從'From'0到'To'300），然后使用緩沖來定義彈跳的行為。在這個(gè)例子中是被設(shè)置成彈跳10次，而且是在動(dòng)畫結(jié)束的時(shí)候開始彈跳（緩沖模式'EasingMode'被設(shè)置成'EaseOut'）。

注意使用SilverLight動(dòng)畫緩沖可以有3種方式：EaseIn，在這種模式下會(huì)在動(dòng)畫結(jié)束的時(shí)候開始緩沖；EaseOut，動(dòng)畫開始的時(shí)候開始緩沖；EaseInOut，兩種情況下都會(huì)發(fā)生。

所以如果你想象一個(gè)彈跳效果就像我們之前看到的在一個(gè)值上使用動(dòng)畫讓它從0變到100，并使用彈跳緩沖，會(huì)發(fā)生以下的情況：

EaseIn：值從0開始向100移動(dòng)，在到達(dá)100之前返回到0，再向100移動(dòng)，再返回，每次都更接近100，直到到達(dá)100.

EaseOut：值從0開始向100移動(dòng)，到達(dá)100后往0的方向移動(dòng)，到達(dá)0之前返回100，再反彈，每次都離0更遠(yuǎn)，直到停止在100上。

EaseInOut：是前2個(gè)的奇怪組合，在值超過一半之前按EaseIn的方式彈跳，超過一半后按EaseOut的方式彈跳。

你可以看到在我們之前的例子里我們使用了EaseOut的模式，因?yàn)樗M球落下時(shí)的彈跳有更自然地效果。

所有內(nèi)置的SilverLight動(dòng)畫緩沖都可以在System.Windows.Media.Animation命名空間下找到。以下的描述是基于EaseIn的模式。但是你可以從它推知EaseOut和EaseInOut中的效果。雖然下面有對(duì)這些功能的簡單的介紹，但是每個(gè)緩沖模式之間的區(qū)別可能是非常細(xì)微的。***能夠試驗(yàn)一下來體會(huì)。


網(wǎng)站欄目：SilverLight動(dòng)畫緩沖具體操作指南
URL網(wǎng)址：http://www.5511xx.com/article/cdhjgdg.html