Skip to content

Commit b238222

Browse files
ghost1372ghost1372
committed
Update SpoilerPage.xaml
1 parent 281aaa4 commit b238222

1 file changed

Lines changed: 41 additions & 34 deletions

File tree

‎dev/DevWinUI.Gallery/Views/Pages/Features/SpoilerPage.xaml‎

Lines changed: 41 additions & 34 deletions
Original file line numberDiff line numberDiff line change
@@ -72,77 +72,84 @@
7272
</dev:Spoiler.HeaderIcon>
7373
<StackPanel Spacing="10">
7474
<TextBlock Style="{ThemeResource TitleTextBlockStyle}"
75-
Text="DevWinUI IS GREAT!" />
76-
<Button Content="DevWinUI IS GREAT!" />
75+
Text="DevWinUI Is GREAT!" />
76+
<Button Content="DevWinUI Is GREAT!" />
7777
</StackPanel>
7878
</dev:Spoiler>
79-
<dev:Spoiler IsActiveShimmer="{x:Bind TgIsActiveShimmer.IsOn, Mode=OneWay}"
80-
IsRevealed="{x:Bind TgIsRevealed.IsOn, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}"
81-
RevealMode="{x:Bind ((dev:SpoilerRevealMode)CmbRevealMode.SelectedItem), Mode=OneWay}"
79+
<NavigationViewItemSeparator />
80+
<StackPanel Orientation="Horizontal" Spacing="5">
81+
<TextBlock VerticalAlignment="Center"
82+
Style="{ThemeResource BaseTextBlockStyle}"
83+
Text="Here is some text before the spoiler."
84+
TextWrapping="Wrap" />
85+
<dev:Spoiler Height="20"
86+
VerticalAlignment="Center"
87+
IsActiveShimmer="{x:Bind TgIsActiveShimmer.IsOn, Mode=OneWay}"
88+
RevealMode="Toggle"
89+
ShimmerHeight="20"
90+
ShimmerWidth="100">
91+
<TextBlock Style="{ThemeResource BaseTextBlockStyle}"
92+
Text="DevWinUI Is GREAT!" />
93+
</dev:Spoiler>
94+
<TextBlock VerticalAlignment="Center"
95+
Style="{ThemeResource BaseTextBlockStyle}"
96+
Text="And here is some text after it."
97+
TextWrapping="Wrap" />
98+
</StackPanel>
99+
<NavigationViewItemSeparator />
100+
<dev:Spoiler RevealMode="Toggle"
82101
ShimmerHeight="35"
83102
ShimmerWidth="300">
84103
<StackPanel Spacing="10">
85104
<TextBlock Style="{ThemeResource TitleTextBlockStyle}"
86-
Text="DevWinUI IS GREAT!" />
87-
<Button Content="DevWinUI IS GREAT!" />
105+
Text="DevWinUI Is GREAT!" />
106+
<Button Content="DevWinUI Is GREAT!" />
88107
</StackPanel>
89108
</dev:Spoiler>
90-
<dev:Spoiler IsActiveShimmer="{x:Bind TgIsActiveShimmer.IsOn, Mode=OneWay}"
91-
IsRevealed="{x:Bind TgIsRevealed.IsOn, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}"
92-
RevealMode="{x:Bind ((dev:SpoilerRevealMode)CmbRevealMode.SelectedItem), Mode=OneWay}"
109+
<dev:Spoiler RevealMode="Toggle"
93110
ShimmerHeight="35"
94111
ShimmerWidth="280">
95-
96112
<StackPanel Spacing="10">
97113
<TextBlock Style="{ThemeResource TitleTextBlockStyle}"
98-
Text="DevWinUI IS GREAT!" />
99-
<Button Content="DevWinUI IS GREAT!" />
114+
Text="DevWinUI Is GREAT!" />
115+
<Button Content="DevWinUI Is GREAT!" />
100116
</StackPanel>
101117
</dev:Spoiler>
102-
<dev:Spoiler IsActiveShimmer="{x:Bind TgIsActiveShimmer.IsOn, Mode=OneWay}"
103-
IsRevealed="{x:Bind TgIsRevealed.IsOn, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}"
104-
RevealMode="{x:Bind ((dev:SpoilerRevealMode)CmbRevealMode.SelectedItem), Mode=OneWay}"
118+
<dev:Spoiler RevealMode="Toggle"
105119
ShimmerHeight="35"
106120
ShimmerWidth="200">
107121
<StackPanel Spacing="10">
108122
<TextBlock Style="{ThemeResource TitleTextBlockStyle}"
109-
Text="DevWinUI IS GREAT!" />
110-
<Button Content="DevWinUI IS GREAT!" />
123+
Text="DevWinUI Is GREAT!" />
124+
<Button Content="DevWinUI Is GREAT!" />
111125
</StackPanel>
112126
</dev:Spoiler>
113-
<dev:Spoiler IsActiveShimmer="{x:Bind TgIsActiveShimmer.IsOn, Mode=OneWay}"
114-
IsRevealed="{x:Bind TgIsRevealed.IsOn, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}"
115-
RevealMode="{x:Bind ((dev:SpoilerRevealMode)CmbRevealMode.SelectedItem), Mode=OneWay}"
127+
<dev:Spoiler RevealMode="Toggle"
116128
ShimmerHeight="35"
117129
ShimmerWidth="150">
118130
<StackPanel Spacing="10">
119131
<TextBlock Style="{ThemeResource TitleTextBlockStyle}"
120-
Text="DevWinUI IS GREAT!" />
121-
<Button Content="DevWinUI IS GREAT!" />
132+
Text="DevWinUI Is GREAT!" />
133+
<Button Content="DevWinUI Is GREAT!" />
122134
</StackPanel>
123135
</dev:Spoiler>
124-
<dev:Spoiler IsActiveShimmer="{x:Bind TgIsActiveShimmer.IsOn, Mode=OneWay}"
125-
IsRevealed="{x:Bind TgIsRevealed.IsOn, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}"
126-
RevealMode="{x:Bind ((dev:SpoilerRevealMode)CmbRevealMode.SelectedItem), Mode=OneWay}"
136+
<dev:Spoiler RevealMode="Toggle"
127137
ShimmerHeight="35"
128138
ShimmerWidth="260">
129-
130139
<StackPanel Spacing="10">
131140
<TextBlock Style="{ThemeResource TitleTextBlockStyle}"
132-
Text="DevWinUI IS GREAT!" />
133-
<Button Content="DevWinUI IS GREAT!" />
141+
Text="DevWinUI Is GREAT!" />
142+
<Button Content="DevWinUI Is GREAT!" />
134143
</StackPanel>
135144
</dev:Spoiler>
136-
<dev:Spoiler IsActiveShimmer="{x:Bind TgIsActiveShimmer.IsOn, Mode=OneWay}"
137-
IsRevealed="{x:Bind TgIsRevealed.IsOn, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}"
138-
RevealMode="{x:Bind ((dev:SpoilerRevealMode)CmbRevealMode.SelectedItem), Mode=OneWay}"
145+
<dev:Spoiler RevealMode="Toggle"
139146
ShimmerCornerRadius="180"
140147
ShimmerHeight="50"
141148
ShimmerWidth="50">
142149
<StackPanel Spacing="10">
143150
<TextBlock Style="{ThemeResource TitleTextBlockStyle}"
144-
Text="DevWinUI IS GREAT!" />
145-
<Button Content="DevWinUI IS GREAT!" />
151+
Text="DevWinUI Is GREAT!" />
152+
<Button Content="DevWinUI Is GREAT!" />
146153
</StackPanel>
147154
</dev:Spoiler>
148155
</StackPanel>

0 commit comments

Comments
 (0)