Implment mediahub musictab list GUI

Change-Id: Ie82580a2d01ced295ddfe333f0cbcde6ab20d3b9
Signed-off-by: jjie <jjie.choi@samsung.com>

diff --git a/TVMediaHub/TVMediaHub.Tizen/Views/MusicGroup.xaml.cs b/TVMediaHub/TVMediaHub.Tizen/Views/MusicGroup.xaml.cs
index 34a465f..307f1b5 100644 (file)
--- a/TVMediaHub/TVMediaHub.Tizen/Views/MusicGroup.xaml.cs
+++ b/TVMediaHub/TVMediaHub.Tizen/Views/MusicGroup.xaml.cs
@@ -64,14 +64,16 @@ namespace TVMediaHub.Tizen.Views
         {
             GroupTitle.FontSize = Utils.SizeUtils.GetFontSize(28);
             GroupTitle.HeightRequest = Utils.SizeUtils.GetHeightSize(50);
-            GroupTitle.Margin = new Thickness(SizeUtils.GetWidthSize(12), 0, 0, 0);
+            GroupTitle.Margin = new Thickness(SizeUtils.GetWidthSize(60), 0, 0, 0);
 
             TitleFocusArea.WidthRequest = SizeUtils.GetWidthSize(180);
-            GroupContentArea.RowDefinitions.Add(new RowDefinition { Height = SizeUtils.GetHeightSize(134) });
-            GroupContentArea.RowDefinitions.Add(new RowDefinition { Height = SizeUtils.GetHeightSize(134) });
-            GroupContentArea.RowDefinitions.Add(new RowDefinition { Height = SizeUtils.GetHeightSize(134) });
-            GroupContentArea.RowDefinitions.Add(new RowDefinition { Height = SizeUtils.GetHeightSize(134) });
-            GroupContentArea.RowSpacing = SizeUtils.GetHeightSize(2);
+            GroupContentArea.RowSpacing = SizeUtils.GetHeightSize(-134);
+            GroupContentArea.ColumnSpacing = SizeUtils.GetWidthSize(-136);
+            GroupContentArea.RowDefinitions.Add(new RowDefinition { Height = SizeUtils.GetHeightSize(270) });
+            GroupContentArea.RowDefinitions.Add(new RowDefinition { Height = SizeUtils.GetHeightSize(270) });
+            GroupContentArea.RowDefinitions.Add(new RowDefinition { Height = SizeUtils.GetHeightSize(270) });
+            GroupContentArea.RowDefinitions.Add(new RowDefinition { Height = SizeUtils.GetHeightSize(270) });
+            GroupContentArea.Margin = new Thickness(SizeUtils.GetWidthSize(-64), SizeUtils.GetHeightSize(-64), SizeUtils.GetWidthSize(-64), SizeUtils.GetHeightSize(-64));
         }
 
         /// <summary>

diff --git a/TVMediaHub/TVMediaHub.Tizen/Views/MusicItem.xaml b/TVMediaHub/TVMediaHub.Tizen/Views/MusicItem.xaml
index c74e79f..1c262e0 100644 (file)
--- a/TVMediaHub/TVMediaHub.Tizen/Views/MusicItem.xaml
+++ b/TVMediaHub/TVMediaHub.Tizen/Views/MusicItem.xaml
@@ -5,29 +5,26 @@
                 xmlns:Utils="clr-namespace:TVMediaHub.Tizen.Utils"
                 xmlns:Views="clr-namespace:TVMediaHub.Tizen.Views"
                 MusicInfo="{Binding Information}">
-    <Grid>
-        <Grid.RowDefinitions>
-            <RowDefinition Height="3*" />
-            <RowDefinition Height="2*" />
-            <RowDefinition Height="2*" />
-        </Grid.RowDefinitions>
-        <Image x:Name="AlbumCover"
-               Grid.Row="0"
-               Grid.RowSpan="3"
-               Grid.Column="0"/>
+
+    <StackLayout Orientation="Vertical" x:Name="TextArea" BackgroundColor="#171717" Spacing="0"
+                 RelativeLayout.YConstraint="{ConstraintExpression Type=RelativeToParent, Property=Height, Factor=0.2518}"
+                 RelativeLayout.XConstraint="{ConstraintExpression Type=RelativeToParent, Property=Width, Factor=0.2821}">
         <Label x:Name="SongTitle"
