1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
|
<?xml version="1.0" encoding="utf-8"?>
<!-- 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. -->
<Theme xmlns="http://wixtoolset.org/schemas/v4/thmutil">
<Font Id="Default" Height="-12" Weight="500" Foreground="windowtext" Background="window">Segoe UI</Font>
<Image Id="star_transparent.bmp" ImageFile="star_transparent.bmp" />
<Image Id="star_opaque.bmp" ImageFile="star_opaque.bmp" />
<Image Id="star_transparent.png" ImageFile="star_transparent.png" />
<Image Id="square_default" ImageFile="16x16.png">
<AlternateResolution ImageFile="32x32.png" />
<AlternateResolution ImageFile="64x64.png" />
<AlternateResolution ImageFile="128x128.png" />
<AlternateResolution ImageFile="256x256.png" />
</Image>
<Image Id="square_focus" ImageFile="64x64_focus.png">
<AlternateResolution ImageFile="128x128_focus.png" />
<AlternateResolution ImageFile="256x256_focus.png" />
</Image>
<Image Id="square_hover" ImageFile="64x64_hover.png">
<AlternateResolution ImageFile="128x128_hover.png" />
<AlternateResolution ImageFile="256x256_hover.png" />
</Image>
<Image Id="square_selected" ImageFile="64x64_selected.png">
<AlternateResolution ImageFile="128x128_selected.png" />
<AlternateResolution ImageFile="256x256_selected.png" />
</Image>
<Image Id="progressbar" ImageFile="progressbar.bmp" />
<Image Id="progressbar_reverse" ImageFile="progressbar_reverse.bmp" />
<ImageList Name="Stars">
<ImageListItem ImageFile="star_transparent.bmp" />
<ImageListItem ImageFile="star_opaque.bmp" />
<ImageListItem ImageFile="star_transparent.png" />
</ImageList>
<Window Width="600" Height="450" FontId="Default" Caption="BafThmUtilTestingTheme" HexStyle="10cf0000" AutoResize="yes">
<Page Name="Transparency">
<Label X="6" Y="6" Width="-6" Height="94" FontId="Default">
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.
</Label>
<ImageControl X="6" Y="106" Width="64" Height="64" ImageId="star_transparent.bmp" />
<ImageControl X="6" Y="176" Width="64" Height="64" ImageId="star_opaque.bmp" />
<ImageControl X="6" Y="246" Width="64" Height="64" ImageId="star_transparent.png" />
<Button Name="ListViewButton" X="-183" Y="-11" Width="75" Height="23" TabStop="yes" FontId="Default">
<Text>Next</Text>
<ChangePageAction Page="ListView" />
</Button>
</Page>
<Page Name="ListView">
<Label X="6" Y="6" Width="-6" Height="18" FontId="Default">
This page is for testing ListView.
</Label>
<ListView Name="ListViewTopLeft" X="6" Y="30" Width="288" Height="176" FontId="Default" HexStyle="00" ImageList="Stars">
<Column Width="100">TL One</Column>
<Column Width="100">TL Two</Column>
<Column Width="88">TL Three</Column>
</ListView>
<ListView Name="ListViewTopRight" X="300" Y="30" Width="-11" Height="176" FontId="Default" HexStyle="01" ImageListGroupHeader="Stars">
<Column Width="100">TR One</Column>
<Column Width="100">TR Two</Column>
<Column Width="88" Expands="yes">TR Exp</Column>
</ListView>
<ListView Name="ListViewBottomLeft" X="6" Y="212" Width="288" Height="176" FontId="Default" HexStyle="02" ImageListSmall="Stars">
<Column Width="100">BL One</Column>
<Column Width="100">BL Two</Column>
<Column Width="88">BL Three</Column>
</ListView>
<ListView Name="ListViewBottomRight" X="300" Y="212" Width="-11" Height="176" FontId="Default" HexStyle="03">
<Column Width="100">BR One</Column>
<Column Width="100">BR Two</Column>
<Column Width="88" Expands="yes">BR Exp</Column>
</ListView>
<Button Name="ListViewBackButton" X="-269" Y="-11" Width="75" Height="23" TabStop="yes" FontId="Default">
<Text>Back</Text>
<ChangePageAction Page="Transparency" />
</Button>
<Button Name="ButtonButton" X="-183" Y="-11" Width="75" Height="23" TabStop="yes" FontId="Default">
<Text>Next</Text>
<ChangePageAction Page="Button" />
</Button>
</Page>
<Page Name="Button">
<Label X="6" Y="6" Width="-6" Height="132" FontId="Default">
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.
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.
</Label>
<Button Name="Square16Button" X="6" Y="140" Width="16" Height="16" FontId="Default" TabStop="yes">
<ButtonImage ImageId="square_default" />
<ButtonHoverImage ImageId="square_hover" />
<ButtonSelectedImage ImageId="square_selected" />
</Button>
<Button Name="Square32Button" X="54" Y="140" Width="32" Height="32" FontId="Default" TabStop="yes">
<ButtonImage ImageId="square_default" />
<ButtonFocusImage ImageId="square_focus" />
<ButtonHoverImage ImageId="square_hover" />
<ButtonSelectedImage ImageId="square_selected" />
</Button>
<Button Name="SquareExpandButton" X="92" Y="140" Width="-476" Height="-278" FontId="Default" TabStop="yes">
<ButtonImage ImageId="square_default" />
<ButtonFocusImage ImageId="square_focus" />
<ButtonHoverImage ImageId="square_hover" />
<ButtonSelectedImage ImageId="square_selected" />
</Button>
<Button Name="ButtonBackButton" X="-269" Y="-11" Width="75" Height="23" TabStop="yes" FontId="Default">
<Text>Back</Text>
<ChangePageAction Page="ListView" />
</Button>
<Button Name="ProgressbarButton" X="-183" Y="-11" Width="75" Height="23" TabStop="yes" FontId="Default">
<Text>Next</Text>
<ChangePageAction Page="Progressbar" />
</Button>
</Page>
<Page Name="Progressbar">
<Label X="6" Y="6" Width="-6" Height="94" FontId="Default">
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).
</Label>
<Progressbar Name="StandardProgressBar" X="6" Y="106" Width="-6" Height="23" />
<Progressbar Name="ImageProgressBar" X="6" Y="141" Width="-6" Height="23">
<ProgressbarImage ImageId="progressbar" />
<ProgressbarImage ImageId="progressbar_reverse" />
</Progressbar>
<Button Name="ProgressbarBackButton" X="-269" Y="-11" Width="75" Height="23" TabStop="yes" FontId="Default">
<Text>Back</Text>
<ChangePageAction Page="Button" />
</Button>
<Button Name="BillboardButton" X="-183" Y="-11" Width="75" Height="23" TabStop="yes" FontId="Default">
<Text>Next</Text>
<ChangePageAction Page="Billboard" />
</Button>
</Page>
<Page Name="Billboard">
<Label X="6" Y="6" Width="-6" Height="43" FontId="Default">
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.
</Label>
<Billboard Name="FirstBillboard" X="11" Y="59" Width="-11" Height="-39" Interval="1500" Loop="yes">
<Panel>
<ImageControl ImageId="square_default" X="0" Y="0" Width="128" Height="128" />
<ImageControl ImageId="square_focus" X="128" Y="0" Width="128" Height="128" />
<ImageControl ImageId="square_hover" X="256" Y="0" Width="128" Height="128" />
<ImageControl ImageId="square_selected" X="384" Y="0" Width="128" Height="128" />
</Panel>
<Panel>
<ImageControl ImageId="square_selected" X="0" Y="0" Width="128" Height="128" />
<ImageControl ImageId="square_hover" X="128" Y="0" Width="128" Height="128" />
<ImageControl ImageId="square_focus" X="256" Y="0" Width="128" Height="128" />
<ImageControl ImageId="square_default" X="384" Y="0" Width="128" Height="128" />
</Panel>
</Billboard>
<Panel X="0" Y="-64" Width="-1" Height="64">
<ImageControl X="0" Y="0" Width="64" Height="64" ImageId="star_transparent.bmp" />
<ImageControl X="64" Y="0" Width="64" Height="64" ImageId="star_opaque.bmp" />
<ImageControl X="128" Y="0" Width="64" Height="64" ImageId="star_transparent.png" />
<ImageControl X="-1" Y="0" Width="64" Height="64" ImageId="star_transparent.bmp" />
<ImageControl X="-65" Y="0" Width="64" Height="64" ImageId="star_opaque.bmp" />
<ImageControl X="-129" Y="0" Width="64" Height="64" ImageId="star_transparent.png" />
</Panel>
<Button Name="BillboardBackButton" X="-269" Y="-11" Width="75" Height="23" TabStop="yes" FontId="Default">
<Text>Back</Text>
<ChangePageAction Page="Progressbar" />
</Button>
<Button Name="RadioButtonsButton" X="-183" Y="-11" Width="75" Height="23" TabStop="yes" FontId="Default">
<Text>Next</Text>
<ChangePageAction Page="RadioButtons" />
</Button>
</Page>
<Page Name="RadioButtons">
<Label X="6" Y="6" Width="-6" Height="43" FontId="Default">
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.
</Label>
<Label X="6" Y="50" Width="-6" Height="13" FontId="Default">
Choice #1:
</Label>
<RadioButtons Name="CHOICE">
<RadioButton Height="30" Width="30" X="33" Y="68" Value="1" />
<RadioButton Height="30" Width="30" X="33" Y="103" Value="2" />
</RadioButtons>
<Label X="6" Y="138" Width="-6" Height="13" FontId="Default">
Choice #2:
</Label>
<RadioButtons Name="CHOICE2">
<RadioButton Height="30" Width="130" X="33" Y="156" Value="1">One</RadioButton>
<RadioButton Height="30" Width="130" X="33" Y="191" Value="2">Two</RadioButton>
</RadioButtons>
<Button Name="RadioButtonsBackButton" X="-269" Y="-11" Width="75" Height="23" TabStop="yes" FontId="Default">
<Text>Back</Text>
<ChangePageAction Page="Billboard" />
</Button>
</Page>
<Button Name="StartButton" X="-97" Y="-11" Width="75" Height="23" TabStop="yes" FontId="Default" Visible="yes">
<Text>Start</Text>
<ChangePageAction Page="Transparency" />
</Button>
<Button Name="CloseButton" X="-11" Y="-11" Width="75" Height="23" TabStop="yes" FontId="Default" Visible="yes">
<Text>ThemeClose</Text>
<CloseWindowAction />
</Button>
</Window>
</Theme>
|
