web-dev-qa-db-ja.com

wpfキャンバスで要素を中央に配置する方法

添付されたプロパティを使用して、wpfキャンバスの要素を中央に配置するにはどうすればよいですか？

wpfcanvaswpf-positioning
23
Soham Dasgupta

このようなもの。

double left = (Canvas.ActualWidth - element.ActualWidth) / 2;
Canvas.SetLeft(element, left);

double top  = (Canvas.ActualHeight - element.ActualHeight) / 2;
Canvas.SetTop(element, top);
17
mdm20

添付プロパティを使用する代わりに、XAMLでのみCanvas内の要素を中央揃えにする方法を探していたため、この投稿に出くわしました。

念のため、あなたは同じ理由で来ました：

<Canvas x:Name="myCanvas">
    <Grid Width="{Binding ActualWidth, ElementName=myCanvas}" 
          Height="{Binding ActualHeight, ElementName=myCanvas}">
        <Label Content="Hello World!"
               HorizontalAlignment="Center"
               VerticalAlignment="Center" 
        />
    </Grid>
</Canvas>
37
Martin Braun

これを行うために私が知っている唯一の方法は、キャンバスのサイズを把握し、それに基づいてプロパティを設定することです。これは、キャンバス上のSizeChangedのイベントハンドラーを使用して実行できます。

parentCanvas.SizeChanged += new SizeChangedEventHandler(parentCanvas_SizeChanged);

void parentCanvas_SizeChanged(object sender, SizeChangedEventArgs e)
{
    parentCanvas.SetLeft(uiElement, (parentCanvas.ActualWidth - uiElement.ActualWidth) / 2);
    parentCanvas.SetTop(uiElement, (parentCanvas.ActualHeight - uiElement.ActualHeight) / 2);
}
8
Robin

キャンバスと中央に配置する要素をグリッド内に配置できます。

<Grid>
    <Canvas Width="200" Height="200" Background="Black" />
    <Button Width="50" Height="20" > Hello
    </Button>
</Grid>
2
mLar