WPF: выравнивание по горизонтали

Question

WPF: выравнивание по горизонтали

Вероятно, я просто пропускаю что-то очевидное, но я не могу заставить изображение в своем DataTemplate выравниваться направо в Сетке, так, чтобы, когда окно расширяется, изображение "вытянули" направо также:

<Window.Resources>
    <DataTemplate x:Key="PersonTemplate" DataType="Minimal.Client.Person">
        <Border BorderBrush="Purple" BorderThickness="2" CornerRadius="2" Padding="5" Margin="5">
            <Grid Margin="10">
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="Auto" MinWidth="200"/>
                    <ColumnDefinition Width="Auto" MaxWidth="200"/>
                </Grid.ColumnDefinitions>
                <StackPanel Grid.Column ="0" Orientation="Horizontal" >
                    <TextBlock FontFamily="Verdana" FontSize="16" FontWeight="Bold" Text="{Binding LastName}" />
                    <TextBlock FontFamily="Verdana" FontSize="16" Text=", " />
                    <TextBlock FontFamily="Verdana" FontSize="16" Text="{Binding FirstName}" />
                </StackPanel>
                <StackPanel Grid.Column="1" Orientation="Vertical" HorizontalAlignment="Right">
                    <Border BorderBrush="Black" BorderThickness="1">
                        <Image Source="{Binding Picture}" Width="180" Height="150" />
                    </Border>
                </StackPanel>
            </Grid>
        </Border>
    </DataTemplate>
</Window.Resources>

Какие-либо предложения?

5

wpf

задан emptyset 16 March 2010 в 16:29

2 ответа

Попробуйте убрать "MaxWidth" из определения второго столбца и установить Width в "*".

<Grid.ColumnDefinitions>
  <ColumnDefinition Width="Auto" MinWidth="200"/>
  <ColumnDefinition Width="*"/>
</Grid.ColumnDefinitions>

Это сохранит явные настройки для позиционирования второй колонки слева.

2

ответ дан 14 December 2019 в 19:09

Другие вопросы по тегам:

wpf

Похожие вопросы:

score 3 · Accepted Answer

Я думаю, проблема в том, что вы установили MaxWidth равным 200 для второго столбца (где находится изображение). Следовательно, столбец не будет шире 200 пикселей, и два столбца не будут использовать все доступное пространство. Если вы вставите еще один столбец между двумя столбцами и сделаете его размером со звезду, изображение будет выровнено по правому краю:

<Grid Margin="10">
    <Grid.ColumnDefinitions>
        <ColumnDefinition Width="Auto" MinWidth="200"/>
        <ColumnDefinition Width="*"/>
        <ColumnDefinition Width="Auto" MaxWidth="200"/>
    </Grid.ColumnDefinitions>
    <StackPanel Grid.Column ="0" Orientation="Horizontal" >
        <TextBlock FontFamily="Verdana" FontSize="16" FontWeight="Bold" Text="{Binding LastName}" />
        <TextBlock FontFamily="Verdana" FontSize="16" Text=", " />
        <TextBlock FontFamily="Verdana" FontSize="16" Text="{Binding FirstName}" />
    </StackPanel>
    <StackPanel Grid.Column="2" Orientation="Vertical" HorizontalAlignment="Right">
        <Border BorderBrush="Black" BorderThickness="1">
            <Image Source="{Binding Picture}" Width="180" Height="150" />
        </Border>
    </StackPanel>
</Grid>

Таким образом, это сработает для меня. Однако при использовании StackPanels следует соблюдать осторожность. Они всегда занимают столько места, сколько им нужно. И если им не будет предоставлено столько места, часть контента будет просто скрыта.

gehho.