Windowsストアアプリの画像をクリッピングする

Question

スプライトをUWP a.k.aに保存する方法は？ this SO postに記載されている2つの方法は、UWPでは機能しません。 （CroppedBitmapクラスは動作せず、ImageBrushクラスはViewboxプロパティを持たない）。私はRenderTransformとClipをやってみましたが、どちらも成功しませんでした。どこへ行く？

Answer 1

@bebbsと同じように、Win2Dは、UWPでスプライトを使用するのに適しています。 Win2Dは、GPUアクセラレーションを使用した即時モードの2Dグラフィックスレンダリング用の使いやすいWindowsランタイムAPIです。 Win2DのCanvasSpriteBatch Classはスプライトのシナリオに最適化されています。

CanvasSpriteBatchは、多くのスプライトが同じソースビットマップを使用して行で描画される場合は特に、複数のビットマップをより効率的に引き出すことを可能にし、DrawImage APIよりも優れた性能を有しています。 CanvasSpriteBatchは、以下の機能をサポートしています

• スプライトは、自分の位置、スケール、回転、色合いで描画することができる（Draw OverloadとDrawFromSpriteSheet Overload）
• 個々のスプライトは、水平方向または垂直方向に反転されてもよいです。 （CanvasSpriteFlip）
• スプライトシート（DrawFromSpriteSheet Overload）
• スプライトは、スプライトシートのスプライトの間にパディングを追加する必要性を除去し、clamped to a source rectangleとすることができます。
• パフォーマンス向上のため、バッチはsorted by bitmapにすることができます。

CanvasSpriteBatchの使用方法の詳細については、CanvasSpriteBatch Class documentとGitHubのSprite Sheets sampleを参照してください。

アップデート：私は

<Rectangle Width="128" Height="192"> 
    <Rectangle.Fill> 
     <ImageBrush AlignmentX="Left" 
        AlignmentY="Top" 
        ImageSource="Assets/WizardIdleRight.png" 
        Stretch="None"> 
      <ImageBrush.Transform> 
       <TranslateTransform x:Name="SpriteSheetOffset" X="0" Y="-384" /> 
      </ImageBrush.Transform> 
     </ImageBrush> 
    </Rectangle.Fill> 
</Rectangle> 

をここに：

あなたがWin2Dを使用したくない場合は、あなたが欲しいものachiveする一つの簡単な方法は、次のようにTransformでImageBrushを使用していますSprite Sheets sampleにWizardIdleRight.pngを使用した場合、オフセットをTranslateTransformに変更することができます私たちが望むスプライト