archive/FoxTube
Archived
1
0
Fork 0
Code Actions Activity

Final video card UI

Browse Source
This commit is contained in:
Michael Gordeev
2018-04-17 22:32:51 +03:00
parent 83d84330d6
commit 5b3a3f60c4
3 changed files with 8 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files
FoxTube/Channel.xaml
+1 -1
View File
@@ -21,7 +21,7 @@
<HyperlinkButton Content="About channel" Foreground="White" FontStyle="Normal" Margin="10,8,10,10"/> <HyperlinkButton Content="About channel" Foreground="White" FontStyle="Normal" Margin="10,8,10,10"/>
<TextBox Name="searchField" ToolTipService.ToolTip="Search on channel" Margin="4" Width="350" Height="47" Padding="10,10,10,0" PlaceholderText="Search on channel" BorderThickness="0" Background="#7FFFFFFF" AcceptsReturn="True"/> <TextBox Name="searchField" ToolTipService.ToolTip="Search on channel" Margin="4" Width="350" Height="47" Padding="10,10,10,0" PlaceholderText="Search on channel" BorderThickness="0" Background="#7FFFFFFF" AcceptsReturn="True"/>
<Button Name="searchButton" HorizontalAlignment="Right" <Button Name="searchButton" HorizontalAlignment="Right"
Width="39" Height="39" Margin="0" Width="39" Height="39" Margin="0" Padding="1"
RelativePanel.AlignRightWithPanel="True" RelativePanel.AlignRightWithPanel="True"
Background="Transparent" Background="Transparent"
FontFamily="Segoe MDL2 Assets" Content="&#xE11A;" FontSize="20" FocusVisualSecondaryBrush="#66FFFFFF" FocusVisualPrimaryBrush="White" Foreground="White"/> FontFamily="Segoe MDL2 Assets" Content="&#xE11A;" FontSize="20" FocusVisualSecondaryBrush="#66FFFFFF" FocusVisualPrimaryBrush="White" Foreground="White"/>
FoxTube/ChannelVideos.xaml
+2 -1
View File
@@ -24,7 +24,8 @@
<PersonPicture Grid.Column="0" HorizontalAlignment="Left" Margin="10,-40,0,0" ProfilePicture="Assets/LogoAvatar.png"/> <PersonPicture Grid.Column="0" HorizontalAlignment="Left" Margin="10,-40,0,0" ProfilePicture="Assets/LogoAvatar.png"/>
<StackPanel Grid.Column="1" Orientation="Vertical" Margin="10,0,0,0"> <StackPanel Grid.Column="1" Orientation="Vertical" Margin="10,0,0,0">
<TextBlock FontWeight="SemiBold" FontSize="22" Text="Channel name"/> <TextBlock FontWeight="SemiBold" FontSize="22" Text="Channel name"/>
<TextBlock Foreground="Gray" Text="1 000 000 subscribers"/> <TextBlock Foreground="Gray" Text="1,000,000 subscribers"/>
<TextBlock Foreground="Gray" Text="563,000 videos"/>
</StackPanel> </StackPanel>
<ToggleButton Grid.Column="2" Height="50" Width="250" Background="Red" Foreground="White" FontSize="18" FontWeight="SemiBold" Content="Subscirbe"/> <ToggleButton Grid.Column="2" Height="50" Width="250" Background="Red" Foreground="White" FontSize="18" FontWeight="SemiBold" Content="Subscirbe"/>
<ToggleButton Grid.Column="3" Height="50" Width="50" FontFamily="Segoe MDL2 Assets" FontSize="18" FontWeight="SemiBold" Content="" Foreground="White" Background="Red"/> <ToggleButton Grid.Column="3" Height="50" Width="50" FontFamily="Segoe MDL2 Assets" FontSize="18" FontWeight="SemiBold" Content="" Foreground="White" Background="Red"/>
FoxTube/VideoCard.xaml
+5 -7
View File
@@ -14,8 +14,11 @@
<RowDefinition Height="*"/> <RowDefinition Height="*"/>
<RowDefinition Height="75"/> <RowDefinition Height="75"/>
</Grid.RowDefinitions> </Grid.RowDefinitions>
<StackPanel Background="Red" Padding="0,-35,0,0"> <StackPanel Grid.Row="0" Background="Red" Padding="0,-35,0,0">
<Image Source="https://i.ytimg.com/vi/f8iOcZ43YT0/hqdefault.jpg"/> <Image Source="https://i.ytimg.com/vi/f8iOcZ43YT0/hqdefault.jpg"/>
<StackPanel Margin="0,-100,2,0" Background="WhiteSmoke" HorizontalAlignment="Right" Padding="5,0,3,0" Height="20">
<TextBlock Text="1:00:00" VerticalAlignment="Center" HorizontalAlignment="Center" Foreground="Gray" Margin="0,2,2,0" FontSize="12"/>
</StackPanel>
</StackPanel> </StackPanel>
<Grid Grid.Row="1"> <Grid Grid.Row="1">
<Grid.RowDefinitions> <Grid.RowDefinitions>
@@ -32,16 +35,11 @@
<PersonPicture Grid.Column="0" Height="46" Margin="10,-30,10,0" BorderBrush="White" BorderThickness="10" ProfilePicture="https://yt3.ggpht.com/-UOhOJaAitUc/AAAAAAAAAAI/AAAAAAAAAAA/z3WPfWpVuZw/s88-c-k-no-mo-rj-c0xffffff/photo.jpg"/> <PersonPicture Grid.Column="0" Height="46" Margin="10,-30,10,0" BorderBrush="White" BorderThickness="10" ProfilePicture="https://yt3.ggpht.com/-UOhOJaAitUc/AAAAAAAAAAI/AAAAAAAAAAA/z3WPfWpVuZw/s88-c-k-no-mo-rj-c0xffffff/photo.jpg"/>
<TextBlock Grid.Column="1" Text="IGP" Foreground="Gray" Margin="0,2,0,0" FontSize="12"/> <TextBlock Grid.Column="1" Text="IGP" Foreground="Gray" Margin="0,2,0,0" FontSize="12"/>
<TextBlock Grid.Column="2" Text="1:00:00 | 59 minute ago" HorizontalAlignment="Right" Foreground="Gray" Margin="0,2,2,0" FontSize="12"/> <TextBlock Grid.Column="2" Text="1M views | 59 minute ago" HorizontalAlignment="Right" Foreground="Gray" Margin="0,2,2,0" FontSize="12"/>
</Grid> </Grid>
<StackPanel Grid.Row="1"> <StackPanel Grid.Row="1">
<TextBlock Text="Subnautica - SAY GOODBYE TO SUBNAUTICA! We're Back Home! - Subnautica Ending (Full Release Gameplay)" TextWrapping="WrapWholeWords" Margin="5" FontSize="14"/> <TextBlock Text="Subnautica - SAY GOODBYE TO SUBNAUTICA! We're Back Home! - Subnautica Ending (Full Release Gameplay)" TextWrapping="WrapWholeWords" Margin="5" FontSize="14"/>
</StackPanel> </StackPanel>
<!--<StackPanel Width="75" Padding="0" Grid.Row="0">
</StackPanel>
<StackPanel Orientation="Vertical">
<TextBlock Text="This is veeery looong name of video lalala! It's not a " TextWrapping="WrapWholeWords"/>
</StackPanel>-->
</Grid> </Grid>
</Grid> </Grid>
</UserControl> </UserControl>