架构师_程序员

 找回密码
 注册[Register]

QQ登录

只需一步,快速开始

查看: 61322|回复: 582
打印 上一主题 下一主题

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

  [复制链接]
跳转到指定楼层
楼主
发表于 2016-11-23 09:25:06 | 只看该作者 |只看大图 回帖奖励 |倒序浏览 |阅读模式


登陆界面上的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>
复制代码


源码下载:

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





评分

参与人数 2MB +2 贡献 +2 收起 理由
hellobruce + 1 + 1 赞一个!
无水印 + 1 + 1 赞一个!

查看全部评分





上一篇:恢复SQL Server被误删除的数据
下一篇:WPF自定义圆形按钮样式资源文件
帖子永久地址: 

架构师_程序员 - 论坛版权1、本主题所有言论和图片纯属会员个人意见,与本论坛立场无关
2、本站所有主题由该帖子作者发表,该帖子作者与架构师_程序员享有帖子相关版权
3、其他单位或个人使用、转载或引用本文时必须同时征得该帖子作者和架构师_程序员的同意
4、帖子作者须承担一切因本文发表而直接或间接导致的民事或刑事法律责任
5、本帖部分内容转载自其它媒体,但并不代表本站赞同其观点和对其真实性负责
6、如本帖侵犯到任何版权问题,请立即告知本站,本站将及时予与删除并致以最深的歉意
7、架构师_程序员管理员和版主有权不事先通知发贴者而删除本文

码农网,只发表在实践过程中,遇到的技术难题,不误导他人。
推荐
发表于 2017-3-27 15:29:11 | 只看该作者
研究。                              
码农网,只发表在实践过程中,遇到的技术难题,不误导他人。
推荐
发表于 2018-6-6 17:31:28 | 只看该作者

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

使用道具 举报

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

使用道具 举报

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

本版积分规则

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

Mail To:help@itsvse.com

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

GMT+8, 2018-9-25 21:03

Powered by Discuz! X3.4

© 2001-2014 Comsenz Inc.

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