美术水平有限,不喜勿喷。
界面代码,效果如下图
<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>