BadgeLabel

It's a label control, that has colored background.

Inherits from AppCompatTextView/UILabel.

Customization fields

Type	Field	Description	Default value
FontStyleItem	FontStyle	Responsible for font customization.
UIFont Typeface	Font Typeface	Responsible for label's text font.	System Roboto bold
float	LetterSpacing	Responsible for label's text letters spacing.	-0.0046
float	TextSize	Responsible for label title text size.	13
UIColor Color	TextColor	Responsible for label text color.	#FFFFFF
int float	CornerRadius	Set corner radius for the background.	4
UIColor Color	BackgroundColor	Responsible for background color of the badge label.	#3C6DF0

Usage

Android

For Android platform, there are two ways to add BadgeLabel to the layout: to the axml markup file or from the code behind.

The sample for creating BadgeLabel in code behind for Android:

var label = new BadgeLabel(this.Context);
label.LayoutParameters = new ViewGroup.LayoutParams(ViewGroup.LayoutParams.WrapContent, ViewGroup.LayoutParams.WrapContent);
label.TextSize = 15;
label.LetterSpacing = 3;
label.CornerRadius = 8;
label.BackgroundColor = Color.Red;

The sample for creating BadgeLabel in axml markup for Android:

<EOS.UI.Droid.Controls.BadgeLabel
    android:id="@+id/badgeLabel"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="Badge label" />

Note: For customization Typeface you should add a file with a custom font to assets.

iOS

For iOS Badge label can be added from the .xib/storyboards files or from code behind.

The sample for creating BadgeLabel in code behind for IOS:

var label = new BadgeLabel();
label.Frame = new CGRect(0, 0, 20, 65);
label.TextSize = 15;
label.LetterSpacing = 3;
label.CornerRadius = 8;
label.BackgroundColor = UIColor.Red;
label.FontStyle = new FontStyleItem() {
       Color = ColorExtension.FromHex(brandPrimaryColor),
       Font = UIFont.SystemFontOfSize(13f, UIFontWeight.Semibold),
       Size = 13f,
       LetterSpacing = -0.6f,
       LineHeight = 15f
}