由于注册界面和登录界面是差不多。所以我们通过登录界面,快速实现注册界面。
注册界面区别就是把QQ号改成QQ昵称。然后添加一个确认密码。同时把未有账号 改为已有账号 然后点击事件 改为跳转到注册框。
区别就是中间区域了。
<Grid Width="300" Height="200" >
<!--定义了两列-->
<Grid.ColumnDefinitions>
<ColumnDefinition Width="Auto"/>
<ColumnDefinition Width="1*"/>
</Grid.ColumnDefinitions>
<!--定义了三行-->
<Grid.RowDefinitions>
<RowDefinition Height="1*"/>
<RowDefinition Height="1*"/>
<RowDefinition Height="1*"/>
</Grid.RowDefinitions>
<TextBlock Grid.Row="0" Grid.Column="0" TextAlignment="Right" Foreground="White" Padding="0,2,0,0" Text="QQ昵称:" Name="UserName" Height="22"/>
<!--第一行第一列-->
<TextBlock Grid.Row="1" Grid.Column="0" TextAlignment="Right" Foreground="White" Padding="0,2,0,0" Text="密码:" Name="pass" Height="22"/>
<TextBlock Grid.Row="2" Grid.Column="0" TextAlignment="Right" Foreground="White" Padding="0,2,0,0" Text="确认密码:" Name="repass" Height="22"/>
<TextBox VerticalContentAlignment="Center" Name="TxtBoxName" Background="White" Grid.Row="0" Grid.Column="1" Text="" Height="22" />
<!--第一行第二列-->
<PasswordBox VerticalContentAlignment="Center" Name="pass1" Background="White" Grid.Row="1" Grid.Column="1" Height="22"/>
<!--密码框-->
<PasswordBox VerticalContentAlignment="Center" Name="pass2" Background="White" Grid.Row="2" Grid.Column="1" Height="22" />
</Grid>Code language: HTML, XML (xml)
Previous: 05-登录界面输入框的设计
Next: 07-QQ聊天界面的设计