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

44ca6467a799a41ee5813b0f8cc5f799.png

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

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

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


WPF登陆界面美化:

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

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

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

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

<Window x:Class="WpfFrist.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
         WindowStyle="None" AllowsTransparency="True" Background="{x:Null}"
        Title="MainWindow" Height="300" Width="300" WindowStartuplocatio{过滤}n="CenterScreen">
    <Grid  Width="{Binding Width, ElementName=w}" Height="{Binding Height, ElementName=w}">
        <Grid.RowDefinitions>
            <RowDefinition Height="150" />
            <RowDefinition Height="50" />
            <RowDefinition Height="50" />
            <RowDefinition  />
        </Grid.RowDefinitions>
        <Border Grid.RowSpan="4" BorderBrush="Gray" BorderThickness="3" CornerRadius="20" Margin="10"  Opacity="1"  Background="White"></Border>
        <Button Style="{StaticResource BtnCloseStyle}" Name="btnClose"  Grid.Row="0"  Click="Button_Click" ></Button>
        <Image Grid.Row="0"  VerticalAlignment="Center" Width="120"  Height="120" Source="/Resources/QQ截图20161123091013.png" />
        <TextBox x:Name="UserTextBox"  Grid.Row="1"  Width="200" VerticalAlignment="Center" BorderThickness="0,0,0,1" Height="23"></TextBox>
        <TextBlock Foreground="DarkGray"  Grid.Row="1"  IsHitTestVisible="False" HorizontalAlignment="Center" Height="23" Text="请输入用户名" VerticalAlignment="Center" Width="90" FontFamily="Microsoft YaHei">
            <TextBlock.Style>
                <Style TargetType="{x:Type TextBlock}">
                    <Setter Property="Visibility" Value="Collapsed"/>
                    <Style.Triggers>
                        <DataTrigger Binding="{Binding Text, ElementName=UserTextBox}" Value="">
                            <Setter Property="Visibility" Value="Visible"/>
                        </DataTrigger>
                    </Style.Triggers>
</Style>
            </TextBlock.Style>
        </TextBlock>
        <TextBox  x:Name="PwdTextBox"   Grid.Row="2"  Width="200" VerticalAlignment="Center" BorderThickness="0,0,0,1" Height="23"></TextBox>
        <TextBlock Foreground="DarkGray" Grid.Row="2"  IsHitTestVisible="False" HorizontalAlignment="Center" Height="23" Text="请输入密码" VerticalAlignment="Center" Width="90" FontFamily="Microsoft YaHei">
            <TextBlock.Style>
                <Style TargetType="{x:Type TextBlock}">
                    <Setter Property="Visibility" Value="Collapsed"/>
                    <Style.Triggers>
                        <DataTrigger Binding="{Binding Text, ElementName=PwdTextBox}" Value="">
                            <Setter Property="Visibility" Value="Visible"/>
                        </DataTrigger>
                    </Style.Triggers>
</Style>
            </TextBlock.Style>
        </TextBlock>
        <Button Name="btnlogin" Click="btnlogin_Click" Grid.Row="2" Style="{StaticResource BtnLoginStyle}"  >
            <!--<Button.Background>
                <ImageBrush ImageSource="/Resources/LoginBtn.jpg" Stretch="Fill"/>
            </Button.Background>-->
        </Button>
    </Grid>
</Window>

-----------------------------------

需要进技术群交流的,请添加小编mm1552923

  • 2
    点赞
  • 11
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
WPF(Windows Presentation Foundation)是一种用于创建Windows桌面应用程序的技术,它可以为应用程序提供漂亮的界面框架。创建一个漂亮WPF界面框架通常需要经历以下几个步骤。 首先,需要确定界面框架的整体设计风格和布局结构。这包括选择适合应用程序风格的色彩搭配、字体样式和布局方式。在确定了设计风格后,接下来就是创建界面框架的视觉元素,这可能包括按钮、文本框、标签等控件,以及背景图片、图标等装饰元素。 在创建视觉元素的同时,也需要考虑交互行为和动画效果,这可以通过WPF提供的触发器、故事板等功能来实现。此外,还可以考虑使用一些第三方库或控件来丰富界面框架的功能和效果。 最后,在界面框架的创作过程中,需要进行不断的调试和测试,以确保界面的稳定性和用户体验。同时还要注意界面的可扩展性和适应性,使其能够适应不同的屏幕尺寸和分辨率。 在源码方面,WPF界面框架的源码通常包括XAML文件和C#文件。XAML文件用于定义界面布局和视觉元素,而C#文件用于处理界面的交互逻辑和动态效果。除了基本的界面布局和控件定义之外,源码还可能包括一些自定义的控件、样式模板、动画效果的定义等。 总的来说,创建一个漂亮WPF界面框架需要深入理解WPF的技术特性和原理,同时也需要具备一定的设计能力和审美观。通过不断的实践和积累经验,可以创作出符合应用程序需求的高质量界面框架。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值