WPF中做出一个QQ登陆界面

Xaml：

<Window x:Class="ChatSoftware.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:ChatSoftware"
        mc:Ignorable="d"
        Title="MainWindow" Height="603.659" Width="994.776">
    <Window.Resources>
        <local:Number x:Key="Key_Number"/>
        <local:Fruits x:Key="Key_Fruits"/>
    </Window.Resources>
    <Grid HorizontalAlignment="Left" Height="" Margin="10,10,0,0" VerticalAlignment="Top" Width="">
        <Grid.Background>
            <ImageBrush ImageSource="Resources/timg (3).jpg"/>
        </Grid.Background>
        <Grid.RowDefinitions>
            <RowDefinition Height=""/>
            <RowDefinition/>
        </Grid.RowDefinitions>
        <StackPanel HorizontalAlignment="Left" Height="" Margin="192,119,0,0" VerticalAlignment="Top" Width="" Grid.Column="">
            <Grid Height="" Background="Transparent" Margin="0,0,-100.2,0">
                <Grid.RowDefinitions>
                    <RowDefinition/>
                    <RowDefinition/>
                    <RowDefinition Height=""/>
                </Grid.RowDefinitions>
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width=""/>
                    <ColumnDefinition/>
                    <ColumnDefinition/>
                </Grid.ColumnDefinitions>
                <Image HorizontalAlignment="Left" Height="" Margin="36,36,0,0" Grid.RowSpan="" VerticalAlignment="Top" Width="" Source="Resources/2.jpg" RenderTransformOrigin="0.513,0.666" Stretch="Fill"/>
                <ComboBox Background="White" DataContext="{StaticResource Key_Number}" ItemsSource="{Binding Items, Source={StaticResource Key_Number}}" SelectedIndex="" Grid.Column="" HorizontalAlignment="Left" Margin="34,36,0,0" VerticalAlignment="Top" Width="" Height="" Grid.ColumnSpan="" BorderBrush="#FFC0EBCB" IsEditable="True" FontSize=""/>
                <CheckBox Content="记住密码" Grid.Column="" HorizontalAlignment="Left" Margin="34,10,0,0" Grid.Row="" VerticalAlignment="Top" Height="" Width="" FontSize="" FontStyle="Oblique" Foreground="#FFD7C73B"/>
                <CheckBox Content="自动登陆" Grid.Column="" HorizontalAlignment="Left" Margin="20.8,9.8,0,0" Grid.Row="" VerticalAlignment="Top" Height="" RenderTransformOrigin="0.438,1.063" FontSize="" Foreground="#FF9174BF"/>
                <PasswordBox Grid.Column="" MaxLength="" HorizontalAlignment="Left" Margin="34,28,0,0" Grid.Row="" VerticalAlignment="Top" Height="" Grid.ColumnSpan="" Width="" FontSize=""/>
                <TextBlock Grid.Column="" HorizontalAlignment="Right" Margin="0,36,9.8,0" TextWrapping="Wrap" Text="" Width="" Height="" VerticalAlignment="Top" FontSize="">
                    <Hyperlink NavigateUri="http://www.baidu.com" Click="Hyperlink_Click"
                       >注册账号</Hyperlink>
                </TextBlock>

            </Grid>
        </StackPanel>
        <Border BorderBrush="Black" BorderThickness="" HorizontalAlignment="Left" Height="" Margin="360,10,0,0" Grid.Row="" VerticalAlignment="Top" Width="" CornerRadius="" Background="{DynamicResource {x:Static SystemColors.ActiveCaptionBrushKey}}">
            <Button Background="Transparent" Content="登     陆" FontSize="" Foreground="#FF264515" RenderTransformOrigin="0.477,0.058" Margin="-0.8,-0.8,-1,0" BorderBrush="Transparent"/>
        </Border>
        <TextBlock HorizontalAlignment="Left" Margin="764,219,0,0" TextWrapping="Wrap" Text="" VerticalAlignment="Top" Height="" Width="" Foreground="#FFB8D60D" FontSize="">
            <Hyperlink NavigateUri="http://www.baidu.com" Click="Hyperlink_Click"
                       >找回密码</Hyperlink>
        </TextBlock>
    </Grid>
</Window>

后台：

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
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;
using System.Diagnostics;

namespace ChatSoftware
{
    /// <summary>
    /// MainWindow.xaml 的交互逻辑
    /// </summary>
    public partial class MainWindow : Window
    {
        public MainWindow()
        {
            InitializeComponent();

        }

        private void Hyperlink_Click(object sender, RoutedEventArgs e)
        {
            Hyperlink link = sender as Hyperlink;

            Process.Start(new ProcessStartInfo(link.NavigateUri.AbsoluteUri));
        }
    }

}

Class（Number）：

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;

namespace ChatSoftware
{
    public class Number
    {
        public Number()
        {
            Items = new List<string>
            {
                "",
                "",
                "",
                "",
            };
        }

        public List<string> Items { get; set; }
    }
}

效果图：