archive/FoxTube
Archived
1
0
Fork 0
Code Actions Activity

Added advert cards

Browse Source
This commit is contained in:
Michael Gordeev
2019-12-05 01:50:54 +03:00
parent e2b2a7cc8d
commit 0d3438d82d
5 changed files with 66 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files
FoxTube/Controls/Cards/AdvertCard.xaml
+14 -9
View File
@@ -11,7 +11,12 @@
d:DesignWidth="400"
HorizontalAlignment="Stretch"
Margin="3"
SizeChanged="UserControl_SizeChanged">
SizeChanged="UserControl_SizeChanged"
Visibility="Collapsed"
Opacity="0">
<UserControl.OpacityTransition>
<ScalarTransition/>
</UserControl.OpacityTransition>
<controls:DropShadowPanel BlurRadius="10" ShadowOpacity=".5"
OffsetX="2" OffsetY="2"
@@ -19,14 +24,14 @@
HorizontalContentAlignment="Stretch"
VerticalContentAlignment="Stretch">
<Button Background="{ThemeResource SystemControlBackgroundChromeMediumBrush}" Style="{StaticResource ButtonRevealStyle}" Windows10version1809:CornerRadius="5" Padding="0" HorizontalContentAlignment="Stretch" VerticalContentAlignment="Stretch" HorizontalAlignment="Stretch" VerticalAlignment="Stretch">
<Grid HorizontalAlignment="Stretch" VerticalAlignment="Stretch" RowSpacing="5">
<Grid HorizontalAlignment="Stretch" VerticalAlignment="Stretch" RowSpacing="5" x:Name="grid">
<Grid.RowDefinitions>
<RowDefinition Height="Auto"/>
<RowDefinition Height="20"/>
<RowDefinition/>
</Grid.RowDefinitions>
<controls:ImageEx PlaceholderStretch="UniformToFill" CornerRadius="5,5,0,0" PlaceholderSource="/Assets/DefaultVideoThumbnail.png"/>
<controls:ImageEx PlaceholderStretch="UniformToFill" CornerRadius="5,5,0,0" PlaceholderSource="/Assets/DefaultVideoThumbnail.png" Source="{Binding advert.MainImages[0].Url}"/>
<controls:DropShadowPanel VerticalAlignment="Top" HorizontalAlignment="Left" Margin="5" OffsetX="2" OffsetY="2">
<StackPanel Padding="5,2,5,3" Background="Orange" CornerRadius="5">
@@ -34,9 +39,9 @@
</StackPanel>
</controls:DropShadowPanel>
<controls:DropShadowPanel VerticalAlignment="Bottom" HorizontalAlignment="Right" Margin="5,10" OffsetX="2" OffsetY="2">
<controls:DropShadowPanel VerticalAlignment="Bottom" HorizontalAlignment="Right" Margin="5,10" OffsetX="2" OffsetY="2" x:Name="cta">
<StackPanel Padding="5,2,5,3" Background="Yellow" CornerRadius="5">
<TextBlock Text="Call to action" Foreground="Black" FontSize="12"/>
<TextBlock Text="{x:Bind advert.CallToActionText}" Foreground="Black" FontSize="12"/>
</StackPanel>
</controls:DropShadowPanel>
@@ -47,12 +52,12 @@
<ColumnDefinition Width="Auto"/>
</Grid.ColumnDefinitions>
<controls:ImageEx CornerRadius="999" BorderThickness="3" BorderBrush="{ThemeResource SystemControlBackgroundChromeMediumBrush}" Background="Red"
Width="50" Height="50" VerticalAlignment="Bottom" Margin="0,-30,0,0" PlaceholderSource="/Assets/Icons/Contact.png" PlaceholderStretch="UniformToFill"/>
<TextBlock Text="██████████" Grid.Column="1"/>
<TextBlock Text="██████████" Grid.Column="2"/>
Width="50" Height="50" VerticalAlignment="Bottom" Margin="0,-30,0,0" PlaceholderSource="/Assets/Icons/Contact.png" PlaceholderStretch="UniformToFill" Source="{x:Bind advert.AdIcon}"/>
<TextBlock Text="{x:Bind advert.SponsoredBy}" Grid.Column="1"/>
<TextBlock x:Name="description" Text="" Grid.Column="2"/>
</Grid>
<TextBlock Margin="10,0" Grid.Row="2" MaxLines="2" TextTrimming="CharacterEllipsis" TextWrapping="WrapWholeWords" Text="██████████"/>
<TextBlock Margin="10,0" Grid.Row="2" MaxLines="2" TextTrimming="CharacterEllipsis" TextWrapping="WrapWholeWords" Text="{x:Bind advert.Title}"/>
</Grid>
</Button>
</controls:DropShadowPanel>