1.实现效果(相关注释已写在代码中):
(1)简介:尝试着用wpf写一个简易浏览器,利用其中的WebBrowser控件来实现浏览器效果,但发现程序运行之后,该控件用的是IE浏览器的内核(点击网址链接后会弹出一个IE的窗口),并没有实现理想效果!因此结果有些失望,但还是把方法展示了出来,方便日后的学习和改正!
(2)静态图:
(3)动态图:
(2)
MainWindow.xaml代码:
<Window x:Class="borwser.MainWindow"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
xmlns:local="clr-namespace:borwser"
mc:Ignorable="d"
Title="Browser" Height="450" Width="800" WindowStartupLocation="CenterScreen">
<Grid>
<Grid.RowDefinitions><!--设置两行,第一行将用来存放地址输入栏以及其后面的按钮,第二行将用来存放textbrowser组件-->
<RowDefinition Height="30" />
<RowDefinition/>
</Grid.RowDefinitions>
<!--设置顶栏-->
<StackPanel Grid.Row="0" Height="30" Orientation="Horizontal" >
<TextBox x:Name="urlTextBox" ToolTip="请输入网址" Height="30" Width="500" KeyDown="UrlTextBox_KeyDown"/><!--网址输入框-->
<Button x:Name="previousButton" ToolTip="转到前一个页面" Width="50" Height="30" Click="previousButton_Click"> <!--转到前一个页面按钮-->
<Image Source="Images/previous.png" RenderTransformOrigin="0.561,0.734" Height="25">
</Image>
</Button>
<Button x:Name="nextButton" ToolTip="转到后一个页面" Width="50" Height="30" Click="nextButton_Click"> <!--转到后一个页面按钮-->
<Image Source="Images/next.png" Margin="0" RenderTransformOrigin="0.5,0.5">
</Image>
</Button>
<Button x:Name="refreshButton" ToolTip="刷新该页面" Width="50" Height="30" Click="refreshButton_Click"><!--刷新界面按钮-->
<Image Source="Images/refresh.png" Margin="0"/>
</Button>
</StackPanel>
<!--设置WebBrowser界面-->
<WebBrowser x:Name="browser" Grid.Row="1"/>
</Grid>
</Window>
MainWindow.xaml.cs代码:
using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Text.RegularExpressions;
using System.Threading.Tasks;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Data;
using System.Windows.Documents;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Imaging;
using System.Windows.Navigation;
using System.Windows.Shapes;
namespace borwser
{
/// <summary>
/// MainWindow.xaml 的交互逻辑
/// </summary>
public partial class MainWindow : Window
{
private readonly Regex _urlPattern = new Regex(@"\w*://\w*(.\w*)+");//正则表达式
public MainWindow()
{
InitializeComponent();
}
private void previousButton_Click(object sender, RoutedEventArgs e)//转到前一个页面按钮点击事件
{
if (browser.CanGoBack)
{
browser.GoBack();
}else
{
MessageBox.Show("暂时没有前一页");
}
}
private void nextButton_Click(object sender, RoutedEventArgs e)//转到后一个页面按钮点击事件
{
if (browser.CanGoForward)
{
browser.GoForward();
}
else
{
MessageBox.Show("暂时没有下一页");
}
}
private void refreshButton_Click(object sender, RoutedEventArgs e)//刷新该页面按钮点击事件
{
browser.Refresh();
}
private void UrlTextBox_KeyDown(object sender, KeyEventArgs e)//按下回车键
{
if (e.Key == Key.Return)
{
var url = urlTextBox.Text;
if (!_urlPattern.IsMatch(url))//如果直接在地址栏textBox中输入网址,程序会崩溃(例如,www.baidu.com不是一个完整的url,而http://www.baidu.com才是)
{
url = "http://" + url;//如果输入的网址前面没有http://,就在输入的网址前面自动加入htttp://;
}
browser.Navigate(url);
}
}
}
}
(3)App.xaml代码:
<Application x:Class="borwser.App"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:local="clr-namespace:borwser"
StartupUri="MainWindow.xaml">
<Application.Resources>
</Application.Resources>
</Application>
App.xaml.cs代码:
using System;
using System.Collections.Generic;
using System.Configuration;
using System.Data;
using System.Linq;
using System.Threading.Tasks;
using System.Windows;
namespace borwser
{
/// <summary>
/// App.xaml 的交互逻辑
/// </summary>
public partial class App : Application
{
}
}