-               Grid.Row="0"
-               Grid.Column="1"
+               FontFamily="BreezeSans"
                LineBreakMode="TailTruncation"/>
         <Label x:Name="Artist"
-               Grid.Row="1"
-               Grid.Column="1"
-               LineBreakMode="TailTruncation"/>
+               FontFamily="BreezeSans"
+               LineBreakMode="TailTruncation"
+               Opacity="0.6"/>
         <Label x:Name="AlbumTitle"
-               Grid.Row="2"
-               Grid.Column="1"
-               LineBreakMode="TailTruncation"/>
-    </Grid>
+               FontFamily="BreezeSans"
+               LineBreakMode="TailTruncation"
+               Opacity="0.6"/>
+    </StackLayout>
+    <Image x:Name="AlbumCover"
+           RelativeLayout.YConstraint="{ConstraintExpression Type=RelativeToParent, Property=Height, Factor=0.2518}"
+           RelativeLayout.XConstraint="{ConstraintExpression Type=RelativeToParent, Property=Width, Factor=0.0951}"
+           Source="img_music_nocover_focused.png"/>
     <Button x:Name="FocusArea"
             RelativeLayout.HeightConstraint="{ConstraintExpression Type=RelativeToParent, Property=Height, Factor=1}"
             RelativeLayout.WidthConstraint="{ConstraintExpression Type=RelativeToParent, Property=Width, Factor=1}"

diff --git a/TVMediaHub/TVMediaHub.Tizen/Views/MusicItem.xaml.cs b/TVMediaHub/TVMediaHub.Tizen/Views/MusicItem.xaml.cs
index 0285c9e..1567b87 100644 (file)
--- a/TVMediaHub/TVMediaHub.Tizen/Views/MusicItem.xaml.cs
+++ b/TVMediaHub/TVMediaHub.Tizen/Views/MusicItem.xaml.cs
@@ -21,6 +21,7 @@ using TVMediaHub.Tizen.DataModels;
 using TVMediaHub.Tizen.Utils;
 using TVMediaHub.Tizen.ViewModels;
 using Xamarin.Forms;
+using Xamarin.Forms.PlatformConfiguration.TizenSpecific;
 using Xamarin.Forms.Xaml;
 
 namespace TVMediaHub.Tizen.Views
@@ -53,6 +54,8 @@ namespace TVMediaHub.Tizen.Views
             }
         }
 
+
+
         /// <summary>
         /// A constructor
         /// Initializes the size of the items that are used in this class
@@ -69,16 +72,27 @@ namespace TVMediaHub.Tizen.Views
         /// </summary>
         private void InitializeSize()
         {
-            WidthRequest = SizeUtils.GetWidthSize(400);
-            HeightRequest = SizeUtils.GetHeightSize(134);
+            WidthRequest = SizeUtils.GetWidthSize(716);
+            HeightRequest = SizeUtils.GetHeightSize(270);
             AlbumCover.WidthRequest = SizeUtils.GetWidthSize(134);
             AlbumCover.HeightRequest = SizeUtils.GetHeightSize(134);
-            SongTitle.WidthRequest = SizeUtils.GetWidthSize(266);
-            SongTitle.FontSize = SizeUtils.GetFontSize(20);
-            Artist.WidthRequest = SizeUtils.GetWidthSize(266);
-            Artist.FontSize = SizeUtils.GetFontSize(17);
-            AlbumTitle.WidthRequest = SizeUtils.GetWidthSize(266);
-            AlbumTitle.FontSize = SizeUtils.GetFontSize(17);
+            TextArea.WidthRequest = SizeUtils.GetWidthSize(446);
+            TextArea.HeightRequest = SizeUtils.GetHeightSize(134);
+            SongTitle.WidthRequest = SizeUtils.GetWidthSize(382);
+            SongTitle.HeightRequest = SizeUtils.GetHeightSize(32);
+            SongTitle.FontSize = SizeUtils.GetFontSize(28);
+            SongTitle.Margin = new Thickness(SizeUtils.GetWidthSize(32), SizeUtils.GetHeightSize(18), SizeUtils.GetWidthSize(32), 0);
+            SongTitle.On<Xamarin.Forms.PlatformConfiguration.Tizen>().SetFontWeight(FontWeight.Normal);
+            Artist.WidthRequest = SizeUtils.GetWidthSize(382);
+            Artist.HeightRequest = SizeUtils.GetHeightSize(32);
+            Artist.Margin = new Thickness(SizeUtils.GetWidthSize(32), SizeUtils.GetHeightSize(12), SizeUtils.GetWidthSize(32), 0);
+            Artist.FontSize = SizeUtils.GetFontSize(28);
+            Artist.On<Xamarin.Forms.PlatformConfiguration.Tizen>().SetFontWeight(FontWeight.Normal);
+            AlbumTitle.WidthRequest = SizeUtils.GetWidthSize(382);
+            AlbumTitle.HeightRequest = SizeUtils.GetHeightSize(28);
+            AlbumTitle.Margin = new Thickness(SizeUtils.GetWidthSize(32), SizeUtils.GetHeightSize(4), SizeUtils.GetWidthSize(32), 0);
+            AlbumTitle.FontSize = SizeUtils.GetFontSize(24);
+            AlbumTitle.On<Xamarin.Forms.PlatformConfiguration.Tizen>().SetFontWeight(FontWeight.Light);
         }
 
         /// <summary>

