WPF自定义Popup和弹出菜单

Popup：

<StackPanel Grid.Column="0" Grid.Row="6" Orientation="Horizontal"><local:ImageButton x:Name="btn_back2" Margin="10,0,5,0" ImgPath="/Images/返回2.png" Width="112" Height="43" Template="{StaticResource ImageButtonTemplate}" Click="btn_back2_Click" /><local:ImageButton x:Name="btn_bg" Margin="5,0" ImgPath="/Images/背景.png"  Width="82" Height="43" Template="{StaticResource ImageButtonTemplate}" Click="btn_bg_Click" /><local:ImageButton x:Name="btn_jiaojia" Margin="5,0" ImgPath="/Images/脚架.png"  Width="82" Height="43" Template="{StaticResource ImageButtonTemplate}" Click="btn_jiaojia_Click" /><local:ImageButton x:Name="btn_xiangji" Margin="5,0" ImgPath="/Images/相机.png"  Width="82" Height="43" Template="{StaticResource ImageButtonTemplate}" Click="btn_xiangji_Click" />
</StackPanel>
<Popup x:Name="Pop_bg" PopupAnimation="Fade" Width="88" Height="125" PlacementTarget="{Binding ElementName=btn_bg}" Placement="Top" AllowsTransparency="True" StaysOpen="False" IsOpen="False"><Border><Border.Background><ImageBrush ImageSource="/AutoCamera;component/Images/下拉背景.png" /></Border.Background><StackPanel Margin="5"><local:ImageButton Width="70" Height="31" ImgPath="/Images/上升.png" Margin="2,10" Template="{StaticResource ImageButtonTemplate}" />             <local:ImageButton Width="70" Height="31" ImgPath="/Images/下降.png" Margin="2" Template="{StaticResource ImageButtonTemplate}" /></StackPanel></Border>
</Popup>
<Popup x:Name="Pop_jiaojia" PopupAnimation="Fade" Width="88" Height="125" PlacementTarget="{Binding ElementName=btn_jiaojia}" Placement="Top" AllowsTransparency="True" StaysOpen="False" IsOpen="False"><Border><Border.Background><ImageBrush ImageSource="/AutoCamera;component/Images/下拉背景.png" /></Border.Background><StackPanel Margin="5"><local:ImageButton Width="70" Height="31" ImgPath="/Images/上升.png" Margin="2" Template="{StaticResource ImageButtonTemplate}" /><local:ImageButton Width="70" Height="31" ImgPath="/Images/复位.png" Margin="2" Template="{StaticResource ImageButtonTemplate}" /><local:ImageButton Width="70" Height="31" ImgPath="/Images/下降.png" Margin="2" Template="{StaticResource ImageButtonTemplate}" /></StackPanel></Border>
</Popup>
<Popup x:Name="Pop_xiangji" PopupAnimation="Fade" Width="88" Height="125" PlacementTarget="{Binding ElementName=btn_xiangji}" Placement="Top" AllowsTransparency="True" StaysOpen="False" IsOpen="False"><Border><Border.Background><ImageBrush ImageSource="/AutoCamera;component/Images/下拉背景.png" /></Border.Background><StackPanel Margin="5"><local:ImageButton Width="70" Height="31" ImgPath="/Images/上升.png" Margin="2" Template="{StaticResource ImageButtonTemplate}" /><local:ImageButton Width="70" Height="31" ImgPath="/Images/复位.png" Margin="2" Template="{StaticResource ImageButtonTemplate}" /><local:ImageButton Width="70" Height="31" ImgPath="/Images/下降.png" Margin="2" Template="{StaticResource ImageButtonTemplate}" /></StackPanel></Border>
</Popup>

截图：

弹出菜单：

MyResDic.xaml

<ControlTemplate x:Key="SelfMenuItemTemplate" TargetType="{x:Type MenuItem}"><Border Background="Transparent"  Height="25"><StackPanel Orientation="Horizontal"><Rectangle Width="5" Height="25" Name="mousemark" Fill="Gray" /><TextBlock Margin="5,0" VerticalAlignment="Center" Text="{Binding Header, RelativeSource={RelativeSource TemplatedParent}}"/></StackPanel></Border><ControlTemplate.Triggers><Trigger Property="IsMouseOver" Value="True"><Setter TargetName="mousemark" Property="Fill" Value="Blue" /></Trigger></ControlTemplate.Triggers>
</ControlTemplate>

