Merge pull request #7 from sescalada/textcolor

Added TextColor and FontFamily properties to customize badge label
SuavePirate · Jun 27, 2018 · d184d2e · d184d2e
2 parents 25353e0 + bd2406a
commit d184d2e
Show file tree

Hide file tree

Showing 2 changed files with 48 additions and 1 deletion.
diff --git a/Example/BadgeViewExample/BadgePage.xaml b/Example/BadgeViewExample/BadgePage.xaml
@@ -3,7 +3,14 @@
     <ContentPage.Content>
         <StackLayout Orientation="Horizontal" HorizontalOptions="CenterAndExpand" VerticalOptions="Center">
             <Label HorizontalTextAlignment="Center" Text="Look at me!" />
-            <badge:BadgeView Text="3" BadgeColor="Green" VerticalOptions="Center" HorizontalOptions="End" />
+            <badge:BadgeView Text="3" BadgeColor="Green" TextColor="Yellow" VerticalOptions="Center" HorizontalOptions="End">
+                <badge:BadgeView.FontFamily>
+                    <OnPlatform x:TypeArguments="x:String">
+                        <On Platform="Android" Value="sans-serif-thin" />
+                        <On Platform="iOS" Value="Courier-Bold" />
+                    </OnPlatform>
+                </badge:BadgeView.FontFamily>
+            </badge:BadgeView>
         </StackLayout>
     </ContentPage.Content>
 </ContentPage>
diff --git a/src/BadgeView.Shared/BadgeView.xaml.cs b/src/BadgeView.Shared/BadgeView.xaml.cs
@@ -12,6 +12,18 @@ public partial class BadgeView : Grid
             view.BadgeLabel.Text = (string)newVal;
         });
 
+        public static BindableProperty TextColorProperty = BindableProperty.Create("TextColor", typeof(Color), typeof(BadgeView), Color.White, propertyChanged: (bindable, oldVal, newVal) =>
+        {
+            var view = (BadgeView)bindable;
+            view.BadgeLabel.TextColor = (Color)newVal;
+        });
+
+        public static BindableProperty FontFamilyProperty = BindableProperty.Create("FontFamily", typeof(string), typeof(BadgeView), Label.FontFamilyProperty.DefaultValue, propertyChanged: (bindable, oldVal, newVal) =>
+        {
+            var view = (BadgeView)bindable;
+            view.BadgeLabel.FontFamily = (string)newVal;
+        });
+
         public static BindableProperty BadgeColorProperty = BindableProperty.Create("BadgeColor", typeof(Color), typeof(BadgeView), Color.Blue, propertyChanged: (bindable, oldVal, newVal) =>
         {
             var view = (BadgeView)bindable;
@@ -29,6 +41,31 @@ public string Text
                 SetValue(TextProperty, value);
             }
         }
+
+        public Color TextColor
+        {
+            get
+            {
+                return (Color)GetValue(TextColorProperty);
+            }
+            set
+            {
+                SetValue(TextColorProperty, value);
+            }
+        }
+
+        public string FontFamily
+        {
+            get
+            {
+                return (string)GetValue(FontFamilyProperty);
+            }
+            set
+            {
+                SetValue(FontFamilyProperty, value);
+            }
+        }
+
         public Color BadgeColor
         {
             get
@@ -40,10 +77,13 @@ public Color BadgeColor
                 SetValue(BadgeColorProperty, value);
             }
         }
+
         public BadgeView()
         {
             InitializeComponent();
             BadgeLabel.Text = Text;
+            BadgeLabel.TextColor = TextColor;
+            BadgeLabel.FontFamily = FontFamily;
             BadgeCircle.BackgroundColor = BadgeColor;
         }
     }