首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如何更改WPF `<Separator />`的高度?

如何更改WPF `<Separator />`的高度?
EN

Stack Overflow用户
提问于 2013-10-08 09:48:02
回答 3查看 10.4K关注 0票数 3

我在普通菜单(而不是上下文菜单)的列表菜单项目中使用wpf。

使用下列样式,不绘制分隔符:

代码语言:javascript
运行
复制
<Style x:Key="{x:Static MenuItem.SeparatorStyleKey}" TargetType="{x:Type Separator}">
    <Setter Property="Height" Value="2" />
</Style>

高度的值至少必须是12,但是离菜单的距离太大了。

这里发生了什么事?这合乎逻辑吗?有解决办法吗?

EN

回答 3

Stack Overflow用户

发布于 2018-08-14 10:42:40

只需缩放Y轴上的分隔符

代码语言:javascript
运行
复制
 <Separator>
    <Separator.RenderTransform>
        <ScaleTransform ScaleY="3" />
     </Separator.RenderTransform>
 </Separator>

这将把分离器的高度设置为原来的3倍。

参见:如何:缩放元素

票数 7
EN

Stack Overflow用户

发布于 2013-10-08 10:09:01

您可以使用Margin属性在一定程度上调整Separator元素的大小和/或空间:

代码语言:javascript
运行
复制
<StackPanel>
    <Button Width="100" Content="Click me" />
    <Separator Margin="50,20" />
    <Button Width="100" Content="Click me too" />
</StackPanel>

一般来说,它的长度将填充可用区域,而宽度将保持在一个像素,反之亦然,取决于它的方向。这将影响其Width

代码语言:javascript
运行
复制
<StackPanel>
    <Button Width="100" Content="Click me" />
    <Separator Margin="20" Width="20" />
    <Button Width="100" Content="Click me too" />
</StackPanel>

这不会影响这条线在这个方向上的Height,但它将影响它所占用的总空间:

代码语言:javascript
运行
复制
<StackPanel>
    <Button Width="100" Content="Click me" />
    <Separator Margin="20" Height="50" />
    <Button Width="100" Content="Click me too" />
</StackPanel>

如果您希望对行有更多的控制,那么我建议您改用班级

票数 3
EN

Stack Overflow用户

发布于 2015-10-27 21:47:27

使用负差:

代码语言:javascript
运行
复制
<Style x:Key="{x:Static MenuItem.SeparatorStyleKey}" TargetType="{x:Type Separator}">
    <Setter Property="Margin" Value="-4,0,-3,0" />
</Style>
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/19244379

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档