Skip to content

neilkennedy/FontAwesome.Xamarin

Folders and files

NameName
Last commit message
Last commit date

Latest commit

2a80cad · Jul 24, 2017

History

16 Commits
Jun 29, 2017
Jul 24, 2017
Jun 29, 2017
Mar 6, 2014
Mar 10, 2014
Jun 29, 2017
Jun 29, 2017
Feb 23, 2017
Apr 1, 2014

Repository files navigation

#FontAwesome.Xamarin

This is a simple library to help when using FontAwesome with Xamarin.iOS. All v4.0.3 icons from the cheatsheet are included.

##Getting started

  • Add dist/FontAwesome.Xamarin.dll to your project
  • Add dist/FontAwesome.ttf to the Resources directory of your project
    • Set Build Action to "BundleResource"
    • Set Copy to output directory to "Always Copy"
  • Open Info.plist
    • Click on the Source tab
    • Add a new property and select "Fonts provided by application" from the dropdown list
    • Add a new item to the array called FontAwesome.ttf

##Using it ###FontAwesome.cs Once the library and font have been added, using FontAwesome is very simple. There is one static method .Font(int size) that returns the UIFont class with the specified size. Each icon is listed as a static method. The CSS class of fa-lock would become FontAwesome.FALock.

using FontAwesomeXamarin;

UILabel lockLabel = new UILabel (new RectangleF (0, 30, 320, 100)) {
  Font = FontAwesome.Font(100), //100 is the font size we want to use
  Text = FontAwesome.FALock, //Here we're using the lock icon "fa-lock"
  TextColor = UIColor.White,
  TextAlignment = UITextAlignment.Center
};

Icon in a UILabel

Because FontAwesome is a font based icon library we can set the text color and size in the same way we would for any other regular font.

###FABarButtonItem.cs This will create a UIBarButtonItem with a FontAwesome icon that can be used in a UINavigationBar. Internally it uses a UIButton for the font and click event and adds it as the CustomView of the UIBarButtonItem.

NavigationItem.RightBarButtonItem = new FABarButtonItem (FontAwesome.FATrashO, UIColor.White, delegate {
  //Click event handler
});

Navigation Bar Icon

NavigationItem.RightBarButtonItem = new FABarButtonItem (FontAwesome.FAGithub, "Github", UIColor.White, delegate {
  //Click event handler
});

Navigation Bar Icon with Title

###FAButton.cs This is an extension of UIButton. It simply sets the font to FontAwesome.Font() and contains easy access methods to the Icon and IconSize.

var deleteBtn = new FAButton (FontAwesome.FATrashO, UIColor.White, 20) {
  Frame = new RectangleF (0 , 0, 25, 25)
};

About

FontAwesome Library for Xamarin.iOS (MonoTouch)

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published