欢迎来到代码驿站!

.NET代码

当前位置:首页 > 软件编程 > .NET代码

WPF自定义MenuItem样式的实现方法

时间:2021-03-01 13:40:45|栏目:.NET代码|点击:

一、前言

默认的MenuItem样式比较普通,这次自定义MenuItem的样式也只是对MenuItem的颜色风格进行变化。需要其他功能的变化,大家可以根据样式代码进行扩展。

MenuItem的样式代码:

<!--MenuItem-->
    <Style TargetType="MenuItem">
      <Setter Property="Template">
        <Setter.Value>
          <ControlTemplate TargetType="MenuItem">
            <Grid ToolTip="{TemplateBinding Header}" Height="24" Background="#FBFBFD" Width="{TemplateBinding Width}">
              <Grid.ColumnDefinitions>
                <ColumnDefinition Width="30" />
                <ColumnDefinition Width="*" MinWidth="80"/>
              </Grid.ColumnDefinitions>
              <Border Background="#EBEBED"/>
              <Border x:Name="_border"  Grid.ColumnSpan="2"/>
              <Image x:Name="_imgicon" Width="12" Height="12" Stretch="Uniform" Source="{Binding Icon,RelativeSource={RelativeSource TemplatedParent}}" />
              <TextBlock Foreground="#2D2D30" Grid.Column="1" Margin="5 0 15 0" VerticalAlignment="Center" x:Name="_txt" Text="{Binding Header,RelativeSource={RelativeSource TemplatedParent}}" />
              <Path Visibility="Collapsed" x:Name="_path" Grid.Column="1" HorizontalAlignment="Right" Margin="5 13 5 0"  Data="M0,4 4,0 0,-4 z" Fill="#7E8A92"/>
              <Popup Placement="Right" x:Name="SubMenuPopup" AllowsTransparency="True"  Focusable="False" IsOpen="{TemplateBinding IsSubmenuOpen}" >
                <ScrollViewer  ScrollViewer.VerticalScrollBarVisibility="Auto" ScrollViewer.HorizontalScrollBarVisibility="Disabled">
                  <Border Background="#ffc787" Name="SubmenuBorder" BorderBrush="LightGray" BorderThickness="1" SnapsToDevicePixels="True"  >
                    <StackPanel  IsItemsHost="True"  KeyboardNavigation.DirectionalNavigation="Cycle" />
                  </Border>
                </ScrollViewer>
              </Popup>

            </Grid>
            <ControlTemplate.Triggers>
              <Trigger Property="HasItems" Value="true">
                <Setter TargetName="_path" Property="Visibility" Value="Visible"/>
              </Trigger>
              <Trigger Property="IsMouseOver" Value="true">
                <Setter TargetName="_border" Property="Background" Value="#ffc787"/>
                <Setter TargetName="_txt" Property="Foreground" Value="White"/>
                <Setter TargetName="_path" Property="Fill" Value="White"/>
              </Trigger>
              <Trigger Property="IsEnabled" Value="false">
                <Setter TargetName="_txt" Property="Foreground" Value="Gray"/>
              </Trigger>
            </ControlTemplate.Triggers>
          </ControlTemplate>
        </Setter.Value>
      </Setter>
    </Style>

引用示例:

<Grid>
      <Grid.ContextMenu>
        <ContextMenu>
          <MenuItem Header="菜单一">
            <MenuItem Header="子菜单"/>
          </MenuItem>
          <MenuItem Header="菜单二"></MenuItem>
        </ContextMenu>

      </Grid.ContextMenu>
    </Grid>

显示效果:

所有代码已经上传到github:https://github.com/cmfGit/WpfDemo.git

总结

上一篇:c# 关闭窗体时提示的小例子

栏    目:.NET代码

下一篇:asp.net小孔子cms中的数据添加修改

本文标题:WPF自定义MenuItem样式的实现方法

本文地址:http://www.codeinn.net/misctech/71910.html

推荐教程

广告投放 | 联系我们 | 版权申明

重要申明:本站所有的文章、图片、评论等,均由网友发表或上传并维护或收集自网络,属个人行为,与本站立场无关。

如果侵犯了您的权利,请与我们联系,我们将在24小时内进行处理、任何非本站因素导致的法律后果,本站均不负任何责任。

联系QQ:914707363 | 邮箱:codeinn#126.com(#换成@)

Copyright © 2020 代码驿站 版权所有