Design windows phone page themes and phone pages

Design windows phone page themes and phone pages

The following illustration shows the implementation steps below.

As follows:

1. To ensure that the background color of the status bar is the same as that of the topic bar, set the transparency of the status bar. The Code is as follows:
Copy codeThe Code is as follows:
Shell: SystemTray. IsVisible = "True" shell: SystemTray. Opacity = "0.01"

2. the height of the top status bar is 25, and the upper and lower fields of the word must be left blank.
3. the gradient color is designed in the content column. The Code is as follows:

<Grid x: Name = "LayoutRoot"> <Grid. rowDefinitions> <RowDefinition Height = "80"/> <RowDefinition Height = "*"/> </Grid. rowDefinitions> <Grid. row = "0" Background = "Blue"> <TextBlock Text = "My applications" Margin =, 0, 0 "verticalignment =" Center "HorizontalAlignment =" Center "FontSize =" 30 "/> </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>

The above content is all the code for designing the theme of the windows phone page. I hope it will help you.