架构师_程序员

 找回密码
 注册[Register]

QQ登录

只需一步,快速开始

查看: 139931|回复: 874

[WPF] WPF做的漂亮的登陆界面[附源码]

  [复制链接]
发表于 2016-11-23 09:25:06
zu
wpflogin.gif wpf.gif

登陆界面上的logo都是从网上找的,请大家替换成自己公司的logo即可。。。。。

WPF界面库,非常漂亮的WPF界面【附源码】

https://www.itsvse.com/thread-4941-1-1.html


WPF登陆界面美化:

1:账号和密码框都做了美化,

2:关闭按钮和登陆按钮都做了美化,当鼠标移动上去,都做了处理,

3:总体界面四个边角是圆弧形,挺好看的。。。。

代码如下,源码会在帖子下方:

  1. <Window x:Class="WpfFrist.MainWindow"
  2.         xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
  3.         xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
  4.          WindowStyle="None" AllowsTransparency="True" Background="{x:Null}"
  5.         Title="MainWindow" Height="300" Width="300" WindowStartuplocatio{过滤}n="CenterScreen">
  6.     <Grid  Width="{Binding Width, ElementName=w}" Height="{Binding Height, ElementName=w}">
  7.         <Grid.RowDefinitions>
  8.             <RowDefinition Height="150" />
  9.             <RowDefinition Height="50" />
  10.             <RowDefinition Height="50" />
  11.             <RowDefinition  />
  12.         </Grid.RowDefinitions>
  13.         <Border Grid.RowSpan="4" BorderBrush="Gray" BorderThickness="3" CornerRadius="20" Margin="10"  Opacity="1"  Background="White"></Border>
  14.         <Button Style="{StaticResource BtnCloseStyle}" Name="btnClose"  Grid.Row="0"  Click="Button_Click" ></Button>
  15.         <Image Grid.Row="0"  VerticalAlignment="Center" Width="120"  Height="120" Source="/Resources/QQ截图20161123091013.png" />
  16.         <TextBox x:Name="UserTextBox"  Grid.Row="1"  Width="200" VerticalAlignment="Center" BorderThickness="0,0,0,1" Height="23"></TextBox>
  17.         <TextBlock Foreground="DarkGray"  Grid.Row="1"  IsHitTestVisible="False" HorizontalAlignment="Center" Height="23" Text="请输入用户名" VerticalAlignment="Center" Width="90" FontFamily="Microsoft YaHei">
  18.             <TextBlock.Style>
  19.                 <Style TargetType="{x:Type TextBlock}">
  20.                     <Setter Property="Visibility" Value="Collapsed"/>
  21.                     <Style.Triggers>
  22.                         <DataTrigger Binding="{Binding Text, ElementName=UserTextBox}" Value="">
  23.                             <Setter Property="Visibility" Value="Visible"/>
  24.                         </DataTrigger>
  25.                     </Style.Triggers>
  26.                 </Style>
  27.             </TextBlock.Style>
  28.         </TextBlock>
  29.         <TextBox  x:Name="PwdTextBox"   Grid.Row="2"  Width="200" VerticalAlignment="Center" BorderThickness="0,0,0,1" Height="23"></TextBox>
  30.         <TextBlock Foreground="DarkGray" Grid.Row="2"  IsHitTestVisible="False" HorizontalAlignment="Center" Height="23" Text="请输入密码" VerticalAlignment="Center" Width="90" FontFamily="Microsoft YaHei">
  31.             <TextBlock.Style>
  32.                 <Style TargetType="{x:Type TextBlock}">
  33.                     <Setter Property="Visibility" Value="Collapsed"/>
  34.                     <Style.Triggers>
  35.                         <DataTrigger Binding="{Binding Text, ElementName=PwdTextBox}" Value="">
  36.                             <Setter Property="Visibility" Value="Visible"/>
  37.                         </DataTrigger>
  38.                     </Style.Triggers>
  39.                 </Style>
  40.             </TextBlock.Style>
  41.         </TextBlock>
  42.         <Button Name="btnlogin" Click="btnlogin_Click" Grid.Row="2" Style="{StaticResource BtnLoginStyle}"  >
  43.             <!--<Button.Background>
  44.                 <ImageBrush ImageSource="/Resources/LoginBtn.jpg" Stretch="Fill"/>
  45.             </Button.Background>-->
  46.         </Button>
  47.     </Grid>
  48. </Window>
