微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

Silverlight -登陆页面布局设计

先上效果图:


页面代码附上:

 <Grid x:Name="LayoutRoot" Background="White">
        <Grid Width="400" Height="300">
            <Grid.Background>
                <LinearGradientBrush EndPoint="1,0.5" StartPoint="0,0.5">
                    <GradientStop Color="Black" Offset="0" />
                    <GradientStop Color="#FF59F513" Offset="1" />
                </LinearGradientBrush>
            </Grid.Background>
            <Grid.RowDeFinitions>
                <RowDeFinition Height="0.35*"></RowDeFinition>
                <RowDeFinition Height="0.35*"></RowDeFinition>
                <RowDeFinition Height="0.35*"></RowDeFinition>
                <RowDeFinition Height="0.65*"></RowDeFinition>
                
            </Grid.RowDeFinitions>
            <Grid.ColumnDeFinitions>
                <ColumnDeFinition Width="0.50*"></ColumnDeFinition>
                <ColumnDeFinition></ColumnDeFinition>
            </Grid.ColumnDeFinitions>
            <TextBlock Grid.ColumnSpan="2" Grid.Row="0" FontSize="28" FontWeight="Black" 
                    HorizontalAlignment="Center"    Foreground="#FFF59D19" Text="登陆界面" />
            <TextBlock Grid.Row="1" Grid.Column="0" FontSize="18" Foreground="#FFF59D19" 
                     Margin="0,20,0"   HorizontalAlignment="Right" Text="用户账户:" />
            <TextBox Grid.Row="1" Grid.Column="1" Width="200" Height="39"></TextBox>
            <TextBlock Grid.Row="2" Grid.Column="0" FontSize="18" Foreground="#FFF59D19" 
                     Margin="0,0"   HorizontalAlignment="Right" Text="登陆密码:" />
            <TextBox Grid.Row="2" Grid.Column="1" Width="200" Height="39"></TextBox>
            <StackPanel Grid.ColumnSpan="2" Grid.Row="3"  Orientation="Horizontal"  HorizontalAlignment="Center" >
                <Button  Content="确认" Width="80" Height="30" Margin="0,0"></Button>
            <Button Grid.ColumnSpan="2" Grid.Row="3" Content="取消" Width="80" Height="30" ></Button>
     </StackPanel>
        </Grid>
        </Grid>

小结--本教程只介绍页面布局 ,后台代码未做处理,各位可根据实际需要进行填充

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。

相关推荐