当前位置：文江博客话题详情

如何对齐 WPF Expander 控件切换按钮

发布于 2024-08-27 12:03:45 字数 42 浏览 5 评论 0原文

您好，我想知道是否可以将 WPF 扩展器控件上的切换按钮对齐到最右侧？

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

晨光如昨 2024-09-03 12:03:47

有了 WPF，一切皆有可能。 ;) 不幸的是，并非所有事情都很简单。最好的选择是重新模板化扩展器。首先复制默认的 Expander 模板，可在此处< /a>.

接下来，找到包含 2 列的 Grid，其中一列包含 ToggleButton，另一列包含 ContentPresenter。交换列，使切换按钮位于第 1 列。然后更改列定义大小，使第一列为星形大小，第二列大小为 20。完成后，模板中应该有一个如下所示的块：

<Grid>
  <Grid.ColumnDefinitions>
    <ColumnDefinition Width="*" />
    <ColumnDefinition Width="20" />
  </Grid.ColumnDefinitions>
    <ToggleButton Grid.Column="1"
      IsChecked="{Binding Path=IsExpanded,Mode=TwoWay,
      RelativeSource={RelativeSource TemplatedParent}}"
      OverridesDefaultStyle="True" 
      Template="{StaticResource ExpanderToggleButton}" 
      Background="{StaticResource NormalBrush}" />
    <ContentPresenter Margin="4" 
      ContentSource="Header" 
      RecognizesAccessKey="True" />
</Grid>

继续修改模板，直到获得所需的外观和感觉。

编辑：MSDN 上提供的模板是“真实”扩展器模板的基本版本。如果您需要风格化的扩展器模板，请使用 Expression Blend 并从 Expander 复制现有控件模板。

With WPF all things are possible. ;) Unfortunately not all things are simple. Your best bet here is to re-template the expander. Start out by copying the default Expander template, found here.

Next, find the Grid that contains 2 columns, one containing a ToggleButton and the other containing a ContentPresenter. Swap the columns so the toggle is in column 1. Then change the column definition sizes so the first column is star-sized, and the second is size 20. When finished, you should have a chunk in the template that looks like this:

<Grid>
  <Grid.ColumnDefinitions>
    <ColumnDefinition Width="*" />
    <ColumnDefinition Width="20" />
  </Grid.ColumnDefinitions>
    <ToggleButton Grid.Column="1"
      IsChecked="{Binding Path=IsExpanded,Mode=TwoWay,
      RelativeSource={RelativeSource TemplatedParent}}"
      OverridesDefaultStyle="True" 
      Template="{StaticResource ExpanderToggleButton}" 
      Background="{StaticResource NormalBrush}" />
    <ContentPresenter Margin="4" 
      ContentSource="Header" 
      RecognizesAccessKey="True" />
</Grid>

Continue modifying the template until you get the look and feel that you need.

EDIT: The template provided on MSDN is a bare-bones version of the "real" expander template. If you want the stylized expander template, use Expression Blend and copy the existing control template off an Expander.

回复收藏 0 原文

~没有更多了~