Silverlight 登陆界面

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

界面代码，效果如下图

<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>

后台代码

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

        private void 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);
        }
    }

主页面xaml

<UserControl x:Class="SilverlightCreate.MainTest"
    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:SilverlightCreate"
    mc:Ignorable="d"
    d:DesignHeight="800" d:DesignWidth="1800"  >

    <Grid x:Name="LayoutRoot" VerticalAlignment="Stretch">
        <Grid>
            <Grid.RowDefinitions>
                <RowDefinition Height="80"></RowDefinition>
                <RowDefinition Height="*"></RowDefinition>
            </Grid.RowDefinitions>

            <Grid Grid.Row="0" >
                <Grid.Background>
                    <LinearGradientBrush >
                        <GradientStop Color="#FF007CC3" Offset="0.5" />
                        <GradientStop Color="#FFa9dcfa" Offset="1" />
                    </LinearGradientBrush>
                </Grid.Background>
                
                <HyperlinkButton Content="操作说明" HorizontalAlignment="Right" VerticalAlignment="Bottom" Foreground="AliceBlue" NavigateUri="http://www.baidu.com" TargetName="_blank" FontSize="16" IsTabStop="False" Height="24" Name="hlbHelp" Width="68" Margin="0,0,0,12" />
                <my:ToolBar HorizontalAlignment="Right" Margin="0,33,100,0" Padding="2" x:Name="toolBar1" VerticalAlignment="Top" />
            </Grid>
            <Grid x:Name="GridMain" Grid.Row="1">
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="290" />
                    <ColumnDefinition Width="5" />
                    <ColumnDefinition Width="665*" />
                </Grid.ColumnDefinitions>
                <Grid Grid.Column="0" x:Name="system">
                    
                    <Border BorderBrush="LightGray" BorderThickness="1" CornerRadius="0" />
                </Grid>
                <sdk:GridSplitter Grid.Column="1" HorizontalAlignment="Center" VerticalAlignment="Stretch" Background="#FF027DC3"></sdk:GridSplitter>
                <Grid Grid.Column="2">
                    <Grid x:Name="GridFrame">
                        <Border BorderBrush="LightGray" BorderThickness="1" CornerRadius="0">
                            
                        </Border>
                    </Grid>
                </Grid>
            </Grid>
        </Grid>
    </Grid>
</UserControl>