采取C#WPF实现自己的网页浏览器(自定义Tab控件)-C#教程-爱易网页

采取C#WPF实现自己的网页浏览器(自定义Tab控件)

日期：2014-05-18　浏览次数：21100 次

采用C#WPF实现自己的网页浏览器(自定义Tab控件)

欢迎大家提出意见,一起讨论!

转载请标明是引用于 http://blog.csdn.net/chenyujing1234

源码下载： http://www.rayfile.com/zh-cn/files/459fa05c-bf69-11e1-b0ff-0015c55db73d/

编译平台：VS2008 + .Net Framework 3.5

语言： C#

此博客的目的：

以浏览器程序的实现，学习自定义TabControl的方法，使之能实现系统Tab不具有的功能：

（1）排列方式扩展为：Top、Bottom、Left、Right

（2）增加对TabItem的事件处理

（3）

一、浏览器实现

效果图：

1、启动窗口显示两个按钮

它们的处理函数对应是去创建窗口WindowUsingItemProperty或WindowUsingItemsSourceProperty

 private void Items_Click(object sender, RoutedEventArgs e)
        {
            // WindowUsingItemProperty对应于WindowUsingItemsProperty.xaml文件中的
            // <Window x:Class="Test.WindowUsingItemProperty"
            var win = new WindowUsingItemProperty();
            win.Show();
        }
        private void ItemsSource_Click(object sender, RoutedEventArgs e)
        {
            var win = new WindowUsingItemsSourceProperty();
            win.Show();
        }

接下来的设计我们以WindowUsingItemProperty为例来说明.

2、加入自定义控件Wpf.TabControl

在WindowUsingItemProperty窗口的界面设计文件WindowUsingItemProperty.xaml中加入自定义控件Wpf.TabControl.

3、浏览器界面控件布局

首先将界面分为三行：

3、1 每一行加入TextBlock与TextBox，用于输入网址

当输入网址确认后的处理是获得浏览器对象并让浏览器导航到指定的网址

 private void textBox_KeyDown(object sender, System.Windows.Input.KeyEventArgs e)
        {
            // 按了回车键
            if (e.Key == Key.Return)
            {
                try
                {
                    // 鼠标变成等待
                    Cursor = System.Windows.Input.Cursors.Wait;
                    // 通过自己封闭的函数GetCurrentWebBrowser 获得当前的浏览器
                    System.Windows.Forms.WebBrowser browser = GetCurrentWebBrowser();
                    if (browser == null) return;

                    // 浏览器导航到指定的网址
                    browser.Navigate(textBox.Text);
                }
                finally
                {
                    Cursor = System.Windows.Input.Cursors.Arrow;
                }
            }
        }

而浏览器的获得是通过当前TabItem来得到的

   private System.Windows.Forms.WebBrowser GetCurrentWebBrowser()
        {
            // 获得TabControl当前选择的TabItem
            Wpf.Controls.TabItem item = tabControl.SelectedItem as Wpf.Controls.TabItem;
            if (item == null) return null;

            // 获得选中的TabItem中的Content,并转化为WindowFormsHost
            WindowsFormsHost host = item.Content as WindowsFormsHost;
            if (host == null) return null;

            // 获得WindowFormsHost的Child，来得到浏览器对象
            System.Windows.Forms.WebBrowser browser = host.Child as System.Windows.Forms.WebBrowser;
            return browser;
        }

3、2 根据自定义控件TabControl的规则加入节点

请注意空间 r: 的原因。

3、2、1 对TabControl中的TabItem显示的三种状态进行设置。

目的是为了看起来像IE7的样子。

3、2、2 加入TabItem

TabItem中包括了对Header、Icon的设置，及在Item中的内容中包裹WebI浏览器

在 3、1 中我们看到GetCurrentWebBrowser的获得有两个步骤：

（1）获得选中的TabItem中的Conte

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。