Merge pull request #42 from MADE-Apps/headeredtextblock

PR for #1 - Add support for a headered text block control

Author: tom-made

.gitignore

@@ -289,3 +289,13 @@ __pycache__/
 
 # Additionals
 *.bak
+*.yml
+.manifest
+**/DROP/
+**/TEMP/
+**/packages/
+**/bin/
+**/obj/
+**/_site
+**/log.txt
+**/docfx.json

MADE.App.Design/Color/Color.cs

@@ -9,6 +9,8 @@
 
 namespace MADE.App.Design.Color
 {
+    using System.Globalization;
+
     /// <summary>
     /// Defines a model for a UI element color.
     /// </summary>
@@ -37,6 +39,33 @@ internal Color(byte a, byte r, byte g, byte b)
             this.B = b;
         }
 
+        /// <summary>
+        /// Initializes a new instance of the <see cref="Color"/> class.
+        /// </summary>
+        /// <param name="hexValue">
+        /// The ARGB or RGB hex value represented as a string.
+        /// </param>
+        public Color(string hexValue)
+        {
+            string val = hexValue.ToUpper();
+
+            switch (val.Length)
+            {
+                case 7:
+                    this.A = 255;
+                    this.R = byte.Parse(val.Substring(1, 2), NumberStyles.AllowHexSpecifier);
+                    this.G = byte.Parse(val.Substring(3, 2), NumberStyles.AllowHexSpecifier);
+                    this.B = byte.Parse(val.Substring(5, 2), NumberStyles.AllowHexSpecifier);
+                    break;
+                case 9:
+                    this.A = byte.Parse(val.Substring(1, 2), NumberStyles.AllowHexSpecifier);
+                    this.R = byte.Parse(val.Substring(3, 2), NumberStyles.AllowHexSpecifier);
+                    this.G = byte.Parse(val.Substring(5, 2), NumberStyles.AllowHexSpecifier);
+                    this.B = byte.Parse(val.Substring(7, 2), NumberStyles.AllowHexSpecifier);
+                    break;
+            }
+        }
+
 #if WINDOWS_UWP || __ANDROID__
         /// <summary>
         /// Initializes a new instance of the <see cref="Color"/> class with a <see cref="System.Drawing.Color"/>.
@@ -186,7 +215,7 @@ public Color(UIKit.UIColor color)
             {
                 if (color.CGColor.NumberOfComponents == 2)
                 {
-                    var rgb = (byte)(color.CGColor.Components[0] * 255);
+                    byte rgb = (byte)(color.CGColor.Components[0] * 255);
                     this.R = rgb;
                     this.G = rgb;
                     this.B = rgb;

MADE.App.Design/MADE.App.Design.csproj

@@ -52,12 +52,11 @@
   </ItemGroup>
 
   <ItemGroup>
-    <PackageReference Include="docfx.console" Version="2.36.0" PrivateAssets="All" />
     <PackageReference Include="MSBuild.Sdk.Extras" Version="1.5.4" PrivateAssets="All" />
   </ItemGroup>
 
   <ItemGroup Condition=" '$(TargetFramework)' == 'uap10.0.16299' ">
-    <PackageReference Include="Microsoft.NETCore.UniversalWindowsPlatform" Version="6.1.4" />
+    <PackageReference Include="Microsoft.NETCore.UniversalWindowsPlatform" Version="6.1.5" />
   </ItemGroup>
 
   <Import Project="$(MSBuildSDKExtrasTargets)" Condition="Exists('$(MSBuildSDKExtrasTargets)')" />

MADE.App.Design/Styles/BaseStyle.iOS.cs

@@ -0,0 +1,60 @@
+// --------------------------------------------------------------------------------------------------------------------
+// <copyright file="BaseStyle.iOS.cs" company="MADE Apps">
+//   Copyright (c) MADE Apps.
+// </copyright>
+// <summary>
+//   Defines a base class for creating styles that can be applied to iOS UIView elements.
+// </summary>
+// --------------------------------------------------------------------------------------------------------------------
+
+#if __IOS__
+namespace MADE.App.Design.Styles
+{
+    using MADE.App.Design.Color;
+
+    using UIKit;
+
+    /// <summary>
+    /// Defines a base class for creating styles that can be applied to iOS <see cref="UIView"/> elements.
+    /// </summary>
+    /// <typeparam name="TView">
+    /// The type of <see cref="UIView"/> to apply the style to.
+    /// </typeparam>
+    public abstract class BaseStyle<TView> where TView : UIView
+    {
+        /// <summary>
+        /// Gets or sets the level of alpha transparency for the view from 0 to 1.
+        /// </summary>
+        public float? Opacity { get; set; }
+
+        /// <summary>
+        /// Gets or sets the background color of the view.
+        /// </summary>
+        public Color BackgroundColor { get; set; }
+
+        /// <summary>
+        /// Applies the properties of the style to the given <see cref="UIView"/>.
+        /// </summary>
+        /// <param name="view">
+        /// The view to apply the style to.
+        /// </param>
+        public virtual void Apply(TView view)
+        {
+            if (view == null)
+            {
+                return;
+            }
+
+            if (this.BackgroundColor != null)
+            {
+                view.BackgroundColor = this.BackgroundColor;
+            }
+
+            if (this.Opacity != null && this.Opacity >= 0.0 && this.Opacity <= 1.0)
+            {
+                view.Alpha = (System.nfloat)this.Opacity;
+            }
+        }
+    }
+}
+#endif

MADE.App.Design/Styles/UILabelStyle.cs

@@ -0,0 +1,51 @@
+// --------------------------------------------------------------------------------------------------------------------
+// <copyright file="UILabelStyle.cs" company="MADE Apps">
+//   Copyright (c) MADE Apps.
+// </copyright>
+// <summary>
+//   Defines the style model for an iOS UILabel.
+// </summary>
+// --------------------------------------------------------------------------------------------------------------------
+
+#if __IOS__
+namespace MADE.App.Design.Styles
+{
+    using MADE.App.Design.Color;
+
+    using UIKit;
+
+    /// <summary>
+    /// Defines the style model for an iOS <see cref="UILabel"/>.
+    /// </summary>
+    public class UILabelStyle : BaseStyle<UILabel>
+    {
+        /// <summary>
+        /// Gets or sets the foreground color (color of the text) of the view.
+        /// </summary>
+        public Color ForegroundColor { get; set; }
+
+        /// <summary>
+        /// Gets or sets the alignment of the text in the view.
+        /// </summary>
+        public UITextAlignment TextAlignment { get; set; }
+
+        /// <summary>
+        /// Applies the properties of the style to the given <see cref="UILabel"/>.
+        /// </summary>
+        /// <param name="view">
+        /// The view to apply the style to.
+        /// </param>
+        public override void Apply(UILabel view)
+        {
+            base.Apply(view);
+
+            if (this.ForegroundColor != null)
+            {
+                view.TextColor = this.ForegroundColor;
+            }
+
+            view.TextAlignment = this.TextAlignment;
+        }
+    }
+}
+#endif

MADE.App.Mvvm/MADE.App.Mvvm.csproj

@@ -46,8 +46,4 @@
     <None Remove="toc.yml" />
   </ItemGroup>
 
-  <ItemGroup>
-    <PackageReference Include="docfx.console" Version="2.36.0" PrivateAssets="All" />
-  </ItemGroup>
-
 </Project>