基础知识整合-用户登录页面设计-wpf免费课程

上海物联网

已于 2024-10-04 11:21:31 修改

阅读量176

点赞数 6

分类专栏： wpf学习不迷路文章标签： wpf

于 2024-10-04 11:15:59 首次发布

本文链接：https://blog.csdn.net/weixin_50541844/article/details/142701053

版权

wpf学习不迷路专栏收录该内容

5 篇文章 0 订阅

订阅专栏

项目实际操作第一阶段-系统登录功能-前台UI实现_哔哩哔哩_bilibili

如果你想通过wpf来改变你的工资，获得更高的收入，请关注并跟着练习.

如何设计一个漂亮的系统登录页面？这个是对前面知识的一个综合。

用到的知识点

相关控件：textbox,button,password,grid,dockpanel、Image
资源：动态资源、静态资源
事件：点击事件、文本变化事件、触发器
逻辑：输入有效性验证
综合：实现多个控件的整合使用

相关的代码如下：

<Window x:Class="MyAgvLesson.Login"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:local="clr-namespace:MyAgvLesson"
        mc:Ignorable="d"
        Title="AGV控制系统登录" Height="450" Width="800" WindowStyle="ToolWindow" WindowState="Normal">
    <Window.Resources>
        <SolidColorBrush x:Key="Brush" Color="Blue" />
        <Style x:Key="btn" TargetType="Button">
            <Setter Property="Background" Value="{StaticResource Brush}" />
            <Setter Property="Foreground" Value="White"/>
            <Setter Property="FontSize" Value="16" />
            <Setter Property="Margin"  Value="0 10 0 0"/>
        </Style>
    </Window.Resources>
    <Grid>
        <!--一行两列，所以不用row定义-->
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="1.5*"></ColumnDefinition>
            <ColumnDefinition Width="*"/>

        </Grid.ColumnDefinitions>
        <Image Grid.Column="0"  Margin="1,20,20,20"  Source="/Asset/Login.png" />
        <DockPanel Grid.Column="1" VerticalAlignment="Center" Margin="20,0,20,0">
            <TextBlock  Text="欢迎使用AGV调度系统" Margin="0 20"  DockPanel.Dock="Top" FontSize="20" FontStyle="Oblique" FontWeight="Bold"/>
            <TextBox  Text="请输入账号" Height="30" Padding="5" DockPanel.Dock="Top"/>
            <PasswordBox  Height="30" Padding="5" DockPanel.Dock="Top" Margin="0 10 0 0" />
            <Button Content="登录" Style="{DynamicResource btn}" Width="100"/>
        </DockPanel>
    </Grid>
</Window>