diff --git a/TVMediaHub/TVMediaHub.Tizen/Views/MusicTab.xaml b/TVMediaHub/TVMediaHub.Tizen/Views/MusicTab.xaml
index 7a13d16..09e1a6c 100755 (executable)
--- a/TVMediaHub/TVMediaHub.Tizen/Views/MusicTab.xaml
+++ b/TVMediaHub/TVMediaHub.Tizen/Views/MusicTab.xaml
@@ -32,7 +32,7 @@
                            RelativeLayout.XConstraint="{ConstraintExpression Type=RelativeToParent, Property=Width, Factor=0.0}">
         </Views:MusicPlayer>
         <ScrollView x:Name="MusicTabScrollView"
-                    RelativeLayout.HeightConstraint="{ConstraintExpression Type=RelativeToParent, Property=Height, Factor=0.855}"
+                    RelativeLayout.HeightConstraint="{ConstraintExpression Type=RelativeToParent, Property=Height, Factor=1}"
                     RelativeLayout.WidthConstraint="{ConstraintExpression Type=RelativeToParent, Property=Width, Factor=0.7}"
                     RelativeLayout.XConstraint="{ConstraintExpression Type=RelativeToParent, Property=Width, Factor=0.3}"
                     Orientation="Horizontal" IsVisible="False">

diff --git a/TVMediaHub/TVMediaHub.Tizen/Views/MusicTab.xaml.cs b/TVMediaHub/TVMediaHub.Tizen/Views/MusicTab.xaml.cs
index 918b62e..7c5956e 100755 (executable)
--- a/TVMediaHub/TVMediaHub.Tizen/Views/MusicTab.xaml.cs
+++ b/TVMediaHub/TVMediaHub.Tizen/Views/MusicTab.xaml.cs
@@ -108,6 +108,8 @@ namespace TVMediaHub.Tizen.Views
             ImgNoContents.WidthRequest = SizeUtils.GetWidthSize(68);
             LabelNoContents.HeightRequest = SizeUtils.GetHeightSize(32);
             LabelNoContents.FontSize = SizeUtils.GetFontSize(28);
+            MusicContentView.Padding = new Thickness(0, SizeUtils.GetHeightSize(74));
+            MusicContentView.Spacing = SizeUtils.GetWidthSize(60);
         }
 
         /// <summary>

diff --git a/TVMediaHub/TVMediaHub.Tizen/res/img_music_nocover_focused.png b/TVMediaHub/TVMediaHub.Tizen/res/img_music_nocover_focused.png
new file mode 100644 (file)
index 0000000..901ea5f
Binary files /dev/null and b/TVMediaHub/TVMediaHub.Tizen/res/img_music_nocover_focused.png differ