4

我有一个使用 ItemContainerStyle 的 ListBox。我已经尝试了所有我能想到的让 CheckBox 控件垂直和水平居中。有任何想法吗？

<ListBox
  IsSynchronizedWithCurrentItem="True" 
  Height="Auto" Width="Auto" DockPanel.Dock="Top"
  ItemContainerStyle="{StaticResource lbcStyle}" />

<Style TargetType="ListBoxItem" x:Key="lbcStyle">
    <Style.Triggers>
        <Trigger Property="IsSelected" Value="True">
          <Setter Property="ContentTemplate" Value="{StaticResource editable}"/>
        </Trigger>
    </Style.Triggers>
    <Setter Property="ContentTemplate" Value="{StaticResource nonEditable}"/>
    <Setter Property="HorizontalContentAlignment" Value="Center"/> '//i have tried stretch here also
    <Setter Property="VerticalContentAlignment" Value="Stretch"/>
</Style>

CheckBoxes 得到这种风格：

<Style x:Key="editorCheckBox" TargetType="{x:Type CheckBox}">
    <Setter Property="MinWidth" Value="67" />
    <Setter Property="Height" Value="25" />
    <Setter Property="Margin" Value="5,0,5,0" />
    <Setter Property="VerticalAlignment" Value="Center" />
    <Setter Property="HorizontalAlignment" Value="Center" />
</Style>

以下是可编辑/不可编辑的：

<DataTemplate x:Key="editable">
              <Border x:Name="brdEditable" Width="Auto" HorizontalAlignment="Stretch">
                <DockPanel x:Name="dpdEditable" LastChildFill="True" Width="Auto" Height="Auto">
                  <Grid x:Name="grdEditable" Width="Auto" Height="Auto">
                    <Grid.ColumnDefinitions>
                      <ColumnDefinition Width="25" />
                      <ColumnDefinition Width="25" />
                      <ColumnDefinition Width="100" />
                      <ColumnDefinition Width="100" />
                      <ColumnDefinition Width="80" />
                      <ColumnDefinition Width="110" />
                      <ColumnDefinition Width="110" />
                      <ColumnDefinition Width="60" />
                      <ColumnDefinition Width="90" />
                    </Grid.ColumnDefinitions>
                    <Grid.RowDefinitions>
                      <RowDefinition></RowDefinition>
                      <RowDefinition></RowDefinition>
                    </Grid.RowDefinitions>
                    '...
                    <CheckBox x:Name="chkActive" Grid.Column="7" Height="25" Style="{StaticResource editorCheckBox}" ToolTip="Is Construction Active?" IsEnabled="true" Validation.ErrorTemplate="{StaticResource validationTemplate}">
                      <CheckBox.IsChecked>
                        <Binding Path="Active">
                          <Binding.ValidationRules>
                            <DataErrorValidationRule></DataErrorValidationRule>
                            <ExceptionValidationRule></ExceptionValidationRule>
                          </Binding.ValidationRules>
                        </Binding>
                      </CheckBox.IsChecked>
                    </CheckBox>
                    '...
                    <ContentControl Name="ExpanderContent" Visibility="Collapsed" Grid.Row="1" Grid.Column="1" Grid.ColumnSpan="14"></ContentControl>
              </Grid>
            </DockPanel>
          </Border>
        </DataTemplate>



 <DataTemplate x:Key="nonEditable">
      <Border x:Name="brdNonEditable" Width="Auto" HorizontalAlignment="Stretch">
        <DockPanel Width="Auto" Height="25">
          <Grid Width="Auto" Height="25">
            <Grid.ColumnDefinitions>
              <ColumnDefinition Width="25" />
              <ColumnDefinition Width="25" />
              <ColumnDefinition Width="100" />
              <ColumnDefinition Width="100" />
              <ColumnDefinition Width="80" />
              <ColumnDefinition Width="110" />
              <ColumnDefinition Width="110" />
              <ColumnDefinition Width="60" />
              <ColumnDefinition Width="90" />
            </Grid.ColumnDefinitions>
            <CheckBox x:Name="chkActive" Grid.Column="7" Height="25" Style="{StaticResource editorCheckBox}" ToolTip="Is Construction Active?" IsEnabled="false" Validation.ErrorTemplate="{StaticResource validationTemplate}">
              <CheckBox.IsChecked>
                <Binding Path="Active">
                  <Binding.ValidationRules>
                    <DataErrorValidationRule></DataErrorValidationRule>
                    <ExceptionValidationRule></ExceptionValidationRule>
                  </Binding.ValidationRules>
                </Binding>
              </CheckBox.IsChecked>
            </CheckBox>
            <Label Content="calCompDate" Style="{StaticResource editorLabelList}" Grid.Column="8" ToolTip="{Binding Path= CompDate}" />
          </Grid>
        </DockPanel>
      </Border>
    </DataTemplate>

非常感谢所有试图帮助我解决这个问题的人！

4

5 回答 5

2

尝试将ScrollViewer.HorizontalScrollBarVisibility属性设置"Disabled"为 ListBox 上。这会强制项目容器具有固定宽度；否则，它们可以具有任何水平尺寸，并且无法合理计算水平对齐方式。

根据 Donnelle 的回答，垂直对齐应该是修改 ListBoxItem 样式的问题。

编辑：在您的代码片段中，复选框位于一个网格内，该网格位于一个边框内的 DockPanel 内。您要准确地将哪个元素居中？你确定其他人不干涉吗？这是我的建议和 Horizo​​ntalContentAlignment="Center" 对我的看法，只有数据模板中的复选框：

替代文字 再进行一次编辑：我复制/粘贴了您的网格/停靠面板/边框，它们与您粘贴的片段中的显示完全相同，结果完全相同- 项目水平居中。

于 2010-08-26T09:31:34.567 回答
0

我有同样的问题。您是否尝试过直接在样式中的 ListBoxItem 上设置“Horizo​​ntalAlignment”？（不是水平内容对齐）

于 2009-01-08T20:44:10.460 回答
0

您是否尝试在 ListBox 本身上将 Horizo​​ntalContentAlignment 设置为“Stretch”？我相信这是使每个 ListBoxItem 填充 ListBox 的宽度所必需的。

于 2009-01-08T21:36:33.880 回答
0

设置 ListBoxItem 样式的高度——而不是复选框——可以满足我的要求。

于 2009-01-12T20:21:29.887 回答
0

复选框左上角对齐。为了快速而肮脏，我已将复选框上的边距更新为 20 行高的 4,3,0,0。可能需要根据您的行高以及如果您想要左侧的缓冲区进行调整。如果您没有时间编写自己的模板或使用其他控件/容器，margin 属性可以让您摆脱奇怪的格式情况。

于 2009-09-20T01:38:30.080 回答