WPF仿QQ登录界面（持续更新中）

最新推荐文章于 2024-06-12 16:58:58 发布

夜落璇玑

最新推荐文章于 2024-06-12 16:58:58 发布

阅读量415

点赞数

文章标签： wpf c# .net

本文链接：https://blog.csdn.net/weixin_45579788/article/details/133135749

版权

登录界面图示

在这里插入图片描述

登录界面代码

XAML代码

    <Window x:Class="QQv1._0.MainWindow"
            xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
            xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
            xmlns:Fluent="urn:fluent-ribbon"
            xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
            xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
            xmlns:local="clr-namespace:QQv1._0"
            mc:Ignorable="d"
            Title="QQ"
            Height="330"
            Width="430">

    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition Height="126" />
            <RowDefinition Height="119*" />
            <RowDefinition Height="59*" />
        </Grid.RowDefinitions>
        <Border Background="AliceBlue" Margin="0,0,0,118" Grid.RowSpan="2" />
        <Grid Grid.Row="0">
            <Grid.Background>
                <LinearGradientBrush StartPoint="0,0" EndPoint="0,1">
                    <GradientStop Offset="0" Color="#66ffff"></GradientStop>
                    <GradientStop Offset="1" Color="#66ccff"></GradientStop>
                </LinearGradientBrush>
            </Grid.Background>
        </Grid>
        <Grid Grid.Row="1" Grid.RowSpan="2">
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="80" />
                <ColumnDefinition />
                <ColumnDefinition Width="80" />
            </Grid.ColumnDefinitions>
            <Grid Grid.Column="0">
                <Grid.RowDefinitions>
                    <RowDefinition />
                    <RowDefinition Height="0.35*" />
                </Grid.RowDefinitions>
                <Label Grid.Row="1" Content="注册账号" Opacity="0.5" FontSize="14" HorizontalAlignment="Center" VerticalAlignment="Center" />
            </Grid>
            <Grid Grid.Column="1">
                <Grid.RowDefinitions>
                    <RowDefinition />
                    <RowDefinition />
                    <RowDefinition />
                    <RowDefinition />
                </Grid.RowDefinitions>
                <Grid Grid.Row="0">
                    <TextBox x:Name="tbxUserName" Margin="10,2" Height="30" VerticalContentAlignment="Center">
                        <TextBox.Resources>
                            <VisualBrush x:Key="HintText" TileMode="None" Opacity="0.5" Stretch="None" AlignmentX="Left">
                                <VisualBrush.Visual>
                                    <TextBlock FontStyle="Italic" Text="请输入用户名" />
                                </VisualBrush.Visual>
                            </VisualBrush>
                        </TextBox.Resources>
                        <TextBox.Style>
                            <Style TargetType="TextBox">
                                <Style.Triggers>
                                    <Trigger Property="Text" Value="">
                                        <Setter Property="Background" Value="{StaticResource HintText}" />
                                    </Trigger>
                                </Style.Triggers>
                            </Style>
                        </TextBox.Style>
                    </TextBox>
                </Grid>
                <Grid Grid.Row="1">
                    <TextBox x:Name="tbxPassWord" Margin="10,2" Height="30" VerticalContentAlignment="Center">
                        <TextBox.Resources>
                            <VisualBrush x:Key="HintText" TileMode="None" Opacity="0.5" Stretch="None" AlignmentX="Left">
                                <VisualBrush.Visual>
                                    <TextBlock FontStyle="Italic" Text="请输入密码" />
                                </VisualBrush.Visual>
                            </VisualBrush>
                        </TextBox.Resources>
                        <TextBox.Style>
                            <Style TargetType="TextBox">
                                <Style.Triggers>
                                    <Trigger Property="Text" Value="">
                                        <Setter Property="Background" Value="{StaticResource HintText}" />
                                    </Trigger>
                                </Style.Triggers>
                            </Style>
                        </TextBox.Style>
                    </TextBox>
                </Grid>
                <Grid Grid.Row="2">
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="0.1*" />
                        <ColumnDefinition Width="0.15*" />
                        <ColumnDefinition Width="0.08*" />
                        <ColumnDefinition Width="0.15*" />
                        <ColumnDefinition Width="0.2*" />
                    </Grid.ColumnDefinitions>
                    <CheckBox x:Name="chkAutoLogin" Grid.Column="0" HorizontalAlignment="Right" Margin="1" VerticalAlignment="Center" FontSize="12" Checked="chkAutoLogin_Click" />
                    <CheckBox Grid.Column="1" IsChecked="{Binding IsChecked, ElementName=chkAutoLogin}" Margin="1" Content="自动登录" Opacity="0.5" VerticalAlignment="Center" FontSize="12">
                        <CheckBox.Template>
                            <ControlTemplate TargetType="CheckBox">
                                <ContentPresenter />
                            </ControlTemplate>
                        </CheckBox.Template>
                    </CheckBox>
                    <CheckBox x:Name="chkRemPsw" Margin="1" Grid.Column="2" HorizontalAlignment="Right" VerticalAlignment="Center" FontSize="12" Checked="chkRemPsw_Click" />
                    <CheckBox Grid.Column="3" IsChecked="{Binding IsChecked, ElementName=chkRemPsw}" Margin="1" Content="记住密码" Opacity="0.5" VerticalAlignment="Center" FontSize="12">
                        <CheckBox.Template>
                            <ControlTemplate TargetType="CheckBox">
                                <ContentPresenter />
                            </ControlTemplate>
                        </CheckBox.Template>
                    </CheckBox>
                    <Label Grid.Column="4" Content="找回密码" Opacity="0.5" VerticalAlignment="Center" FontSize="12" />
                </Grid>
                <Grid Grid.Row="3">
                    <Button x:Name="btnLogin" Background="#1FC7FD" Foreground="White" Content="登 陆" FontSize="16" Width="200" Height="25" Click="btnLogin_Click" />
                </Grid>
            </Grid>
            <Grid Grid.Column="2">
                <Grid.RowDefinitions>
                    <RowDefinition />
                    <RowDefinition Height="0.4*" />
                </Grid.RowDefinitions>
                <Grid Grid.Row="1">
                    <Image Margin="2" Width="30" Height="30" x:Name="QRCode" HorizontalAlignment="Right" Source="\Resources\QRCode.png" />
                </Grid>
            </Grid>
        </Grid>
    </Grid>
</Window>

C#代码

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;

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

        private void btnLogin_Click(object sender, RoutedEventArgs e)
        {
            if(tbxUserName.Text == "2413873886" && tbxPassWord.Text == "123456")
            {
               // this.Close();
                FriendWindow fw = new FriendWindow();
                fw.Show();   
            }
            else
            {
                MessageBox.Show("对不起，用户名或密码错误！");
            }
        }

        private void chkAutoLogin_Click(object sender, RoutedEventArgs e)
        {
            if (chkAutoLogin.IsChecked == true) //自动登录被选中则记住密码也被选中
                chkRemPsw.IsChecked = true;
        }

        private void chkRemPsw_Click(object sender, RoutedEventArgs e)
        {
            //记住密码
        }
    }
}