Центрирование флажка в GridViewColumn? - PullRequest
Новая
       27

Центрирование флажка в GridViewColumn?

3 голосов
/ 23 декабря 2010

В настоящее время я борюсь за то, чтобы мои CheckBox были правильно центрированы в моих GridViewColumn с.

Я определил Style для моих CheckBox es следующим образом: 

<Style TargetType="{x:Type CheckBox}" x:Key="DataGridCheckBox">
    <Setter Property="HorizontalAlignment" Value="Center" />
    <Setter Property="HorizontalContentAlignment" Value="Center" />
    <Setter Property="IsEnabled" Value="False" />
    <Setter Property="Margin" Value="4" />
    <Setter Property="VerticalAlignment" Value="Center" />
    <Setter Property="VerticalContentAlignment" Value="Center" />
    <Setter Property="Width" Value="{Binding RelativeSource={RelativeSource FindAncestor,AncestorType={x:Type GridViewColumn}},Path=ActualWidth}" />
</Style>

И мои CheckBox добавляются в GridViewColumn, используя DataTemplate, например: 

<GridViewColumn Header="Comment">
    <GridViewColumn.CellTemplate>
        <DataTemplate>
            <CheckBox Style="{StaticResource DataGridCheckBox}" IsChecked="{Binding PropertyItem.Comment, Converter={StaticResource booleanConverter}, ConverterParameter='string'}"/>
        </DataTemplate>
    </GridViewColumn.CellTemplate>
</GridViewColumn>

Но у меня проблема в том, что CheckBox остаются выровненными по левому краю (даже при изменении размера столбца).

Есть идеи?

Заранее спасибо,
Sonny

РЕДАКТИРОВАТЬ: Я возился с CheckBox в пустом окне, и я думаю, что проблема может быть связана с элементом управления CheckBox. Если я сделаю очень широкий CheckBox, я все равно не смогу заставить часть CheckBox выровняться внутри себя. Он всегда хочет идти в верхнем левом углу. Как следует из названия, свойства ContentAlignment, кажется, только выравнивают содержимое.

1 Ответ

11 голосов
/ 23 декабря 2010

Попробуйте установить для HorizontalContentAlignment значение Stretch для 

<ListView ...>
    <ListView.ItemContainerStyle>
        <Style TargetType="ListViewItem">
            <Setter Property="HorizontalContentAlignment" Value="Stretch" />
        </Style>
    <ListView.ItemContainerStyle>
    <!-- ... -->
</ListView>

для ListViewItem. Обновление

Вот только пример Xaml, в котором центрированы флажки.Вставьте его и попробуйте:) 

<Grid>
    <ListView>
        <ListView.ItemContainerStyle>
            <Style TargetType="ListViewItem">
                <Setter Property="HorizontalContentAlignment" Value="Stretch" />
            </Style>
        </ListView.ItemContainerStyle>
        <ListView.Resources>
            <Style TargetType="{x:Type CheckBox}" x:Key="DataGridCheckBox">
                <Setter Property="HorizontalAlignment" Value="Center" />
                <Setter Property="HorizontalContentAlignment" Value="Center" />
                <Setter Property="IsEnabled" Value="False" />
                <Setter Property="Margin" Value="4" />
                <Setter Property="VerticalAlignment" Value="Center" />
                <Setter Property="VerticalContentAlignment" Value="Center" />
                <Setter Property="Width" Value="{Binding RelativeSource={RelativeSource FindAncestor,AncestorType={x:Type GridViewColumn}},Path=ActualWidth}" />
            </Style>
        </ListView.Resources>
        <ListView.View>
            <GridView>
                <GridViewColumn Header="Comment">
                    <GridViewColumn.CellTemplate>
                        <DataTemplate>
                            <CheckBox Style="{StaticResource DataGridCheckBox}" IsChecked="True"/>
                        </DataTemplate>
                    </GridViewColumn.CellTemplate>
                </GridViewColumn>
            </GridView>
        </ListView.View>
        <ListViewItem>Item1</ListViewItem>
        <ListViewItem>Item2</ListViewItem>
        <ListViewItem>Item3</ListViewItem>
    </ListView>
</Grid>
...