public override View GetSampleContent (Context con) { SfLinearGauge linearGauge = new SfLinearGauge (con); // linearGauge.LayoutParameters =new LinearLayout.LayoutParams(parentLayout.getMeasuredWidth(),parentLayout.getMeasuredHeight()-150); ObservableCollection<LinearScale> scales = new ObservableCollection<LinearScale> (); ObservableCollection<LinearPointer> pointers = new ObservableCollection<LinearPointer> (); ObservableCollection<LinearRange> ranges = new ObservableCollection<LinearRange> (); linearGauge.SetX (0); linearGauge.SetY (0); linearGauge.SetBackgroundColor (Color.Rgb (255, 255, 255)); linearGauge.SetOrientation (SfLinearGauge.Orientation.Vertical); // adding new scale LinearScale outerScale = new LinearScale (); outerScale.Minimum = 0; outerScale.Maximum = 100; outerScale.ScaleBarSize = 50; outerScale.ScaleBarLength = 100; outerScale.Interval = 20; outerScale.ScaleBarColor = Color.ParseColor ("#FAECEC"); outerScale.MinorTicksPerInterval = 2; outerScale.LabelFontSize = 17; outerScale.LabelColor = Color.ParseColor ("#545454"); outerScale.LabelPostfix = "%"; //adding major ticks LinearTickSettings outerScale_majorTicksSettings = new LinearTickSettings (); outerScale_majorTicksSettings.Color = Color.ParseColor ("#AFAFAF");// outerScale_majorTicksSettings.Length = 20; outerScale_majorTicksSettings.StrokeWidth = 5; outerScale_majorTicksSettings.Offset = 0; outerScale.MajorTickSettings = outerScale_majorTicksSettings; //adding minor ticks LinearTickSettings outerScale_minorTicksSettings = new LinearTickSettings (); outerScale_minorTicksSettings.Color = Color.ParseColor ("#AFAFAF"); outerScale_minorTicksSettings.Length = 10; outerScale_minorTicksSettings.StrokeWidth = 5; outerScale_minorTicksSettings.Offset = 0; outerScale.MinorTickSettings = outerScale_minorTicksSettings; // adding Symbol Pointer SymbolPointer outerScale_needlePointer = new SymbolPointer (); outerScale_needlePointer.Value = pointervalue; outerScale_needlePointer.StrokeWidth = 0; outerScale_needlePointer.Offset = 0.3f; outerScale_needlePointer.Color = Color.ParseColor ("#414D4F"); pointers.Add (outerScale_needlePointer); //adding Bar Pointer BarPointer rangePointer = new BarPointer (); rangePointer.Value = barvalue; rangePointer.Color = Color.ParseColor ("#CE4545");// rangePointer.StrokeWidth = 20; pointers.Add (rangePointer); outerScale.Pointers = pointers; //adding ranges LinearRange lowerRange = new LinearRange (); lowerRange.StartWidth = 30; lowerRange.EndWidth = 30; lowerRange.Color = Color.ParseColor ("#67d6db"); lowerRange.StartValue = 0; lowerRange.EndValue = 50; lowerRange.Offset = -.3; ranges.Add (lowerRange); LinearRange higherRange = new LinearRange (); higherRange.StartWidth = 30; higherRange.EndWidth = 30; higherRange.Color = Color.ParseColor ("#32B8C6"); higherRange.StartValue = 50; higherRange.EndValue = 100; higherRange.Offset = -.3; ranges.Add (higherRange); outerScale.Ranges = ranges; scales.Add (outerScale); linearGauge.Scales = scales; TextView textview = new TextView (con); textview.Text = "Memory Usage"; textview.TextSize = 20; textview.SetTextColor (Color.ParseColor ("#CE4545")); LinearLayout ln = new LinearLayout (con); ln.Orientation = Orientation.Vertical; ln.SetBackgroundColor (Color.Rgb (255, 255, 255)); ln.SetGravity ((GravityFlags)17); LinearLayout ln1 = new LinearLayout (con); ln1.AddView (textview); ln1.SetGravity ((GravityFlags)17); ln1.SetBackgroundColor (Color.Rgb (255, 255, 255)); ln.AddView (ln1); ln.AddView (linearGauge); return ln; }
public LinearGauge () { //InitializeComponent (); linearGauge = new SfLinearGauge (); linearGauge.BackgroundColor = Color.White; linearGauge.Orientation = Syncfusion.SfGauge.XForms.Orientation.OrientationVertical; //Scale ObservableCollection<LinearScale> scales = new ObservableCollection<LinearScale> (); LinearScale scale = new LinearScale (); scale.MinimumValue = 0; scale.MaximumValue = 100; scale.Interval = 20; scale.ScaleBarLength = 100; // scale.LabelPostfix = "%"; scale.ScaleBarColor = Color.FromRgb (250, 236, 236); scale.LabelColor = Color.FromRgb (84, 84, 84); scale.MinorTicksPerInterval = 1; scale.ScaleBarSize = 13; scale.ScalePosition = ScalePosition.BackWard; List<LinearPointer> pointers = new List<LinearPointer> (); //SymbolPointer SymbolPointer symbolPointer = new SymbolPointer (); symbolPointer.Value = 50; symbolPointer.Offset = 0.0; symbolPointer.Thickness = 3; symbolPointer.Color = Color.FromRgb (65, 77, 79); //BarPointer BarPointer rangePointer = new BarPointer (); rangePointer.Value = 50; rangePointer.Color = Color.FromRgb (206, 69, 69); rangePointer.Thickness = 10; pointers.Add (symbolPointer); pointers.Add (rangePointer); //Range LinearRange range = new LinearRange (); range.StartValue = 0; range.EndValue = 50; range.Color = Color.FromRgb (234, 248, 249); range.StartWidth = 10; range.EndWidth = 10; if (Device.OS == TargetPlatform.Windows) { range.Offset = -0.07; } else range.Offset = -0.17; scale.Ranges.Add (range); //Range LinearRange range2 = new LinearRange (); range2.StartValue = 50; range2.EndValue = 100; range2.Color = Color.FromRgb (50, 184, 198); range2.StartWidth = 10; range2.EndWidth = 10; if (Device.OS == TargetPlatform.Windows) { range2.Offset = -0.07; } else range2.Offset = -0.17; scale.Ranges.Add (range2); //Minor Ticks setting LinearTickSettings minor = new LinearTickSettings (); minor.Length = 10; minor.Color = Color.FromRgb (175, 175, 175); minor.Thickness = 1; scale.MinorTickSettings = minor; //Major Ticks setting LinearTickSettings major = new LinearTickSettings (); major.Length = 10; major.Color = Color.FromRgb (175, 175, 175); major.Thickness = 1; scale.MajorTickSettings = major; scale.Pointers = pointers; scales.Add (scale); linearGauge.Scales = scales; Label label; if (Device.OS == TargetPlatform.iOS) { label = new Label () { Text = "Memory Usage",HorizontalOptions = LayoutOptions.Center, HeightRequest = 50, TextColor = Color.Black }; label.FontAttributes = FontAttributes.Bold; label.FontSize = 25; } else { label = new Label () { Text = "Memory Usage",HorizontalOptions = LayoutOptions.Center, HeightRequest = 50, TextColor = Color.Black }; label.FontAttributes = FontAttributes.Bold; label.FontSize = 25; } var mainStack = new StackLayout { BackgroundColor = Color.White, Spacing = 10, Padding = Device.OnPlatform (iOS: 10, Android : 10, WinPhone : 50), Children = { label, linearGauge } }; mainStack.SizeChanged += (object sender, EventArgs e) => { linearGauge.HeightRequest = mainStack.Height - 150; linearGauge.WidthRequest = mainStack.Width - 50; }; this.ContentView = mainStack; //this.BackgroundColor = Color.Black; }