Header
3 Sep 2020 / 6 minutes to read
You can add a title to gauge using the SFLinearLabel
option to provide information to users about the data that is being plotted in the linear gauge.
Adding header to linear gauge
SFLinearGauge linearGauge = new SFLinearGauge();
linearGauge.BackgroundColor = UIColor.White;
SFLinearLabel linearHeader = new SFLinearLabel();
linearHeader.Text = (Foundation.NSString)"Thermometer";
linearHeader.Font = UIFont.FromName("Helvetica", 15f);
linearHeader.Position = new CoreGraphics.CGPoint(0.4, 0.1);
linearHeader.Color = UIColor.Black;
linearGauge.Header = linearHeader;
linearGauge.Orientation = SFLinearGaugeOrientation.SFLinearGaugeOrientationVertical;
SFLinearScale linearScale = new SFLinearScale();
linearScale.Interval = 10;
linearScale.ScaleBarColor = UIColor.FromRGB(224, 224, 224);
linearScale.MajorTickSettings.Length = 12;
linearScale.MinorTickSettings.Length = 5;
linearScale.ScaleBarLength = 350;
linearScale.LabelColor = UIColor.FromRGB(66, 66, 66);
linearGauge.Scales.Add(linearScale);
this.View.AddSubview(linearGauge);
Positioning the header
To change the position of header, use the Position
property in the linear header. It ranges from 0 to 1. By default, the header will be positioned on the top of linear gauge.
SFLinearGauge linearGauge = new SFLinearGauge();
linearGauge.BackgroundColor = UIColor.White;
SFLinearLabel linearHeader = new SFLinearLabel();
linearHeader.Text = (Foundation.NSString)"Thermometer";
linearHeader.Font = UIFont.FromName("Helvetica", 15f);
linearHeader.Position = new CoreGraphics.CGPoint(0.4, 0.4);
linearHeader.Color = UIColor.Black;
linearGauge.Header = linearHeader;
SFLinearScale linearScale = new SFLinearScale();
linearScale.Interval = 10;
linearScale.ScaleBarColor = UIColor.FromRGB(224, 224, 224);
linearScale.MajorTickSettings.Length = 12;
linearScale.MinorTickSettings.Length = 5;
linearScale.ScaleBarLength = 350;
linearScale.LabelColor = UIColor.FromRGB(66, 66, 66);
linearGauge.Scales.Add(linearScale);
this.View.AddSubview(linearGauge);
Customizing header text
You can customize the text of SFLinearLabel
by using the Color
and Font
properties as shown in the following code snippet.
SFLinearGauge linearGauge = new SFLinearGauge();
linearGauge.BackgroundColor = UIColor.White;
SFLinearLabel linearHeader = new SFLinearLabel();
linearHeader.Text = (Foundation.NSString)"Thermometer";
linearHeader.Font = UIFont.FromName("Chalkduster", 18f);
linearHeader.Position = new CoreGraphics.CGPoint(0.35, 0.4);
linearHeader.Color = UIColor.FromRGB(0 , 255 , 255);
linearGauge.Header = linearHeader;
SFLinearScale linearScale = new SFLinearScale();
linearScale.Interval = 10;
linearScale.ScaleBarColor = UIColor.FromRGB(224, 224, 224);
linearScale.MajorTickSettings.Length = 12;
linearScale.MinorTickSettings.Length = 5;
linearScale.ScaleBarLength = 350;
linearScale.LabelColor = UIColor.FromRGB(66, 66, 66);
linearGauge.Scales.Add(linearScale);
this.View.AddSubview(linearGauge);
Was this page helpful?
Yes
No
Thank you for your feedback!
Thank you for your feedback and comments. We will rectify this as soon as possible!
An unknown error has occurred. Please try again.
Help us improve this page