下面通過圖文并茂的方式給大家展示下，具體實現步驟請看下文。
效果圖如下：
1.保證狀態欄背景色與主題欄顏色相同需設置狀態欄的透明度，代碼如下：
復制代碼 代碼如下:
shell:SystemTray.IsVisible="True" shell:SystemTray.Opacity="0.01"
2.頂部狀態欄高度為25，字的上下要留部分空白
3.內容欄目中設計為漸變顏色，代碼如下：
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
|
<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頁面主題的全部代碼，希望對大家有所幫助。
