图片放大器——wpf

<Grid>
                        <Image x:Name="imgSource" Source="{Binding WebPath}" HorizontalAlignment="Center" VerticalAlignment="Center" Width="40" Height="40">
                            <!--Tag="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=DataContext}" -->
                            <!--<Image.RenderTransform>
                                <ScaleTransform x:Name="scaleTrans" CenterX="20" CenterY="20"/>
                            </Image.RenderTransform>-->
                           
                            <i:Interaction.Triggers>
                                <i:EventTrigger EventName="MouseEnter">
                                    <i:InvokeCommandAction Command="{Binding MouseEnterFeedFileCommand}" CommandParameter="{Binding}"/>
                                </i:EventTrigger>
                                <i:EventTrigger EventName="MouseLeave">
                                    <i:InvokeCommandAction Command="{Binding MouseLeaveFeedFileCommand}" CommandParameter="{Binding}"/>
                                </i:EventTrigger>
                            </i:Interaction.Triggers>
                        </Image>
                    </Grid>

private void MouseEnterFeedFile(object obj) {     if (MouseEnterFeedFileEvent != null)     {         MouseEnterFeedFileEvent(this);     }

//ScaleTransform scaleTrans = new ScaleTransform { CenterX = 20, CenterY = 20 };     //Image img = obj as Image;     //if (img != null)     //{             //    Panel.SetZIndex(img, 9);     //    img.RenderTransform = scaleTrans;     //    scaleTrans.ScaleX += 5;     //    scaleTrans.ScaleY += 5;     //} }

private void MouseLeaveFeedFile(object obj)
{
    if (MouseLeaveFeedFileEvent != null)
    {
        MouseLeaveFeedFileEvent(this);
    }
    //Image img = obj as Image;
    //if (img != null)
    //{
    //    Panel.SetZIndex(img, 0);
    //    ScaleTransform scaleTrans = img.RenderTransform as ScaleTransform;
    //    if (scaleTrans != null)
    //    {
    //        scaleTrans.ScaleX -= 5;
    //        scaleTrans.ScaleY -= 5;
    //    }
    //}
}

时间: 2024-11-07 21:27:43

图片放大器——wpf的相关文章

jQZoom图片放大器插件。API说明文档,jQZoom使用说明

jQZoom是一个基于最流行的jQuery的图片放大器插件.它功能强大,使用简便.支持标准模式.反转模式.无镜头.无标题的放大,并可以自定义jQZoom的窗口位置和渐隐效果,修正IE6的select bug.使用之前,先引入jQZoom.js. zoomType,默认值:’standard’,另一个值是’reverse’,是否将原图用半透明图层遮盖. zoomWidth,默认值:200,放大窗口的宽度. zoomHeight,默认值:200,放大窗口的高度. xOffset,默认值:10,放大窗

代码方式给控件添加背景图片(WPF)

wpf中常常需要给控件添加背景图片,下边以wrapPanel为例,使用代码添加背景图片 WrapPanel xwraPanel = new WrapPanel(); ImageBrush ximgBrush = new ImageBrush(); Uri xuri = new Uri("pack://application:,,,/Images/JXimgs/MeterLayout.png", UriKind.Absolute); //注意这个的写法 ximgBrush.ImageSo

JS-商品图片放大器

//给mask添加事件,让其随着鼠标移动 superMask.onmousemove=function(){ var left=event.offsetX-175/2; left=left>0?left:0; left=left<175?left:175; var top=event.offsetY-175/2; top=top>0?top:0; top=top<175?top:175; mask.style.left=left+"px"; mask.style

JS - 图片放大器

下载地址:http://www.lanrentuku.com/js/tupian-1170.html

页面中图片细节放大展示

在很多的电商商品展示网页中,都会出现放大产品细节的功能,这里就根据主要原理,简单用css和js实现这个效果:实现原理:1.选择两张内容相同,大小不一致的图片,一个是要待选择细节的小图片,另一张是用来展示细节的大图片. 2.要出现“选择小图片哪个细节”就展示出“大图片相同部分的细节内容”,这里就牵扯到比例的问题,即小图片中,   鼠标选择出的细节大小与整个小图片的长宽比例,要和大图片展示出的区域与大图片的长宽比例一致,这样效果才会逼真,   如下图:    根据比例相等我们可以得到公式:h1/h2

网页的背景图片代码

网页背景图片代码 1.(最普遍类) <style>body{background-image:url(logo.gif);background-repeat:no-repeat;background-position:center}</style> 说明:以上代码为网页背景图片固定代码!网页背景图片固定代码,这样,当向下拉网页时,网页背景图片不会跟着向上移动,达到不动的目的! 2.(综合类) 3.<P class=style6> </P></SPAN&

WPF自定义控件与样式(15)-终结篇

原文:WPF自定义控件与样式(15)-终结篇 系列文章目录  WPF自定义控件与样式(1)-矢量字体图标(iconfont) WPF自定义控件与样式(2)-自定义按钮FButton WPF自定义控件与样式(3)-TextBox & RichTextBox & PasswordBox样式.水印.Label标签.功能扩展 WPF自定义控件与样式(4)-CheckBox/RadioButton自定义样式 WPF自定义控件与样式(5)-Calendar/DatePicker日期控件自定义样式及扩展

网页背景图片代码

1.(最普遍类) <style>body{background-image:url(logo.gif);background-repeat:no-repeat;background-position:center}</style> 说明:以上代码为网页背景图片固定代码!网页背景图片固定代码,这样,当向下拉网页时,网页背景图片不会跟着向上移动,达到不动的目的! 2.(综合类) 3.<P class="style6"> </P></SP

WPF自定义控件与样式(15)-终结篇 &amp; 系列文章索引 &amp; 源码共享

系列文章目录  WPF自定义控件与样式(1)-矢量字体图标(iconfont) WPF自定义控件与样式(2)-自定义按钮FButton WPF自定义控件与样式(3)-TextBox & RichTextBox & PasswordBox样式.水印.Label标签.功能扩展 WPF自定义控件与样式(4)-CheckBox/RadioButton自定义样式 WPF自定义控件与样式(5)-Calendar/DatePicker日期控件自定义样式及扩展 WPF自定义控件与样式(6)-ScrollV