设计windows phone页面主题

下面通过图文并茂的方式给大家展示下,具体实现步骤请看下文。

效果图如下:

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页面主题的全部代码,希望对大家有所帮助。

声明:本文内容来源于网络,版权归原作者所有,内容由互联网用户自发贡献自行上传,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任。如果您发现有涉嫌版权的内容,欢迎发送邮件至:notice#nhooo.com(发邮件时,请将#更换为@)进行举报,并提供相关证据,一经查实,本站将立刻删除涉嫌侵权内容。