c# - キャンバス内の長方形を移動するには?

Question

Canvas で四角形を移動したい場合、Top プロパティと Left プロパティを変更する必要がありますか? それが可能だと私が見る唯一の方法です。私はタイルベースのゲームを作っています。動かしたい四角形は敵とヒーローの画像でいっぱいです。

Answer 1

四角形で RenderTransform を使用することもできます。

<Window x:Class="WpfApplication2.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="MainWindow" Height="350" Width="525">
    <Canvas>
        <Rectangle Width="10" Height="10" Fill="Red">
            <Rectangle.RenderTransform>
                <TranslateTransform X="10" Y="10"/>
            </Rectangle.RenderTransform>
        </Rectangle>
    </Canvas>
</Window>

Answer 2

通常、ゲームがタイル ベースの場合は、タイルを移動しません。タイルの固定グリッドがあり、コンテンツを移動するだけです。たとえば、チェス盤を考えてみましょう。ピースが正方形 A1 から A7 に移動するとき、タイル A1 を A7 に移動するのではなく、タイル A1 のピースをタイル A7 に移動します。タイル マップがスクロール可能であっても、個々のタイルではなく、タイルを収容するグリッドを移動する必要があります。

このタスクには WPF グリッド コントロールを使用できます。これにより、行数と列数を定義でき、各グリッド セル内にイメージ コントロールを格納できます。次に、各画像ソースをモデルのさまざまなタイルにバインドできます。