| 1 | <?xml version="1.0" encoding="utf-8"?> |
| 2 | <!-- Copyright (c) .NET Foundation and contributors. All rights reserved. Licensed under the Microsoft Reciprocal License. See LICENSE.TXT file in the project root for full license information. --> |
| 3 | |
| 4 | |
| 5 | <Theme xmlns="http://wixtoolset.org/schemas/v4/thmutil"> |
| 6 | <Font Id="Default" Height="-12" Weight="500" Foreground="windowtext" Background="window">Segoe UI</Font> |
| 7 | <Image Id="star_transparent.bmp" ImageResource="2" /> |
| 8 | <Image Id="star_opaque.bmp" ImageResource="3" /> |
| 9 | <Image Id="star_transparent.png" ImageResource="4" /> |
| 10 | <Image Id="square_default" ImageResource="5"> |
| 11 | <AlternateResolution ImageResource="6" /> |
| 12 | <AlternateResolution ImageResource="7" /> |
| 13 | <AlternateResolution ImageResource="8" /> |
| 14 | <AlternateResolution ImageResource="9" /> |
| 15 | </Image> |
| 16 | <Image Id="square_focus" ImageResource="13"> |
| 17 | <AlternateResolution ImageResource="14" /> |
| 18 | <AlternateResolution ImageResource="15" /> |
| 19 | </Image> |
| 20 | <Image Id="square_hover" ImageResource="19"> |
| 21 | <AlternateResolution ImageResource="20" /> |
| 22 | <AlternateResolution ImageResource="21" /> |
| 23 | </Image> |
| 24 | <Image Id="square_selected" ImageResource="25"> |
| 25 | <AlternateResolution ImageResource="26" /> |
| 26 | <AlternateResolution ImageResource="27" /> |
| 27 | </Image> |
| 28 | <Image Id="progressbar" ImageResource="30" /> |
| 29 | <Image Id="progressbar_reverse" ImageResource="31" /> |
| 30 | |
| 31 | <ImageList Name="Stars"> |
| 32 | <ImageListItem ImageResource="2" /> |
| 33 | <ImageListItem ImageResource="3" /> |
| 34 | <ImageListItem ImageResource="4" /> |
| 35 | </ImageList> |
| 36 | |
| 37 | <Window Width="600" Height="450" FontId="Default" Caption="BafThmUtilTestingTheme" HexStyle="10cf0000" AutoResize="yes"> |
| 38 | <Page Name="Transparency"> |
| 39 | <Label X="6" Y="6" Width="-6" Height="94" FontId="Default"> |
| 40 | This page has three versions of an image. The top image is a bitmap with a transparent background, the yellow star should be visible but its black background should not (this is currently broken). The middle image is the same bitmap except the black background is fully opaque so the yellow star should be visible on a black background. The bottom image in a PNG version of the top image and should look exactly the same. |
| 41 | </Label> |
| 42 | <ImageControl X="6" Y="106" Width="64" Height="64" ImageId="star_transparent.bmp" /> |
| 43 | <ImageControl X="6" Y="176" Width="64" Height="64" ImageId="star_opaque.bmp" /> |
| 44 | <ImageControl X="6" Y="246" Width="64" Height="64" ImageId="star_transparent.png" /> |
| 45 | <Button Name="ListViewButton" X="-183" Y="-11" Width="75" Height="23" TabStop="yes" FontId="Default"> |
| 46 | <Text>Next</Text> |
| 47 | <ChangePageAction Page="ListView" /> |
| 48 | </Button> |
| 49 | </Page> |
| 50 | <Page Name="ListView"> |
| 51 | <Label X="6" Y="6" Width="-6" Height="18" FontId="Default"> |
| 52 | This page is for testing ListView. |
| 53 | </Label> |
| 54 | <ListView Name="ListViewTopLeft" X="6" Y="30" Width="288" Height="176" FontId="Default" HexStyle="00" ImageList="Stars"> |
| 55 | <Column Width="100">TL One</Column> |
| 56 | <Column Width="100">TL Two</Column> |
| 57 | <Column Width="88">TL Three</Column> |
| 58 | </ListView> |
| 59 | <ListView Name="ListViewTopRight" X="300" Y="30" Width="-11" Height="176" FontId="Default" HexStyle="01" ImageListGroupHeader="Stars"> |
| 60 | <Column Width="100">TR One</Column> |
| 61 | <Column Width="100">TR Two</Column> |
| 62 | <Column Width="88" Expands="yes">TR Exp</Column> |
| 63 | </ListView> |
| 64 | <ListView Name="ListViewBottomLeft" X="6" Y="212" Width="288" Height="176" FontId="Default" HexStyle="02" ImageListSmall="Stars"> |
| 65 | <Column Width="100">BL One</Column> |
| 66 | <Column Width="100">BL Two</Column> |
| 67 | <Column Width="88">BL Three</Column> |
| 68 | </ListView> |
| 69 | <ListView Name="ListViewBottomRight" X="300" Y="212" Width="-11" Height="176" FontId="Default" HexStyle="03"> |
| 70 | <Column Width="100">BR One</Column> |
| 71 | <Column Width="100">BR Two</Column> |
| 72 | <Column Width="88" Expands="yes">BR Exp</Column> |
| 73 | </ListView> |
| 74 | <Button Name="ListViewBackButton" X="-269" Y="-11" Width="75" Height="23" TabStop="yes" FontId="Default"> |
| 75 | <Text>Back</Text> |
| 76 | <ChangePageAction Page="Transparency" /> |
| 77 | </Button> |
| 78 | <Button Name="ButtonButton" X="-183" Y="-11" Width="75" Height="23" TabStop="yes" FontId="Default"> |
| 79 | <Text>Next</Text> |
| 80 | <ChangePageAction Page="Button" /> |
| 81 | </Button> |
| 82 | </Page> |
| 83 | <Page Name="Button"> |
| 84 | <Label X="6" Y="6" Width="-6" Height="132" FontId="Default"> |
| 85 | This page is for testing graphical buttons. The left image is 16x16 at 100% scaling, the middle image is 32x32 at 100% scaling. The images for the buttons display their dimensions, so the left should be 16x16 at 100% but 32x32 at 200%. The right button starts at 32x32 at 100%, but grows and shrinks with the window and its image should also change. |
| 86 | |
| 87 | There are currently four states for a button: default, focus, hover, and selected (in that priority order). There should be a different image for each state, although the left button should have a focus rectangle over the default image since it didn't specify an image for the focused state. |
| 88 | </Label> |
| 89 | <Button Name="Square16Button" X="6" Y="140" Width="16" Height="16" FontId="Default" TabStop="yes"> |
| 90 | <ButtonImage ImageId="square_default" /> |
| 91 | <ButtonHoverImage ImageId="square_hover" /> |
| 92 | <ButtonSelectedImage ImageId="square_selected" /> |
| 93 | </Button> |
| 94 | <Button Name="Square32Button" X="54" Y="140" Width="32" Height="32" FontId="Default" TabStop="yes"> |
| 95 | <ButtonImage ImageId="square_default" /> |
| 96 | <ButtonFocusImage ImageId="square_focus" /> |
| 97 | <ButtonHoverImage ImageId="square_hover" /> |
| 98 | <ButtonSelectedImage ImageId="square_selected" /> |
| 99 | </Button> |
| 100 | <Button Name="SquareExpandButton" X="92" Y="140" Width="-476" Height="-278" FontId="Default" TabStop="yes"> |
| 101 | <ButtonImage ImageId="square_default" /> |
| 102 | <ButtonFocusImage ImageId="square_focus" /> |
| 103 | <ButtonHoverImage ImageId="square_hover" /> |
| 104 | <ButtonSelectedImage ImageId="square_selected" /> |
| 105 | </Button> |
| 106 | <Button Name="ButtonBackButton" X="-269" Y="-11" Width="75" Height="23" TabStop="yes" FontId="Default"> |
| 107 | <Text>Back</Text> |
| 108 | <ChangePageAction Page="ListView" /> |
| 109 | </Button> |
| 110 | <Button Name="ProgressbarButton" X="-183" Y="-11" Width="75" Height="23" TabStop="yes" FontId="Default"> |
| 111 | <Text>Next</Text> |
| 112 | <ChangePageAction Page="Progressbar" /> |
| 113 | </Button> |
| 114 | </Page> |
| 115 | <Page Name="Progressbar"> |
| 116 | <Label X="6" Y="6" Width="-6" Height="94" FontId="Default"> |
| 117 | This page has two progress bars. The top progress bar is a standard control, the bottom one is custom drawn from an image. The bottom one should have its left side one pixel wide as black, the right side one pixel wide as grey, the progress as green, and the remaining as blue. The colors should be reversed when the progress goes backward (this is a way to test different colors, not a standard feature of thmutil). |
| 118 | </Label> |
| 119 | <Progressbar Name="StandardProgressBar" X="6" Y="106" Width="-6" Height="23" /> |
| 120 | <Progressbar Name="ImageProgressBar" X="6" Y="141" Width="-6" Height="23"> |
| 121 | <ProgressbarImage ImageId="progressbar" /> |
| 122 | <ProgressbarImage ImageId="progressbar_reverse" /> |
| 123 | </Progressbar> |
| 124 | <Button Name="ProgressbarBackButton" X="-269" Y="-11" Width="75" Height="23" TabStop="yes" FontId="Default"> |
| 125 | <Text>Back</Text> |
| 126 | <ChangePageAction Page="Button" /> |
| 127 | </Button> |
| 128 | <Button Name="BillboardButton" X="-183" Y="-11" Width="75" Height="23" TabStop="yes" FontId="Default"> |
| 129 | <Text>Next</Text> |
| 130 | <ChangePageAction Page="Billboard" /> |
| 131 | </Button> |
| 132 | </Page> |
| 133 | <Page Name="Billboard"> |
| 134 | <Label X="6" Y="6" Width="-6" Height="43" FontId="Default"> |
| 135 | This page has a billboard. It loops between two panels every 1.5 seconds. Press Back to go to another page, and then come back and make sure it still loops. |
| 136 | </Label> |
| 137 | <Billboard Name="FirstBillboard" X="11" Y="59" Width="-11" Height="-39" Interval="1500" Loop="yes"> |
| 138 | <Panel> |
| 139 | <ImageControl ImageId="square_default" X="0" Y="0" Width="128" Height="128" /> |
| 140 | <ImageControl ImageId="square_focus" X="128" Y="0" Width="128" Height="128" /> |
| 141 | <ImageControl ImageId="square_hover" X="256" Y="0" Width="128" Height="128" /> |
| 142 | <ImageControl ImageId="square_selected" X="384" Y="0" Width="128" Height="128" /> |
| 143 | </Panel> |
| 144 | <Panel> |
| 145 | <ImageControl ImageId="square_selected" X="0" Y="0" Width="128" Height="128" /> |
| 146 | <ImageControl ImageId="square_hover" X="128" Y="0" Width="128" Height="128" /> |
| 147 | <ImageControl ImageId="square_focus" X="256" Y="0" Width="128" Height="128" /> |
| 148 | <ImageControl ImageId="square_default" X="384" Y="0" Width="128" Height="128" /> |
| 149 | </Panel> |
| 150 | </Billboard> |
| 151 | <Panel X="0" Y="-64" Width="-1" Height="64"> |
| 152 | <ImageControl X="0" Y="0" Width="64" Height="64" ImageId="star_transparent.bmp" /> |
| 153 | <ImageControl X="64" Y="0" Width="64" Height="64" ImageId="star_opaque.bmp" /> |
| 154 | <ImageControl X="128" Y="0" Width="64" Height="64" ImageId="star_transparent.png" /> |
| 155 | <ImageControl X="-1" Y="0" Width="64" Height="64" ImageId="star_transparent.bmp" /> |
| 156 | <ImageControl X="-65" Y="0" Width="64" Height="64" ImageId="star_opaque.bmp" /> |
| 157 | <ImageControl X="-129" Y="0" Width="64" Height="64" ImageId="star_transparent.png" /> |
| 158 | </Panel> |
| 159 | <Button Name="BillboardBackButton" X="-269" Y="-11" Width="75" Height="23" TabStop="yes" FontId="Default"> |
| 160 | <Text>Back</Text> |
| 161 | <ChangePageAction Page="Progressbar" /> |
| 162 | </Button> |
| 163 | <Button Name="RadioButtonsButton" X="-183" Y="-11" Width="75" Height="23" TabStop="yes" FontId="Default"> |
| 164 | <Text>Next</Text> |
| 165 | <ChangePageAction Page="RadioButtons" /> |
| 166 | </Button> |
| 167 | </Page> |
| 168 | <Page Name="RadioButtons"> |
| 169 | <Label X="6" Y="6" Width="-6" Height="43" FontId="Default"> |
| 170 | This page has two groups of radio buttons. Only one value should be able to be selected for each group. A value should be able to be selected for both groups. |
| 171 | </Label> |
| 172 | <Label X="6" Y="50" Width="-6" Height="13" FontId="Default"> |
| 173 | Choice #1: |
| 174 | </Label> |
| 175 | <RadioButtons Name="CHOICE"> |
| 176 | <RadioButton Height="30" Width="30" X="33" Y="68" Value="1" /> |
| 177 | <RadioButton Height="30" Width="30" X="33" Y="103" Value="2" /> |
| 178 | </RadioButtons> |
| 179 | <Label X="6" Y="138" Width="-6" Height="13" FontId="Default"> |
| 180 | Choice #2: |
| 181 | </Label> |
| 182 | <RadioButtons Name="CHOICE2"> |
| 183 | <RadioButton Height="30" Width="130" X="33" Y="156" Value="1">One</RadioButton> |
| 184 | <RadioButton Height="30" Width="130" X="33" Y="191" Value="2">Two</RadioButton> |
| 185 | </RadioButtons> |
| 186 | <Button Name="RadioButtonsBackButton" X="-269" Y="-11" Width="75" Height="23" TabStop="yes" FontId="Default"> |
| 187 | <Text>Back</Text> |
| 188 | <ChangePageAction Page="Billboard" /> |
| 189 | </Button> |
| 190 | </Page> |
| 191 | <Button Name="StartButton" X="-97" Y="-11" Width="75" Height="23" TabStop="yes" FontId="Default" Visible="yes"> |
| 192 | <Text>Start</Text> |
| 193 | <ChangePageAction Page="Transparency" /> |
| 194 | </Button> |
| 195 | <Button Name="CloseButton" X="-11" Y="-11" Width="75" Height="23" TabStop="yes" FontId="Default" Visible="yes"> |
| 196 | <Text>ThemeClose</Text> |
| 197 | <CloseWindowAction /> |
| 198 | </Button> |
| 199 | </Window> |
| 200 | </Theme> |