第一個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，如需轉載請自行聯系原作者