WPF备忘录(5)怎样修改模板中的控件

     首先,想问大家一个问题,你们如果要给一个Button添加背景图片会怎么做?(呵呵,这个问题又点小白哈)

是这样吗?

        <Button  Height="57" HorizontalAlignment="Left" Margin="106,86,0,0" Name="button1" 
           VerticalAlignment="Top" Width="147" BorderThickness="0">
            <Button.Background>
                <ImageBrush ImageSource="/WpfProgressBarDemo;component/Images/btn_13.png" />
            </Button.Background>
        </Button>

如果也是这样的话,那你们有没有碰到这个问题呢,当鼠标放到按钮上,背景会被改变呢?如图:

正常显示

鼠标放到按钮上

按钮就变成这样了,你们有没有碰到这样的事情?那你们又是怎么解决的呢,希望高手指点下。不胜感激……

我们的解决方案是做一个模板,把背景图片当作内容赋给Button代码如下:

             <Button  Name="btnSure" Click="btnSure_Click" Margin="10"   >
                <Button.Template>
                <ControlTemplate x:Name="ctSure">
                    <ContentControl>
                   <Image Source="/Oland.HSS.InHospital;component/Pictures/maintenance/1.png"></Image>
                    </ContentControl>
                    </ControlTemplate>
                </Button.Template>
            </Button>

这样就可以解决了刚才的那个问题,你们有好的建议吗?

下面又出现新的问题了,我想根据业务需要从后台改变按钮背景怎么办?呵呵,标题中的中的问题来(怎样修改模板中的控件):

其实也简单,就直接上代码了:

  private void Window_Loaded(object sender, RoutedEventArgs e)
        {
            if (!IsInMaintenance)
            {
                ControlTemplate template = btnSure.FindName("ctSure") as ControlTemplate;

                if (template != null)
                {
                    Image img = template.FindName("imgWork", btnSure) as Image;
                    img.Source = new BitmapImage(new Uri(@"../Pictures/maintenance/3.png", 
                                                       UriKind.Relative));
                }
            }
        }

 如果你把模板放在Resource里面你可以这样写

ControlTemplate template = (ControlTemplate)this.TryFindResource("模板名称");

   呵呵,很简单吧?其实我还有另外一个问题,也同样想征求大家的建议?我写了触发器,就是鼠标放上去会改变背景,直接鼠标操作没问题,但是在触屏上就需要点击两次才能执行不知道是什么状况,把触发器去了就没事了……希望大神点意见……

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏Windows Community

New UWP Community Toolkit - DropShadowPanel

概述 UWP Community Toolkit  中有一个为 Frmework Element 提供投影效果的控件 - DropShadowPanel,本篇我...

3537
来自专栏ml

makefile在编译的过程中出现“except class name”

今天写了部分代码,在添加到项目中后就那些编译,出现问题如下: logistic_regression_layer.h:20:16: error: expecte...

30910
来自专栏vue学习

【干货】前端自学之路(持续更新)

《JavaScript Dom编程艺术》 《JavaScript面向对象编程指南(基础)》 《JavaScript高级程序设计》 《高性能JavaScri...

842
来自专栏一“技”之长

iOS开发CoreAnimation解读之一——初识CoreAnimation核心动画编程

        众所周知,绚丽动画效果是iOS系统的一大特点,通过UIView层封装的动画,基本已经可以满足我们应用开发的所有需求,但若需要更加自由的控制动画的...

983
来自专栏Android-薛之涛

Android-Animation 总结(二(Valueanimator))

          之前讲了帧动画和补间动画,今天我们来说一说重头戏---Android Animation之属性动画(property animation)。

401
来自专栏从零开始学 Web 前端

CSS学习笔记(基础篇)

CSS 指层叠样式表 (Cascading Style Sheets)(级联样式表)

653
来自专栏九彩拼盘的叨叨叨

文档类型和渲染模式

浏览器根据文档类型来决定如何渲染页面。出现渲染模式的目的的为了兼容一些老旧(不符合w3c标准)的的页面。

802
来自专栏九彩拼盘的叨叨叨

图片不变形,宽高不超出父元素的情况下旋转图片

如题,具体的效果见这里 。做这样的效果的难点在于,计算没旋转前图片的宽,高和旋转后的宽高。

653
来自专栏IMWeb前端团队

[小技巧]巧妙使用flex, letter-spacing实现过渡动画

本文作者:IMWeb DeepKolos 原文出处:IMWeb社区 未经同意,禁止转载 巧妙利用flex, 实现下面的效果~ 无需js来获取clien...

1727
来自专栏知晓程序

开发 | 小程序「分享图」生成难?一招教你轻松解决

许多小程序,都提供了「分享图」功能。利用它,用户可以生成特制的分享图片,并分享到朋友圈。

1326

扫码关注云+社区