复制代码


源码下载:

游客,如果您要查看本帖隐藏内容请回复





评分

参与人数 5MB +5 贡献 +5 收起 理由
netbloomy + 1 + 1 很给力!
opmcn + 1 + 1 支持楼主发好帖,我也会发好帖!.
ifeiyun + 1 + 1 很给力!
hellobruce + 1 + 1 赞一个!
无水印 + 1 + 1 赞一个!

查看全部评分





上一篇:恢复SQL Server被误删除的数据
下一篇:WPF自定义圆形按钮样式资源文件
码农网,只发表在实践过程中,遇到的技术难题,不误导他人。
发表于 2017-3-27 15:29:11
研究。                              
码农网,只发表在实践过程中,遇到的技术难题,不误导他人。
发表于 2019-3-26 21:40:40


参与/回复主题关闭
RE: WPF做的漂亮的登陆界面[附源码] [修改]
- 本文出自架构师,原文地址:http://www.itsvse.com/thread-3347-1-1.html
码农网,只发表在实践过程中,遇到的技术难题,不误导他人。
发表于 2018-11-18 11:32:16
参与/回复主题关闭
RE: WPF做的漂亮的登陆界面[附源码] [修改]
- 本文出自架构师,原文地址:http://www.itsvse.com/thread-3347-1-1.html
码农网,只发表在实践过程中,遇到的技术难题,不误导他人。
发表于 2016-11-27 01:27:54
谢谢啦xxxxxx
码农网,只发表在实践过程中,遇到的技术难题,不误导他人。
发表于 2016-12-6 21:06:22
资源借鉴一下~
码农网,只发表在实践过程中,遇到的技术难题,不误导他人。
发表于 2016-12-16 10:19:47
WPF开发者,觉得不错下载学习学习!
码农网,只发表在实践过程中,遇到的技术难题,不误导他人。
发表于 2016-12-28 21:47:11
谢谢啦xxxxxx
码农网,只发表在实践过程中,遇到的技术难题,不误导他人。
发表于 2017-1-18 08:42:44
我来看看                       
码农网,只发表在实践过程中,遇到的技术难题,不误导他人。
发表于 2017-1-25 18:39:29
谢谢啦...............
码农网,只发表在实践过程中,遇到的技术难题,不误导他人。
回复

使用道具 举报

发表于 2017-2-1 09:51:29
很不错的东西,值得学习一下
码农网,只发表在实践过程中,遇到的技术难题,不误导他人。
发表于 2017-2-5 13:35:42
不知道這個界面是不是很好看,試一下
码农网,只发表在实践过程中,遇到的技术难题,不误导他人。
发表于 2017-2-9 15:59:05
谢谢分享!
码农网,只发表在实践过程中,遇到的技术难题,不误导他人。
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 注册[Register]

本版积分规则

免责声明:
码农网所发布的一切软件、编程资料或者文章仅限用于学习和研究目的;不得将上述内容用于商业或者非法用途,否则,一切后果请用户自负。本站信息来自网络,版权争议与本站无关。您必须在下载后的24个小时之内,从您的电脑中彻底删除上述内容。如果您喜欢该程序,请支持正版软件,购买注册,得到更好的正版服务。

Mail To:help@itsvse.com

QQ|Archiver|手机版|小黑屋|架构师 ( 鲁ICP备14021824号-2 )|网站地图

GMT+8, 2019-7-21 07:45

Powered by Discuz! X3.4

© 2001-2017 Comsenz Inc.

快速回复 返回顶部 返回列表