MainWindow.xaml

<local:ImageButton x:Name="btn_set" Width="27" Height="26" VerticalAlignment="Top"  ImgPath="/Images/设置菜单.png" Template="{StaticResource ImageButtonTemplate}" Click="btn_set_Click"><local:ImageButton.ContextMenu><ContextMenu Name="menu" Placement="MousePoint" Width="200"><MenuItem Header="修改密码" Template="{StaticResource SelfMenuItemTemplate}" /><MenuItem Header="设置照片存放位置" Template="{StaticResource SelfMenuItemTemplate}" /><MenuItem Header="设置套系解析位置" Template="{StaticResource SelfMenuItemTemplate}" /><MenuItem Header="进入官网" Template="{StaticResource SelfMenuItemTemplate}" /><ContextMenu.Template><ControlTemplate TargetType="{x:Type ContextMenu}"><Border Margin="10,10" Background="AliceBlue"><ItemsPresenter Margin="2,2" /><Border.Effect><DropShadowEffect BlurRadius="8" Opacity="0.5" /></Border.Effect></Border></ControlTemplate>                               </ContextMenu.Template></ContextMenu>                     </local:ImageButton.ContextMenu>
</local:ImageButton>

截图：

下面给大家欣赏下整个界面好了，请允许我小小的嘚瑟下~

工程下载地址（只实现了界面哦~）：
http://yun.baidu.com/share/link?shareid=1484254303&uk=3508115909

WPF自定义Popup和弹出菜单相关推荐

wpf 代码获取contextmenu_[C#] 转：在WPF里面获取右键弹出菜单（ContextMenu）的鼠标点击源（Owner）控件...
WPF的ContextMenu没有类似WinForm里面ContextMenu.SourceControl的概念,但是你可以通过ContextMenuService的GetPlacementTarge ...
选项菜单_上下文菜单_子菜单_图标菜单_自定义菜单_联系人标记弹出菜单
菜单控件<Menu > 选项菜单(Option Menu) 单击Menu实体按钮弹出,android中把它叫做option menu 上下文菜单(ContextMenu 是Menu的子接口 ...
java右键弹出菜单_javascript自定义右键弹出菜单实现方法
本文实例讲述了javascript自定义右键弹出菜单实现方法.分享给大家供大家参考.具体实现方法如下: 无标题页 var oPopup = window.createPopup(); function ...
Android自定义弹出菜单+动画实现
看到网上一个Demo里面弹出菜单的动画效果很好看,自己就利用工作空余时间也写了一下.具体实现如下: 1 自定义一个显示Icon的ImageView,主要用来判断该ImageView是否需要放在父布局底 ...
用 JA Transmenu 模块做多级弹出菜单
转自http://www.joomlagate.com "弹出菜单"这个说法本来不规范,尽管你我都明白这是什么意思,而实际上我们所理解的那个菜单样式英文说法是"Slide ...
教你如何创建类似QQ的android弹出菜单
热心推荐: Android ListView两种长按弹出菜单方式 popupwindow实现弹出菜单效果 Android人才招聘--最新招聘大家可能看到 android 的自带的系统菜单比较难看, ...
[Android] 底部菜单布局+PopupWindows实现弹出菜单功能(初级篇)
这篇文章主要是自己研究如何对底部菜单进行布局,并简单的实现点击不同"按钮"实现图片切换和背景切换的功能,最后通过PopupWindows实现弹出菜单,点击不同按钮能实现不同 ...
python getmenu不到菜单句柄,从弹出菜单win32 api Python中选择项目
我在 Windows 7 64位机器上使用python 2.7(32位).我正在使用win32 Api自动执行一些Windows任务,我也是python和win32 api的新手.我看到了类似的问题, ...
向上弹出菜单jQuery插件
插件名:柯乐义英文名:Keleyi js文件名称:jquery.keleyi.js 插件功能:该插件可以让你轻易地在页面上构建一个向上弹出的二级菜单. 支持浏览器: keleyi 0.1.4版本支持 ...

WPF自定义Popup和弹出菜单

WPF自定义Popup和弹出菜单相关推荐

最新文章

热门文章