TextStyle allows you to effortlessly create, manage and style text in Android and iOS using HTML & CSS style sheets.
- Create rich HTML text displays with full CSS styling
- Style new or existing text displays (UILabel, UITextView, UITextField)
- Manage and display style changes on existing fields
- Change text styles at runtime
- Light-weight and simple to use
Create and style new text displays
// Load the CSS file
var style = File.ReadAllText ("StyleOne.css");
TextStyle.Instance.SetCSS (style);
// Create a heading using the "h1" css style
var headingLabel = TextStyle.Create<UILabel> ("h1", "Behold");
headingLabel.Frame = new CGRect (20f, 40f, 300, 40f);
Add (headingLabel);
// Create a subheading using the "h2" css style
var subheadingLabel = TextStyle.Create<UILabel> ("h2", "The power of TextStyle");
subheadingLabel.Frame = new CGRect (20f, 80f, 300, 40f);
Add (subheadingLabel);
Style and manage existing text displays
// Load the CSS file
var style = File.ReadAllText ("StyleOne.css");
TextStyle.Instance.SetCSS (style);
// Create a StyleManager to handle any CSS changes automatically
var styleManager = new StyleManager ();
styleManager.Add (headingLabel, "h1");
styleManager.Add (subheadingLabel, "h2");
Alter CSS Styles on the fly
// Create a subheading using the "h2" css style with a custom tag
var subtitle = TextStyle.Create<UILabel> ("h2", "This is a <spot>subtitle</spot>", new List<CssTagStyle> () {
new CssTagStyle ("spot"){ CSS = "spot{color:" + UIColor.Red.ToHex () + "}" }
});
subtitle.Frame = new CGRect (20f, 40f, 30f, 40f);
Add (subtitle);