首页 / SILVERLIGHT / Silverlight 登陆界面

Silverlight 登陆界面

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了Silverlight 登陆界面，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含3231字，纯文字阅读大概需要5分钟。

内容图文

美术水平有限，不喜勿喷。

界面代码，效果如下图

<UserControl x:Class="ElecDemoTelerikSL.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:sdk="http://schemas.microsoft.com/winfx/2006/xaml/presentation/sdk"
    xmlns:my="clr-namespace:Drawsee.Sl.AppBase.UserManage.UI;assembly=Drawsee.Sl.AppBase"
    mc:Ignorable="d"
    d:DesignHeight="800" d:DesignWidth="1200">
    
    <Grid x:Name="LayoutRoot" ScrollViewer.HorizontalScrollBarVisibility="Disabled" ScrollViewer.VerticalScrollBarVisibility="Disabled">
        <Grid.Background>
            <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                <GradientStop Color="#FF007CC3"/>
                <GradientStop Color="#FF93CAE2" Offset="1"/>
            </LinearGradientBrush>
        </Grid.Background>
        <StackPanel HorizontalAlignment="Center" VerticalAlignment="Center">
            <TextBlock Text="登陆测试" FontSize="24" HorizontalAlignment="Center" Margin="0,0,0,20" />
        <Grid Width="600" Height="300">
            <Rectangle Fill="#50000000" RadiusX="10" RadiusY="10" Margin="10,10,-10,-15" />
            <Image Source="images/elec_background.jpg" Height="300" HorizontalAlignment="Center" Name="imageBackground" Stretch="Fill" VerticalAlignment="Center" Width="600">
                <Image.Clip>
                    <RectangleGeometry RadiusX="12" RadiusY="12" Rect="0,0,600,300" />
                </Image.Clip>
             </Image>
            <Border BorderBrush="#80000000" BorderThickness="1" CornerRadius="10" >
            </Border>
            <Grid Margin="358,124,29,42">
                <Rectangle  Stretch="Fill" Fill="#4FFFFFFF" RadiusX="20" RadiusY="20" />
                <sdk:Label Content="登录名：" Height="24" HorizontalAlignment="Left" Name="lblLoginName" VerticalAlignment="Top" Width="60" Margin="11,20,0,0" />
                <sdk:Label Content="密   码：" Height="24" HorizontalAlignment="Left" Name="lblLoginPwd" VerticalAlignment="Top" Width="60" Margin="11,58,0,0" />
                <TextBox Height="24" HorizontalAlignment="Left" Name="txtLoginName" VerticalAlignment="Top" Width="120" Margin="77,17,0,0" />
                <PasswordBox Height="24" HorizontalAlignment="Left"  Margin="77,55,0,0" Name="txtLoginPwd" VerticalAlignment="Top" Width="120" />
                <Button Content="登陆" Height="24" HorizontalAlignment="Left" Name="btnLogin" VerticalAlignment="Top" Width="75" Margin="22,95,0,0" Click="btnLogin_Click" />
                <Button Content="取消" Height="24" HorizontalAlignment="Left" Name="btnCancel" VerticalAlignment="Top" Width="75" Margin="122,95,0,0" />
                </Grid>
        </Grid>
        </StackPanel>
    </Grid>
</UserControl>
View Code

后台代码

                public
                partial
                class
                 Login : UserControl
    {
        
                public
                 Login()
        {
            InitializeComponent();
            
            txtLoginName.Text = "admin";
        }

        privatevoid btnLogin_Click(object sender, RoutedEventArgs e)
        {
            string loginName =txtLoginName.Text.Trim();
            string loginPwd =txtLoginPwd.Password.Trim();
            if (loginName.Equals("admin") && loginName.Equals("admin"))
                this.Content = new MainPage(); //跳转到主页面else
                MessageBox.Show("登陆失败！", "提示", MessageBoxButton.OKCancel);
        }
    }
View Code

 

原文：http://www.cnblogs.com/ZJ199012/p/3716095.html

内容总结

以上是互联网集市为您收集整理的Silverlight 登陆界面全部内容，希望文章能够帮你解决Silverlight 登陆界面所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1229552.html

来源：【匿名】