WPF 登录程序 WPFLoginWindow

Create a Login

Window in WPF

Most business applications require some sort of security system. You can always

use Windows Authentication to authenticate a user, but sometimes you might want

your own authentication scheme. When you do, you will need to create a login

screen for your user to enter her login id and password. This article will explore

creating a login window in WPF.

The UI for your login screen can contain any images and controls that you would

like. In Figure 1 you can see a sample login screen that has an image of a key, a

Create a Login Window in WPF

To start, you need to create a window with no border and can be made into any

shape you want. To do this you will set a few different attributes. The WindowStyle

attribute normally allows you to set a single border, three-D border, or a Tool

Window border. Setting this attribute to None will eliminate the border. The

ShowInTaskbar attribute is optional, but if you are building a login screen you

probably won’t want this window to show up in the Task Bar as it is going to be

modal style form. The next two attributes, AllowsTransparency and Background

to the User Name label. This tells WPF to place the cursor in this textbox once the

screen is displayed.

outside border of the window. A Border control is used to form the outside of this

login screen. You will set the CornerRadius attribute to “10” to give the nice

2 Create a Login Window in WPF

added in WPF 3.5. This drop shadow effect is drawn using the Graphical

Processing Unit (GPU) instead of being drawn using software. Thus drawing drop

shadows is much more performant than in previous versions of WPF.

Using a Grid Layout

To place each of the login screen elements within the border, a Grid control is used

with specific column and row definitions. There are three columns in this login

screen. One for the image of the key, one for the labels and one for the TextBox,

PasswordBox and Button controls.

Create a Login Window in WPF 3