用wp 7 开发第一个自己的DEMO,这个DEMO 实现的用户登陆功能,如果用户登陆成功给出提示“登陆成功!”否则提示“用户名或密码错误!”新建一个wp7程序,首先看到的是系统已近为我们建立好两行一列:
<Grid.RowDefinitions> <RowDefinition Height="Auto"/> <RowDefinition Height="*"/> </Grid.RowDefinitions> <Grid.ColumnDefinitions> <ColumnDefinition></ColumnDefinition> </Grid.ColumnDefinitions>
|
第一行已近有已经有布局并填充StackPanel控件即 Grid.Row="0",详细代码如下:
<!--TitlePanel contains the name of the application and page title--> <StackPanel x:Name="TitlePanel" Grid.Row="0" Margin="12,17,0,28"> <TextBlock x:Name="ApplicationTitle" Text="神舟龙" Style="{StaticResource PhoneTextNormalStyle}"/> <TextBlock x:Name="PageTitle" Text="U-Shop开发" Margin="9,-7,0,0" Style="{StaticResource PhoneTextTitle1Style}"/> </StackPanel>
|

下面要做的就是在第二大行添加我们的布局,三行两列,首先确定的是我没新添加的布局grid是在外部grid的第二行,所以先确定grid.row="1",添加如下代码:
<Grid Grid.Row="1"> </Grid> |
然后就是在自定义的grid中添加三行两列,代码如下:
< Grid.Row="1"> <Grid.RowDefinitions> <RowDefinition Height="100"></RowDefinition> <RowDefinition Height="100"></RowDefinition> <RowDefinition></RowDefinition> </Grid.RowDefinitions> <Grid.ColumnDefinitions> <ColumnDefinition Width="150"></ColumnDefinition> <ColumnDefinition></ColumnDefinition> </Grid.ColumnDefinitions> <Grid>
|
自定义行,前两行高度为100,剩余部分为第三行,自定义列,第一例定义宽为150,剩余部分为第二列,上面的图片就是效果,然后就是在这些定义的行列中添加相应的控件,代码如下:
<TextBlock Text=" User:" VerticalAlignment="Center" Grid.Row="0" Grid.Column="0" FontSize="40" Foreground="White"></TextBlock> <TextBox Grid.Row="0" Grid.Column="1" x:Name="txtUser" BorderBrush="#BF483030"></TextBox> <TextBlock Text=" Passw:" VerticalAlignment="Center" Grid.Row="1" Grid.Column="0" FontSize="40"></TextBlock> <PasswordBox Grid.Row="1" Grid.Column="1" x:Name="txtPassword" CaretBrush="#BF483030"></PasswordBox> <Button x:Name="btn" Content="点?击÷" Click="btn_Click" Grid.Row="2" Width="200" Height="100" VerticalAlignment="Top" Grid.ColumnSpan="2" Background="#007AFFFF">
|
在button按钮click事件中添加如下代码:这里没有连接数据库直接设置唯一的用户名和密码
if (txtUser.Text == "UShop" && txtPassword.Password== "shenzhoulong") { MessageBox.Show("登陆成功!"); } else { MessageBox.Show("用户名或密码错误!"); return; }
|
用条件控制语句显示信息,如果错误则跳出方法,密码的显示文本不是用text方法,而是password方法,前台也是用的password控件,这里就和asp.NET有很大不同,一个简单的DEMO 完成了看看显示效果吧。输入用户名和密码

登陆成功提示

登陆失败提示
本文转自shenzhoulong 51CTO博客,原文链接:http://blog.51cto.com/shenzhoulong/441262,如需转载请自行联系原作者