圖片Sprite wp7

Question

與在HTML/CSS中使用精靈圖像類似，我想用WP7創建它。我嘗試使用：

<Grid.Resources> 
    <ImageBrush x:Key="Test" ImageSource="/Resources/Images/thumbnails.png" 
      AlignmentX="0" AlignmentY="0" Stretch="Fill"/> 
    </Grid.Resources> 

<Rectangle Grid.Column="2" Fill="{StaticResource Test}" Width="22" Height="18" /> 

不知道如何，如果設置在0,0精靈開始的第一形象，是22寬，18的高度？

Answer 1

實現此目的的一種方法是添加創建畫布並將矩形幾何圖形指定給畫布的Clip屬性。

這個Canvas將是精靈控件。接下來向Canvas添加要顯示的圖像並定位圖像，以便顯示位圖的正確部分，其餘部分由剪輯截斷（我沒有測試代碼，可能存在小錯誤）：

<Canvas Width="[Width of the sprite frame]" Height="[width of the sprite frame]"> 
    <Canvas.Clip> 
     <RectangleGeometry 
      Rect="0,0,[width-of-the-Canvas],[height-of-the-Canvas]" /> 
    </Canvas.Clip> 
    <Image Source="[uri]" Canvas.Left="[x-offset]" Canvas.Top="[y-offset]" /> 
</Canvas> 

如果您覺得喜歡冒險，可以將Rect的大小綁定到Canvas的大小...