第一个windows phone 7 示例

用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 完成了看看显示效果吧。输入用户名和密码

登陆成功提示

 

 

 

 

登陆失败提示