欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

设计windows phone页面主题

程序员文章站 2024-02-19 13:15:28
下面通过图文并茂的方式给大家展示下,具体实现步骤请看下文。 效果图如下: 1.保证状态栏背景色与主题栏颜色相同需设置状态栏的透明度,代码如下: 复制代码 代码如下...

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

效果图如下:

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