Изображение 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

Чтобы сделать это, добавьте создание Canvas и присвойте прямоугольную геометрию свойству 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 ...