需求描述:
给MenuItem内部的子Image设置默认图标(鼠标leave)、鼠标hover图标、和选中时的图标。
注:是给Menu内个别MenuItem修改,并且是弹出子菜单。
问题描述:
1)前提:Image绑定数据源成功,且Image设置默认图标(鼠标leave)、鼠标hover图标,已经在Image的对应事件中,通过image.source设置成功;
2)思路:在点击弹出的子菜单项时,通过修改image绑定的数据源,来设置新选中图标。
3)问题:修改image绑定的数据源成功,但图标依然显示的是默认图标。
4)分析:
a、注销掉在Image设置默认图标(鼠标leave)、鼠标hover图标的代码,则点击弹出的子菜单项时,设置新选中图标成功。
b、释放注释,跟踪点击弹出的子菜单项时,image.source的值一直不是选中的新图标。
c、释放注释,仅注释掉给image.source的相关代码,点击弹出的子菜单项时,设置新选中图标成功。跟踪image.source的值是选中的新图标。
5)结论:虽然修改image绑定的数据源成功,若存在给image.source 赋值操作,数据源并未起作用。
解决方法:
1、点击弹出的子菜单项时,将image绑定的数据源设置为选中的图标;
2、Image设置默认图标(鼠标leave)、鼠标hover图标时,不修改选中时显示的图标,仅在取消选中操作时,修改显示的图标;
3、点击弹出的子菜单项时,不仅将image绑定的数据源设置为选中的图标,而且获取该Menuitem的Image,将image.source的值是选中的新图标。
注:
操作的主体是数据源,其次才是控件,正常情况下控件的显示是随数据源变化。
参考代码如下:
1、设置Menuitem内Image的图片
![](https://i-blog.csdnimg.cn/blog_migrate/8f900a89c6347c561fdf2122f13be562.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/961ddebeb323a10fe0623af514929fc1.gif)
/// <summary> /// 设置菜单项内的图片(因为Image.source赋值后,显示不出绑定的图片,所以又重新赋值) /// </summary> /// <param name="mi"></param> /// <param name="isFlag"></param> /// <returns></returns> private bool SetMenuitemImage(System.Windows.Controls.MenuItem mi,bool isFlag) { bool isSuccess= false; try { if (mi != null) { XmlElement xe = mi.Header