Add loading placeholder for guild icons

pull/70/head
Oleksii Holub 6 years ago
parent 08da5d685b
commit df811d0b1a

@ -126,27 +126,28 @@
<materialDesign:TransitioningContent.OpeningEffect> <materialDesign:TransitioningContent.OpeningEffect>
<materialDesign:TransitionEffect Kind="SlideInFromLeft" Duration="0:0:0.3" /> <materialDesign:TransitionEffect Kind="SlideInFromLeft" Duration="0:0:0.3" />
</materialDesign:TransitioningContent.OpeningEffect> </materialDesign:TransitioningContent.OpeningEffect>
<Border <Grid
Margin="-8" Margin="-8"
Background="Transparent" Background="Transparent"
Cursor="Hand"> Cursor="Hand"
<Image ToolTip="{Binding Name}">
<!-- Guild icon placeholder -->
<Ellipse
Width="48" Width="48"
Height="48" Height="48"
Margin="12,4,12,4" Margin="12,4,12,4"
Source="{Binding IconUrl}" Fill="{DynamicResource DividerBrush}" />
ToolTip="{Binding Name}">
<Image.OpacityMask> <!-- Guild icon -->
<RadialGradientBrush> <Ellipse
<RadialGradientBrush.GradientStops> Width="48"
<GradientStop Offset="0" Color="#FF000000" /> Height="48"
<GradientStop Offset="0.96" Color="#FF000000" /> Margin="12,4,12,4">
<GradientStop Offset="1" Color="#00000000" /> <Ellipse.Fill>
</RadialGradientBrush.GradientStops> <ImageBrush ImageSource="{Binding IconUrl}" />
</RadialGradientBrush> </Ellipse.Fill>
</Image.OpacityMask> </Ellipse>
</Image> </Grid>
</Border>
</materialDesign:TransitioningContent> </materialDesign:TransitioningContent>
</DataTemplate> </DataTemplate>
</ListBox.ItemTemplate> </ListBox.ItemTemplate>

Loading…
Cancel
Save