[WPF]MenuItem右侧空白

最新推荐文章于 2025-07-24 10:45:46 发布

转载最新推荐文章于 2025-07-24 10:45:46 发布 · 524 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/youliao/p/6178700.html

本文介绍了一种在WPF应用程序中解决ContextMenu显示时右侧出现多余空白的方法。通过调整MenuItem的Padding和宽度属性，可以有效消除空白区域，使菜单布局更加紧凑。

<Window>
    <Grid Background="SteelBlue">
        <Grid.ContextMenu>
            <ContextMenu>
                <MenuItem Header="右侧空白"/>
                <MenuItem Header="右侧空白"/>
                <MenuItem Header="右侧空白"/>
            </ContextMenu>
        </Grid.ContextMenu>
    </Grid>
</Window>

<Window>
    <Grid Background="SteelBlue">
        <Grid.ContextMenu>
            <ContextMenu>
                <MenuItem Header="右侧真的存在空白"/>
                <MenuItem Header="右侧真的存在空白"/>
                <MenuItem Header="右侧真的存在空白"/>
            </ContextMenu>
        </Grid.ContextMenu>
    </Grid>
</Window>

解决办法：

<Window>
    <Grid Background="SteelBlue">
        <Grid.ContextMenu>
            <ContextMenu>
                <ContextMenu.ItemContainerStyle>
                    <Style TargetType="MenuItem">
                        <Setter Property="Padding" Value="5,4,-80,0"/>
                        <Setter Property="Width" Value="130"/>
                    </Style>
                </ContextMenu.ItemContainerStyle>
                <MenuItem Header="右侧好像没有空白"/>
                <MenuItem Header="右侧好像没有空白"/>
                <MenuItem Header="右侧好像没有空白"/>
            </ContextMenu>
        </Grid.ContextMenu>
    </Grid>
</Window>