码迷,mamicode.com
首页 > Windows程序 > 详细

windows phone界面设计

时间:2015-07-05 10:56:01      阅读:157      评论:0      收藏:0      [点我收藏+]

标签:

达到如图这个效果:

技术分享

1.保证状态栏背景色与主题栏颜色相同需设置状态栏的透明度,代码如下:
shell:SystemTray.IsVisible="True" shell:SystemTray.Opacity="0.01"
2.顶部状态栏高度为25,字的上下要留部分空白
3.内容栏目中设计为渐变颜色,代码如下:
<Grid x:Name="LayoutRoot">
        <Grid.RowDefinitions>
            <RowDefinition Height="80"/>
            <RowDefinition Height="*"/>
        </Grid.RowDefinitions>
        <Grid Grid.Row="0" Background="Blue">
            <TextBlock Text="我的应用" Margin="0,25,0,0" VerticalAlignment="Center" HorizontalAlignment="Center" FontSize="30"/>
        </Grid>
        <Grid Grid.Row="1">
            <Grid.Background>
                <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                    <GradientStop Color="#FF6CBFC3" Offset="1"/>
                    <GradientStop Color="#FF68AE61" Offset="0"/>
                </LinearGradientBrush>
            </Grid.Background>
        </Grid>
    </Grid>

 

windows phone界面设计

标签:

原文地址:http://www.cnblogs.com/cjxy1993/p/4355866.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!