Here are some screenshots to take a look at the new 'features' of 23022.
First up, This is what you get when you tap the titlebar now. Things to notice here is the blur of the background below it. And the list is scrollable left and right.
This is the new volume control after tapping the icon in the new taskbar popup.
Nothing really new here except the softkey bar.
Here is another view of the new taskbar popup, again notice the blur of the background, and how it is slideable. (i slid it to the right)
And last up is a new magnifier. Works on double tap, anywhere really. Not sure how useful it is though.
Other things to note,
The "X" button has moved to the bottom softkey bar, pending a move of most if not all items from the task bar to the bottom softkey bar.
The Lock Screen shows an option for media controls. Though it seems to either be missing something or is not compatible with the current Media Player.
Below is a mockup using the included graphics, and is NOT the way it actually looks, as it does not work with the current media player.
Confirmation that the Media Controls are coded in.
A Snippet from:
LS_Lockscreen_480x800.cpr
Code:
<MediaControl ID="MediaControl" Top="0" Left="0">
<Image ID="MediaBG" Width="480" Height="208" Visible="True" Opacity="1.0" ScalingAlgorithm = "TriLinear" Source="\windows\LS_MediaControl_BG.png"/>
<Text ID="MediaInfo" Left="21" Width="438" Top="37" Height="34" FontFamily="Tahoma" FontSize="10" Wrap="False" HorizontalAlignment="Left" VerticalAlignment="Middle" Trimming="EllipsisCharacter" Opacity="1.0" InnerTextType="Resource" Text="cmhomeres.dll,1811"><!-- This comment eliminates unwanted characters -->
<TextStage TextOffsetType="TextOffsetDropBottomRight" Color="#00000000" TextOffset="1" BlurFactor="3" Alpha="1.0"/>
<TextStage TextOffsetType="TextOffsetNone" Color="#FFFFFFFF"/>
</Text>
<!-- Original coordinates for the media controls were provided such that the 'Top' value for the progress bar was assuming that the 'background'
starts at relative offset 0. However, progress bar needs to be at least as tall as its tallest child, and this assumption doesn't hold true.
Therefore, we need to center vertically all children inside the progress bar. Here's how:
1. Let Height of Tallest child be "HT". (This is currently the 'head' because it has glow)
2. Let Height of Background be "HB".
3. Let the original Top value of the Progress bar be "TP".
4. Let the original Top value of the Background be "TB".
So, the new values are as follows
TP = TP - (HT - HB) / 2;
HT = HT + (HT - HB) / 2;
-->
<ProgressBar ID="MediaProgress" Width="480" Height="18" Left="0" Top="86" Visible="True">
<Layer ID="Background" Left="0" Top="3">
<Image Width="480" Height="12" Visible="True" ScalingAlgorithm="TriLinear" Source="\windows\LS_MediaControl_Progress_BG.png" />
</Layer>
<Layer ID="Foreground" Left="0" Top="3">
<Image Width="480" Height="6" Top="3" Visible="True" Opacity="1.0" ScalingAlgorithm="Fast" Source="\windows\LS_MediaControl_Progress_FG.png" />
</Layer>
<Layer ID="Head" Left="0" Top="0">
<Image Width="18" Height="18" Left="0" Visible="True" Opacity="1.0" ScalingAlgorithm="TriLinear" Source="\windows\LS_MediaControl_Progress_Head.png"/>
</Layer>
<Button ID="Button" Width="480" Height="18" Top="0" Left="0" Opacity="0.0"></Button>
</ProgressBar>
<MultiStateButton ID="MediaPrevious" Width="89" Height="74" Left="80" Top="120">
<!-- The order of children of an MSB matters -->
<Image Width="89" Height="74" Visible="True" Opacity="1.0" ScalingAlgorithm = "TriLinear" Source="\windows\LS_MediaControl_Previous.png"/>
<Image Width="89" Height="74" Visible="True" Opacity="1.0" ScalingAlgorithm = "TriLinear" Source="\windows\LS_MediaControl_Previous_Pushed.png"/>
<Image Width="89" Height="74" Visible="True" Opacity="1.0" ScalingAlgorithm = "TriLinear" Source="\windows\LS_MediaControl_Previous_Disabled.png"/>
</MultiStateButton>
<MultiStateButton ID="MediaPlayPause" Width="141" Height="92" Left="169" Top="111">
<!-- The order of children of an MSB matters -->
<Image Width="141" Height="92" Visible="True" Opacity="1.0" ScalingAlgorithm = "TriLinear" Source="\windows\LS_MediaControl_Play.png"/>
<Image Width="141" Height="92" Visible="True" Opacity="1.0" ScalingAlgorithm = "TriLinear" Source="\windows\LS_MediaControl_Play_Pushed.png"/>
<Image Width="141" Height="92" Visible="True" Opacity="1.0" ScalingAlgorithm = "TriLinear" Source="\windows\LS_MediaControl_Pause.png"/>
<Image Width="141" Height="92" Visible="True" Opacity="1.0" ScalingAlgorithm = "TriLinear" Source="\windows\LS_MediaControl_Pause_Pushed.png"/>
</MultiStateButton>
<MultiStateButton ID="MediaNext" Width="89" Height="74" Left="310" Top="120">
<!-- The order of children of an MSB matters -->
<Image Width="89" Height="74" Visible="True" Opacity="1.0" ScalingAlgorithm = "TriLinear" Source="\windows\LS_MediaControl_Next.png"/>
<Image Width="89" Height="74" Visible="True" Opacity="1.0" ScalingAlgorithm = "TriLinear" Source="\windows\LS_MediaControl_Next_Pushed.png"/>
<Image Width="89" Height="74" Visible="True" Opacity="1.0" ScalingAlgorithm = "TriLinear" Source="\windows\LS_MediaControl_Next_Disabled.png"/>
</MultiStateButton>
</MediaControl>
