Wp7故事板動畫設置出現水平

我只是想知道是否有一種方法來設置一個垂直的閾值，你想要一個故事板項目出現在屏幕上（當滑入和滑出），以便它不當它彈出和彈出時，必須滑過屏幕上的所有內容。我有一個根據計時器事件翻轉的項目列表，但是當一個項目進入屏幕時，它會通過所有其他按鈕和用戶控件，而且看起來不太漂亮。如果我可以讓它看起來好像項目從背景中滑出來一樣，那將會很好。Wp7故事板動畫設置出現水平

我有兩個故事板動畫，一個處理對象在另一箇中滑動以處理需要滑出的當前對象。內容區域兩側還有箭頭按鈕，目前物體在箭頭上方滑動，這正是我想要消除的。這裏是故事板代碼：

<Storyboard x:Key="newsIn" x:Name="newsIn"> 
     <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(CompositeTransform.TranslateX)" Storyboard.TargetName="newsContent"> 
      <EasingDoubleKeyFrame KeyTime="0" Value="500"/> 
      <EasingDoubleKeyFrame KeyTime="0:0:0.5" Value="0"> 
       <EasingDoubleKeyFrame.EasingFunction> 
        <BounceEase EasingMode="EaseIn" Bounces="0"/> 
       </EasingDoubleKeyFrame.EasingFunction> 
      </EasingDoubleKeyFrame> 
     </DoubleAnimationUsingKeyFrames> 
    </Storyboard> 

    <Storyboard x:Key="newsOut" x:Name="newsOut"> 
     <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(CompositeTransform.TranslateX)" Storyboard.TargetName="newsContent"> 
      <EasingDoubleKeyFrame KeyTime="0" Value="0"/> 
      <EasingDoubleKeyFrame KeyTime="0:0:0.5" Value="-500"> 
       <EasingDoubleKeyFrame.EasingFunction> 
        <BounceEase EasingMode="EaseIn" Bounces="0"/> 
       </EasingDoubleKeyFrame.EasingFunction> 
      </EasingDoubleKeyFrame> 
     </DoubleAnimationUsingKeyFrames> 
    </Storyboard>

如果我描述得很清楚，我不知道，但如果有人這樣做之前或資源在那裏我可以學到這樣做你的幫助是極大的讚賞都知道。

謝謝你的時間。

答案：將元素放置在畫布（或某個容器）內，並使用Clip屬性僅當他們在專用區域內進行渲染時才使用。

<Canvas Name="newsContent" Grid.Column="1" > 
     <Canvas.Clip> 
      <RectangleGeometry Rect="0,0,372,200"/> 
     </Canvas.Clip> 
     <Ui element/> 
     <Ui element2/> 
     .... 
    </Canvas>

來源

2012-06-18 methodMan

好的，你可以嘗試在控件上使用clipToBounds = true作爲你的內容容器，即包含「新聞」項目的控件（例如畫布或網格等））。確保你的箭頭等不在同一個容器中

來源

2012-06-21 01:01:25 Nogusta

我的天啊，剪輯屬性正是我一直在尋找的！我不敢相信我以前沒有找到。我剛剛製作了一個帶有剪輯屬性的Canvans，然後讓我的UI元素滑入和滑出。 – methodMan

感謝您的幫助！ – methodMan

您可能只能對不透明屬性設置動畫效果？使它在位置後纔可見

來源

2012-06-19 00:01:43 Nogusta

但是，然後你不會得到滑動效果，我正在尋找我的網格滑入視圖，但不是從屏幕結束開始。所以你首先會看到網格的一小部分，然後越來越多地滑入視圖。就像點擊一個按鈕將某些東西固定在WP7上的開始菜單上一樣，您會看到該菜單從任何地方滑下來。有任何想法嗎？ – methodMan

除非您正在討論關於網格部分的不透明度的動畫，並且慢慢增加了滑動到位時可以看到的數量。那可能嗎？ – methodMan

如果不能看到您的動畫代碼，很難評論。但是，網格上的不透明。它不需要是漸進的，但只需計時，一旦它通過了「閾值」就可以看到 – Nogusta

Wp7故事板動畫設置出現水平

回答

相關問題