Added HeaderedTextBlock control for Android and iOS.

Author: jamesmcroft

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/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