WPF WebBrowser放大缩小问题

WebBrowser放大缩小可用下面几句话实现:

 mshtml.IHTMLDocument2 doc = myBrowser.Document as mshtml.IHTMLDocument2;
doc.parentWindow.execScript("document.body.style.zoom=" + Zoom.ToString() + ";");

 

但实现效果并不太好,网页内容在浏览器中显示效果不好,除了网页本身设计有问题外,显示效果与DPI有很大的关系,所以需要根据DPI调节显示比例,具体代码:

[DllImport("gdi32.dll")]
        public static extern int GetDeviceCaps(
            IntPtr hdc,         // handle to DC
            int nIndex          // index of capability
        );

        [DllImport("user32.dll")]
        public static extern bool SetProcessDPIAware();

        const int LOGPIXELSX = 88;
        const int LOGPIXELSY = 90;

        System.Drawing.PointF GetCurrentDIPScale()
        {
            System.Drawing.PointF scaleUI = new System.Drawing.PointF(1.0f, 1.0f);
            try
            {
                SetProcessDPIAware();
                IntPtr screenDC = GetDC(IntPtr.Zero);
                int dpi_x = GetDeviceCaps(screenDC, LOGPIXELSX);
                int dpi_y = GetDeviceCaps(screenDC, LOGPIXELSY);

                scaleUI.X = (float)dpi_x / 96.0f;
                scaleUI.Y = (float)dpi_y / 96.0f;
                ReleaseDC(IntPtr.Zero, screenDC);
                return scaleUI;
            }
            catch (System.Exception ex)
            {
            }

            return scaleUI;
        }


        /// <summary>
        /// The flags are used to zoom web browser's content.
        /// </summary>
        readonly int OLECMDEXECOPT_DODEFAULT = 0;
        readonly int OLECMDID_OPTICAL_ZOOM = 63;

        void SetZoom(WebBrowser webbrowser, int zoom)
        {
            try
            {
                if (null == webbrowser)
                {
                    return;
                }

                FieldInfo fiComWebBrowser = webbrowser.GetType().GetField(
                    "_axIWebBrowser2", BindingFlags.Instance | BindingFlags.NonPublic);
                if (null != fiComWebBrowser)
                {
                    Object objComWebBrowser = fiComWebBrowser.GetValue(webbrowser);

                    if (null != objComWebBrowser)
                    {
                        object[] args = new object[]
                        {
                            OLECMDID_OPTICAL_ZOOM,
                            OLECMDEXECOPT_DODEFAULT,
                            zoom,
                            IntPtr.Zero
                        };
                        objComWebBrowser.GetType().InvokeMember(
                            "ExecWB",
                            BindingFlags.InvokeMethod,
                            null, objComWebBrowser,
                            args);
                    }
                }
            }
            catch (System.Exception ex)
            {
            }
        }

        public static readonly String AppDataPath = Environment.GetFolderPath(Environment.SpecialFolder.ApplicationData);
        public static readonly String EmptyHTMLFilePath = System.IO.Path.Combine(AppDataPath, "Empty.html");
        public static readonly String EmptyHTML = @"<html><head><meta http-equiv=""Content-Type"" content=""text/html; charset=UTF-8""><style>body {overflow-y: hidden;}v\:* {behavior:url(#default#VML);}o\:* {behavior:url(#default#VML);}w\:* {behavior:url(#default#VML);}.shape {behavior:url(#default#VML);}</style></head><body></body></html>

 

调用方法:

private void myBrowser_LoadCompleted(object sender, NavigationEventArgs e)
        {
            WebBrowser browser = sender as WebBrowser;
            if (null != browser)
            {
                browser.LoadCompleted -= new System.Windows.Navigation.LoadCompletedEventHandler(myBrowser_LoadCompleted);
                System.Drawing.PointF scaleUI = GetCurrentDIPScale();
                if (100 != (int)(scaleUI.X * 100))
                {
                    SetZoom(browser, (int)(scaleUI.X * scaleUI.Y * 100));
                }
            }

 

  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
WPF中,想要实现图片放大缩小并且带有滚动条的效果,可以使用ScrollViewer控件结合Image控件来实现。 首先,在XAML文件中,我们可以使用如下代码定义一个ScrollViewer控件,并将其中的内容设置为一个Image控件: ``` <ScrollViewer> <Image x:Name="myImage" Source="your_image_source" Stretch="None" /> </ScrollViewer> ``` 在代码中,我们给ScrollViewer控件添加了一个Image子控件,并将其Stretch属性设置为"None",这样可以保证图片不会自动缩放。 接下来,在代码中,我们可以使用ScaleTransform控件来对图片进行放大缩小操作。例如,我们可以添加两个Button控件分别用于放大缩小图片,并在点击时修改图片的ScaleX和ScaleY属性: ``` <Button Content="放大" Click="ZoomIn_Click" /> <Button Content="缩小" Click="ZoomOut_Click" /> private void ZoomIn_Click(object sender, RoutedEventArgs e) { myImage.LayoutTransform = new ScaleTransform(1.2, 1.2); } private void ZoomOut_Click(object sender, RoutedEventArgs e) { myImage.LayoutTransform = new ScaleTransform(0.8, 0.8); } ``` 在上述代码中,我们使用ScaleTransform控件的构造函数分别设置了放大缩小的比例。 此外,当图片放大到超过ScrollViewer的可见区域时,我们希望能够出现滚动条以便浏览整个图片。这可以通过将ScrollViewer的HorizontalScrollBarVisibility和VerticalScrollBarVisibility属性设置为"Auto"来实现。例如: ``` <ScrollViewer HorizontalScrollBarVisibility="Auto" VerticalScrollBarVisibility="Auto"> <Image x:Name="myImage" Source="your_image_source" Stretch="None" /> </ScrollViewer> ``` 这样,当图片放大到超过ScrollViewer可见区域时,会自动出现水平和垂直滚动条。 综上所述,我们通过结合ScrollViewer和Image控件,并使用ScaleTransform实现了图片放大缩小效果,并通过设置滚动条的可见性来实现了滚动功能。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值