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

登陆成功提示

<a target="_blank" href="http://blog.51cto.com/attachment/201012/200710483.jpg"></a>

登陆失败提示

<a target="_blank" href="http://blog.51cto.com/attachment/201012/200645949.jpg"></a>

本文转自shenzhoulong  51CTO博客，原文链接：http://blog.51cto.com/shenzhoulong/441262，如需转载请自行联系原作者