From: aman.jeph <aman.jeph@samsung.com>
Date: Mon, 28 Feb 2022 10:39:08 +0000 (+0530)
Subject: Adding layout in ListItemView
X-Git-Tag: submit/tizen/20220405.085546~6
X-Git-Url: http://review.tizen.org/git/?a=commitdiff_plain;h=eefaccc3be91a9fc04dda2c7f2ac4ef0b6928cb5;p=profile%2Fiot%2Fapps%2Fdotnet%2Fmusic-player.git

Adding layout in ListItemView

Change-Id: I1384a072ab1f64b39d18a4c239af377effc9c994
Signed-off-by: aman.jeph <aman.jeph@samsung.com>
---

diff --git a/music-player/Views/ListItemLayout.cs b/music-player/Views/ListItemLayout.cs
index e94d886..ae2547a 100755
--- a/music-player/Views/ListItemLayout.cs
+++ b/music-player/Views/ListItemLayout.cs
@@ -9,18 +9,13 @@ namespace MusicPlayer.Views
 {
     class ListItemLayout : RecyclerViewItem
     {
-        private static int Width = 1792;
-        private static int Height = 108;
         private static bool AnimationRequired;
 
         private const int IconSize = 64;
-        private const int LayoutMargin = 16;
-        private const int LayoutPadding = 32;
-        private const int SeperatorHeight = 1;
-        private const int LeftPadding = 64;
-        private const int x = 0;
+        private const int SeperatorHeight = 2;
 
         private View itemSeperator;
+        private View textView;
         private TextLabel titleLabel;
         private TextLabel subtitleLabel;
         private ImageView icon;
@@ -60,54 +55,79 @@ defaultValueCreator: (bindable) => ((ListItemLayout)bindable).playingStatus);
 
         public ListItemLayout(bool animationRequired = false, int width = 1792, int height = 108) : base()
         {
-            base.OnInitialize();
-            Width = width;
-            Height = height;
+            OnInitialize();
             AnimationRequired = animationRequired;
-            WidthSpecification = Width;
-            HeightSpecification = Height;
-            Size2D = new Size2D(Width, Height).DpToPx();
-            // to show the rounded rect of the bg
-            BackgroundColor = Color.Transparent;
+            WidthSpecification = LayoutParamPolicies.MatchParent;
+            HeightSpecification = height.DpToPx();
+
+            Layout = new RelativeLayout()
+            {
+                Padding = (DeviceInfo.IsPortrait ? new Extents(32, 32, 0, 0) : new Extents(64, 64, 0, 0)).DpToPx(),
+            };
 
             icon = new ImageView()
             {
-                Size2D = new Size2D(IconSize, IconSize).DpToPx(),
-                Position2D = new Position2D(x, ((Height / 2) - (IconSize / 2))).DpToPx(),
+                WidthSpecification = IconSize.DpToPx(),
+                HeightSpecification = IconSize.DpToPx(),
             };
-            base.Add(icon);
+            Add(icon);
+            RelativeLayout.SetVerticalAlignment(icon, RelativeLayout.Alignment.Center);
+            RelativeLayout.SetHorizontalAlignment(icon, RelativeLayout.Alignment.Start);
+            RelativeLayout.SetLeftRelativeOffset(icon, 0.0f);
 
-            itemSeperator = new View()
+            textView = new View()
             {
-                Size2D = new Size2D((Width - (2 * LeftPadding)), SeperatorHeight).DpToPx(),
-                ExcludeLayouting = true,
-                Position2D = new Position2D(x, Height - SeperatorHeight).DpToPx(),
-                BackgroundColor = UIColors.ItemSeperator,
+                HeightSpecification = 76.DpToPx(),
+                Layout = new LinearLayout()
+                {
+                    LinearOrientation = LinearLayout.Orientation.Vertical,
+                    HorizontalAlignment = HorizontalAlignment.Begin,
+                    VerticalAlignment = VerticalAlignment.Top,
+                    Margin = new Extents(32, 0, 0, 0).DpToPx(),
+                }
             };
-            base.Add(itemSeperator);
+            Add(textView);
+            RelativeLayout.SetLeftTarget(textView, icon);
+            RelativeLayout.SetLeftRelativeOffset(textView, 1.0f);
+            RelativeLayout.SetRightRelativeOffset(textView, 1.0f);
+            RelativeLayout.SetVerticalAlignment(textView, RelativeLayout.Alignment.Center);
 
             titleLabel = new TextLabel()
             {
-                Size2D = new Size2D((Width - (2 * LeftPadding) - IconSize - LayoutPadding), 40).DpToPx(),
+                WidthSpecification = LayoutParamPolicies.MatchParent,
+                HeightSpecification = 40.DpToPx(),
                 PixelSize = 32.DpToPx(),
                 FontFamily = "BreezeSans",
+                HorizontalAlignment = HorizontalAlignment.Begin,
                 VerticalAlignment = VerticalAlignment.Center,
-                Position2D = new Position2D((x + IconSize + LayoutPadding), LayoutMargin).DpToPx(),
+                Ellipsis = true,
             };
             titleLabel.FontStyle = UIFontStyles.NormalLight;
-            base.Add(titleLabel);
+            textView.Add(titleLabel);
 
             subtitleLabel = new TextLabel()
             {
-                Size2D = new Size2D((Width - (2 * LeftPadding) - IconSize - LayoutPadding), 36).DpToPx(),
+                WidthSpecification = LayoutParamPolicies.MatchParent,
+                HeightSpecification = 36.DpToPx(),
                 PixelSize = 28.DpToPx(),
                 FontFamily = "BreezeSans",
+                HorizontalAlignment = HorizontalAlignment.Begin,
                 VerticalAlignment = VerticalAlignment.Center,
-                Position2D = new Position2D((x + IconSize + LayoutPadding), LayoutMargin + 40).DpToPx(),
+                Ellipsis = true,
             };
             subtitleLabel.FontStyle = UIFontStyles.AllNormal;
-            base.Add(subtitleLabel);
+            textView.Add(subtitleLabel);
             UpdateLabelColors();
+
+            itemSeperator = new View()
+            {
+                WidthSpecification = LayoutParamPolicies.MatchParent,
+                HeightSpecification = SeperatorHeight.DpToPx(),
+                BackgroundColor = UIColors.ItemSeperator,
+            };
+            Add(itemSeperator);
+            RelativeLayout.SetVerticalAlignment(itemSeperator, RelativeLayout.Alignment.End);
+
             ThemeManager.ThemeChanged += OnThemeUpdated;
         }
         public ImageView Icon
@@ -172,7 +192,6 @@ defaultValueCreator: (bindable) => ((ListItemLayout)bindable).playingStatus);
         {
             if(currentValue)
             {
-                Tizen.Log.Debug(AppConstants.LogTag, "Adding animation/play-pause icon and setting highlight color");
                 if(titleLabel != null)
                 {
                     titleLabel.TextColor = UIColors.HEX1473E6;
@@ -192,7 +211,6 @@ defaultValueCreator: (bindable) => ((ListItemLayout)bindable).playingStatus);
             }
             else
             {
-                Tizen.Log.Debug(AppConstants.LogTag, "Remove animation/play-pause icon and setting normal color");
                 UpdateLabelColors();
                 if(AnimationRequired == true && isAnimating)
                 {
diff --git a/packaging/org.tizen.MusicPlayer-1.0.0.tpk b/packaging/org.tizen.MusicPlayer-1.0.0.tpk
index ab90b74..a4f7c26 100755
Binary files a/packaging/org.tizen.MusicPlayer-1.0.0.tpk and b/packaging/org.tizen.MusicPlayer-1.0.0.tpk differ