Esempio n. 1
0
        private void SevenSegmentLayout()
        {
            SimpleDateFormat simpleDateFormat = new SimpleDateFormat("HH mm ss");

            currentDateandTime   = simpleDateFormat.Format(new Java.Util.Date());
            segmentSevenGauge    = new SfDigitalGauge(con);
            segmentFourteenGauge = new SfDigitalGauge(con);
            segmentSixteenGauge  = new SfDigitalGauge(con);
            segmentMatrixGauge   = new SfDigitalGauge(con);

            //SevenSegmentLayout
            segmentSevenLayout = new LinearLayout(con);
            segmentSevenLayout.LayoutParameters = new FrameLayout.LayoutParams(ViewGroup.LayoutParams.MatchParent, (int)(totalHeight * 0.1));
            segmentSevenLayout.SetGravity(GravityFlags.Center);
            segmentSevenLayout.AddView(segmentSevenGauge);
            segmentSevenGauge.CharacterStroke    = Color.Rgb(20, 108, 237);
            segmentSevenGauge.CharacterHeight    = 25;
            segmentSevenGauge.CharactersSpacing  = 2;
            segmentSevenGauge.CharacterWidth     = 12;
            segmentSevenGauge.SegmentStrokeWidth = 2;
            segmentSevenGauge.CharacterType      = CharacterTypes.SegmentSeven;
            segmentSevenGauge.Value = currentDateandTime.ToString();
            segmentSevenGauge.DimmedSegmentColor = Color.Rgb(20, 108, 237);
            segmentSevenGauge.DimmedSegmentAlpha = 30;
            float segmentSevenHeight = TypedValue.ApplyDimension(ComplexUnitType.Pt, (float)segmentSevenGauge.CharacterHeight, con.Resources.DisplayMetrics);
            float segmentSevenWidth  = TypedValue.ApplyDimension(ComplexUnitType.Pt, (float)(8 * segmentSevenGauge.CharacterWidth + 8 * segmentSevenGauge.CharactersSpacing), con.Resources.DisplayMetrics);

            segmentSevenGauge.LayoutParameters = (new LinearLayout.LayoutParams((int)segmentSevenWidth, (int)segmentSevenHeight));
            segmentSevenGauge.SetBackgroundColor(Color.Rgb(240, 240, 240));
            segmentFourteenGauge.SetBackgroundColor(Color.Rgb(240, 240, 240));
            segmentSixteenGauge.SetBackgroundColor(Color.Rgb(240, 240, 240));
            segmentMatrixGauge.SetBackgroundColor(Color.Rgb(240, 240, 240));
        }
        private void FourteenSegmentLayout()
        {
            /**************************
            **Segment Fourteen Gauge**
            **************************/
            segmentFourteenGauge = new SfDigitalGauge(con);
            segmentFourteenGauge.SetBackgroundColor(Color.Rgb(240, 240, 240));
            segmentFourteenGauge.DimmedSegmentAlpha = 30;
            segmentFourteenGauge.DimmedSegmentColor = Color.Rgb(2, 186, 94);
            segmentFourteenGauge.CharacterStroke    = Color.Rgb(2, 186, 94);
            segmentFourteenGauge.CharacterHeight    = 25;
            segmentFourteenGauge.CharactersSpacing  = 2;
            segmentFourteenGauge.CharacterWidth     = 12;
            segmentFourteenGauge.SegmentStrokeWidth = 2;
            segmentFourteenGauge.CharacterType      = CharacterTypes.SegmentFourteen;
            segmentFourteenGauge.Value = currentDateandTime;
            float segmentFourteenHeight = TypedValue.ApplyDimension(ComplexUnitType.Pt, (float)segmentFourteenGauge.CharacterHeight, con.Resources.DisplayMetrics);
            float segmentFourteenWidth  = TypedValue.ApplyDimension(ComplexUnitType.Pt, (float)(8 * segmentFourteenGauge.CharacterWidth + 8 * segmentFourteenGauge.CharactersSpacing), con.Resources.DisplayMetrics);

            segmentFourteenGauge.LayoutParameters = (new LinearLayout.LayoutParams((int)segmentFourteenWidth, (int)segmentFourteenHeight));

            //SegmentFourteenLayout
            segmentFourteenLayout = new LinearLayout(con);
            segmentFourteenLayout.SetGravity(GravityFlags.Center);
            segmentFourteenLayout.AddView(segmentFourteenGauge);
        }
Esempio n. 3
0
        public MyDatesPage()
        {
            InitializeComponent();

            SfDigitalGauge digital = new SfDigitalGauge();

            digital.Value                = "1 2 3 4";
            digital.CharacterHeight      = 25;
            digital.CharacterWidth       = 10;
            digital.SegmentStrokeWidth   = 3;
            digital.CharacterType        = CharacterType.SegmentSeven;
            digital.DisabledSegmentAlpha = 30;
            digital.BackgroundColor      = Color.FromRgb(235, 235, 235);
            digital.CharacterStrokeColor = Color.FromRgb(20, 108, 237);
            digital.DisabledSegmentColor = Color.FromRgb(20, 108, 237);
        }
Esempio n. 4
0
        public override View GetSampleContent(Context con)
        {
            SimpleDateFormat sdf = new SimpleDateFormat("HH mm ss");
            string           currentDateandTime = sdf.Format(new Java.Util.Date());

            digitalGauge1 = new SfDigitalGauge(con);
            digitalGauge2 = new SfDigitalGauge(con);
            digitalGauge3 = new SfDigitalGauge(con);
            digitalGauge4 = new SfDigitalGauge(con);

            LinearLayout dln1 = new LinearLayout(con);

            dln1.SetGravity(GravityFlags.Center);
            dln1.AddView(digitalGauge1);
            digitalGauge1.CharacterStroke    = Color.Rgb(20, 108, 237);
            digitalGauge1.CharacterHeight    = 25;
            digitalGauge1.CharactersSpacing  = 2;
            digitalGauge1.CharacterWidth     = 12;
            digitalGauge1.SegmentStrokeWidth = 2;
            digitalGauge1.CharacterType      = CharacterTypes.SegmentSeven;
            digitalGauge1.Value = currentDateandTime.ToString();
            digitalGauge1.DimmedSegmentColor = Color.Rgb(20, 108, 237);
            digitalGauge1.DimmedSegmentAlpha = 30;
            float cheight = TypedValue.ApplyDimension(ComplexUnitType.Pt, (float)digitalGauge1.CharacterHeight, con.Resources.DisplayMetrics);
            float cwidth  = TypedValue.ApplyDimension(ComplexUnitType.Pt, (float)(8 * digitalGauge1.CharacterWidth + 8 * digitalGauge1.CharactersSpacing), con.Resources.DisplayMetrics);

            digitalGauge1.LayoutParameters = (new LinearLayout.LayoutParams((int)cwidth, (int)cheight));
            digitalGauge1.SetBackgroundColor(Color.Rgb(240, 240, 240));
            digitalGauge2.SetBackgroundColor(Color.Rgb(240, 240, 240));
            digitalGauge3.SetBackgroundColor(Color.Rgb(240, 240, 240));
            digitalGauge4.SetBackgroundColor(Color.Rgb(240, 240, 240));

            LinearLayout dln2 = new LinearLayout(con);

            dln2.SetGravity(GravityFlags.Center);
            dln2.AddView(digitalGauge2);
            digitalGauge2.DimmedSegmentAlpha = 30;
            digitalGauge2.DimmedSegmentColor = Color.Rgb(2, 186, 94);
            digitalGauge2.CharacterStroke    = Color.Rgb(2, 186, 94);
            digitalGauge2.CharacterHeight    = 25;
            digitalGauge2.CharactersSpacing  = 2;
            digitalGauge2.CharacterWidth     = 12;
            digitalGauge2.SegmentStrokeWidth = 2;
            digitalGauge2.CharacterType      = CharacterTypes.SegmentFourteen;
            digitalGauge2.Value = currentDateandTime;
            float cheight1 = TypedValue.ApplyDimension(ComplexUnitType.Pt, (float)digitalGauge2.CharacterHeight, con.Resources.DisplayMetrics);
            float cwidth1  = TypedValue.ApplyDimension(ComplexUnitType.Pt, (float)(8 * digitalGauge2.CharacterWidth + 8 * digitalGauge2.CharactersSpacing), con.Resources.DisplayMetrics);

            digitalGauge2.LayoutParameters = (new LinearLayout.LayoutParams((int)cwidth1, (int)cheight1));

            LinearLayout dln3 = new LinearLayout(con);

            dln3.SetGravity(GravityFlags.Center);
            dln3.AddView(digitalGauge3);
            digitalGauge3.DimmedSegmentAlpha = 30;
            digitalGauge3.DimmedSegmentColor = Color.Rgb(219, 153, 7);
            digitalGauge3.CharacterStroke    = Color.Rgb(219, 153, 7);
            digitalGauge3.CharacterHeight    = 25;
            digitalGauge3.CharactersSpacing  = 2;
            digitalGauge3.CharacterWidth     = 12;
            digitalGauge3.SegmentStrokeWidth = 2;
            digitalGauge3.CharacterType      = CharacterTypes.SegmentSixteen;
            digitalGauge3.Value = currentDateandTime;
            float cheight2 = TypedValue.ApplyDimension(ComplexUnitType.Pt, (float)digitalGauge3.CharacterHeight, con.Resources.DisplayMetrics);
            float cwidth2  = TypedValue.ApplyDimension(ComplexUnitType.Pt, (float)(8 * digitalGauge3.CharacterWidth + 8 * digitalGauge3.CharactersSpacing), con.Resources.DisplayMetrics);

            digitalGauge3.LayoutParameters = (new LinearLayout.LayoutParams((int)cwidth2, (int)cheight2));

            LinearLayout dln4 = new LinearLayout(con);

            dln4.SetGravity(GravityFlags.Center);
            dln4.AddView(digitalGauge4);
            digitalGauge4.DimmedSegmentAlpha = 30;
            digitalGauge4.DimmedSegmentColor = Color.Rgb(249, 66, 53);
            digitalGauge4.CharacterStroke    = Color.Rgb(249, 66, 53);
            digitalGauge4.CharacterHeight    = 25;
            digitalGauge4.CharactersSpacing  = 5;
            digitalGauge4.CharacterWidth     = 9;
            digitalGauge4.SegmentStrokeWidth = 2;
            digitalGauge4.CharacterType      = CharacterTypes.EightCrossEightDotMatrix;
            digitalGauge4.Value = currentDateandTime;
            float cheight3 = TypedValue.ApplyDimension(ComplexUnitType.Pt, (float)digitalGauge4.CharacterHeight, con.Resources.DisplayMetrics);
            float cwidth4  = TypedValue.ApplyDimension(ComplexUnitType.Pt, (float)(8 * digitalGauge4.CharacterWidth + 8 * digitalGauge4.CharactersSpacing), con.Resources.DisplayMetrics);

            digitalGauge4.LayoutParameters = (new LinearLayout.LayoutParams((int)cwidth4, (int)cheight3));

            text1 = new TextView(con);
            text2 = new TextView(con);
            text3 = new TextView(con);
            text4 = new TextView(con);
            text5 = new TextView(con);
            text6 = new TextView(con);
            text7 = new TextView(con);
            text8 = new TextView(con);

            LinearLayout tln1 = new LinearLayout(con);

            tln1.SetGravity(GravityFlags.Center);
            tln1.AddView(text1);
            LinearLayout tln2 = new LinearLayout(con);

            tln2.SetGravity(GravityFlags.Center);
            tln2.AddView(text2);
            LinearLayout tln3 = new LinearLayout(con);

            tln3.SetGravity(GravityFlags.Center);
            tln3.AddView(text3);
            LinearLayout tln4 = new LinearLayout(con);

            tln4.SetGravity(GravityFlags.Center);
            tln4.AddView(text4);
            text1.Text = "7 Segment";
            text1.SetTextColor(Color.Rgb(34, 34, 34));
            text1.TextSize = TypedValue.ApplyDimension(ComplexUnitType.Pt, 8, con.Resources.DisplayMetrics);

            text2.Text = "14 Segment";
            text2.SetTextColor(Color.Rgb(34, 34, 34));
            text2.TextSize = TypedValue.ApplyDimension(ComplexUnitType.Pt, 8, con.Resources.DisplayMetrics);

            text3.Text = "16 Segment";
            text3.SetTextColor(Color.Rgb(34, 34, 34));
            text3.TextSize = TypedValue.ApplyDimension(ComplexUnitType.Pt, 8, con.Resources.DisplayMetrics);

            text4.Text = "8 X 8 DotMatrix";
            text4.SetTextColor(Color.Rgb(34, 34, 34));
            text4.TextSize = TypedValue.ApplyDimension(ComplexUnitType.Pt, 8, con.Resources.DisplayMetrics);
            text5.TextSize = TypedValue.ApplyDimension(ComplexUnitType.Pt, 8, con.Resources.DisplayMetrics);
            text6.TextSize = TypedValue.ApplyDimension(ComplexUnitType.Pt, 8, con.Resources.DisplayMetrics);
            text7.TextSize = TypedValue.ApplyDimension(ComplexUnitType.Pt, 8, con.Resources.DisplayMetrics);
            text8.TextSize = TypedValue.ApplyDimension(ComplexUnitType.Pt, 8, con.Resources.DisplayMetrics);
            ScrollView sc = new ScrollView(con);

            sc.HorizontalScrollBarEnabled = true;
            LinearLayout fr = new LinearLayout(con);

            fr.Orientation = Orientation.Vertical;
            //fr.AddView(text5);
            fr.AddView(tln1);
            fr.AddView(dln1);
            fr.AddView(text6);
            fr.AddView(tln2);
            fr.AddView(dln2);
            fr.AddView(text7);
            fr.AddView(tln3);
            fr.AddView(dln3);
            fr.AddView(text8);
            fr.AddView(tln4);
            fr.AddView(dln4);
            fr.SetGravity(GravityFlags.Center);
            ScrollView   scroll = new ScrollView(con);
            LinearLayout ly     = new LinearLayout(con);

            ly.AddView(fr);
            ly.SetBackgroundColor(Color.White);
            ly.SetGravity(GravityFlags.Center);
            //sc.addView(ly);
            sc.SetForegroundGravity(GravityFlags.Center);
            sc.SetPadding(2, 2, 2, 2);
            sc.SetBackgroundColor(Color.Rgb(248, 248, 248));
            // Set our view from the "main" layout resource
            scroll.AddView(ly);
            return(scroll);
        }
		public DigitalGauge ()
		{
			//InitializeComponent ();
			string timeString1 = DateTime.Now.ToString ("HH mm ss");

			Label label1;
			Label label2;
			Label label3;
			Label label4;

			label1 = new Label() { Text = "7 Segment", HeightRequest = 30, HorizontalOptions=LayoutOptions.Center, TextColor = Color.Gray };
			label1.FontAttributes = FontAttributes.Bold;
			label1.FontSize = 20;
			digitalGauge1 = new SfDigitalGauge();
			digitalGauge1.Value = timeString1;
			digitalGauge1.CharacterHeight = 50;
			digitalGauge1.CharacterWidth= 25;
			digitalGauge1.SegmentStrokeWidth = 3;
			digitalGauge1.CharacterType = CharacterType.SegmentSeven;
			digitalGauge1.Value = timeString1;
			digitalGauge1.DimmedSegmentAlpha = 30;
			digitalGauge1.BackgroundColor = Color.FromRgb (235, 235, 235);
			digitalGauge1.CharacterStrokeColor = Color.FromRgb (20,108,237);
			digitalGauge1.DimmedSegmentColor = Color.FromRgb (20,108,237);

			label2 = new Label() { Text = "14 Segment", HeightRequest = 30, HorizontalOptions=LayoutOptions.Center, TextColor = Color.Gray };
			label2.FontAttributes = FontAttributes.Bold;
			label2.FontSize = 20;
			digitalGauge2 = new SfDigitalGauge();
			digitalGauge2.CharacterHeight = 50;
			digitalGauge2.CharacterWidth = 25;
			digitalGauge2.SegmentStrokeWidth = 3;
			digitalGauge2.CharacterType = CharacterType.SegmentFourteen;
			digitalGauge2.Value = timeString1;
			digitalGauge2.DimmedSegmentAlpha = 30;
			digitalGauge2.BackgroundColor =  Color.FromRgb (235,235,235);
			digitalGauge2.CharacterStrokeColor = Color.FromRgb (2,186,94);
			digitalGauge2.DimmedSegmentColor = Color.FromRgb (2,186,94);

			label3 = new Label() { Text = "16 Segment", HeightRequest = 30, HorizontalOptions=LayoutOptions.Center, TextColor = Color.Gray };
			label3.FontAttributes = FontAttributes.Bold;
			label3.FontSize = 20;
			digitalGauge3 = new SfDigitalGauge();
			digitalGauge3.CharacterHeight = 50;
			digitalGauge3.CharacterWidth = 25;
			digitalGauge3.SegmentStrokeWidth = 3;
			digitalGauge3.CharacterType = CharacterType.SegmentSixteen;
			digitalGauge3.Value = timeString1;
			digitalGauge3.DimmedSegmentAlpha = 30;
			digitalGauge3.BackgroundColor = Color.FromRgb(235,235,235);
			digitalGauge3.CharacterStrokeColor	 =Color.FromRgb (219,153,7);
			digitalGauge3.DimmedSegmentColor = Color.FromRgb(219,153,7);
			digitalGauge1.HorizontalOptions = LayoutOptions.Center;

			label4 = new Label() { Text = "8x8 Matrix", HeightRequest = 30, HorizontalOptions=LayoutOptions.Center, TextColor = Color.Gray };
			label4.FontAttributes = FontAttributes.Bold;
			label4.FontSize = 20;
			digitalGauge4 = new SfDigitalGauge();
			digitalGauge4.CharacterHeight = 50;
			digitalGauge4.CharacterWidth = 25;
			digitalGauge4.SegmentStrokeWidth = 3;
			digitalGauge4.CharacterType = CharacterType.EightCrossEightDotMatrix;
			digitalGauge4.Value = timeString1;
			digitalGauge4.DimmedSegmentAlpha = 30;
			digitalGauge4.BackgroundColor = Color.FromRgb(235,235,235);
			digitalGauge4.CharacterStrokeColor = Color.FromRgb(249,66,53);
			digitalGauge4.DimmedSegmentColor = Color.FromRgb(249,66,53);

			digitalGauge1.HeightRequest = 50;
			digitalGauge2.HeightRequest = 50;
			digitalGauge3.HeightRequest = 50;
			digitalGauge4.HeightRequest = 50;
			if (Device.OS == TargetPlatform.iOS)
			{
				digitalGauge1.WidthRequest = (8 * digitalGauge1.CharacterWidth) + (8 * digitalGauge1.CharacterSpacing);
				digitalGauge2.WidthRequest = (8 * digitalGauge2.CharacterWidth) + (8 * digitalGauge2.CharacterSpacing);
				digitalGauge3.WidthRequest = (8 * digitalGauge3.CharacterWidth) + (8 * digitalGauge3.CharacterSpacing);
				digitalGauge4.WidthRequest = (9 * digitalGauge4.CharacterWidth) + (8 * digitalGauge4.CharacterSpacing);
				digitalGauge1.HorizontalOptions = LayoutOptions.Center;
				digitalGauge2.HorizontalOptions = LayoutOptions.Center;
				digitalGauge3.HorizontalOptions = LayoutOptions.Center;
				digitalGauge4.HorizontalOptions = LayoutOptions.Center;
			}

			EnableTimer ();
			if (Device.OS == TargetPlatform.Android) {
				digitalGauge1.HeightRequest = digitalGauge1.CharacterHeight + digitalGauge1.CharacterHeight / 6;
				digitalGauge2.HeightRequest = digitalGauge2.CharacterHeight + digitalGauge2.CharacterHeight / 6;
				digitalGauge3.HeightRequest = digitalGauge3.CharacterHeight + digitalGauge3.CharacterHeight / 6;
				digitalGauge4.HeightRequest = digitalGauge4.CharacterHeight + digitalGauge4.CharacterHeight / 6;
			}
			Label label;

            if (Device.OS == TargetPlatform.WinPhone || Device.OS == TargetPlatform.Windows)
			{
				digitalGauge1.HeightRequest = 65;
				digitalGauge2.HeightRequest = 65;
				digitalGauge3.HeightRequest = 65;
				digitalGauge4.HeightRequest = 65;

				digitalGauge1.CharacterHeight = 65;
				digitalGauge1.CharacterWidth = 20;
				digitalGauge1.SegmentStrokeWidth = 3;

				digitalGauge2.CharacterHeight = 65;
				digitalGauge2.CharacterWidth = 20;
				digitalGauge2.SegmentStrokeWidth = 3;

				digitalGauge3.CharacterHeight = 65;
				digitalGauge3.CharacterWidth = 20;
				digitalGauge3.SegmentStrokeWidth = 3;

				digitalGauge4.CharacterHeight = 65;
				digitalGauge4.CharacterWidth = 20;
				digitalGauge4.SegmentStrokeWidth = 3;

                digitalGauge1.WidthRequest = 350;
                digitalGauge2.WidthRequest = 350;
                digitalGauge3.WidthRequest = 350;
                digitalGauge4.WidthRequest = 350;
                digitalGauge1.HorizontalOptions = LayoutOptions.Center;
                digitalGauge2.HorizontalOptions = LayoutOptions.Center;
                digitalGauge3.HorizontalOptions = LayoutOptions.Center;
                digitalGauge4.HorizontalOptions = LayoutOptions.Center;
			}
			if (Device.OS == TargetPlatform.iOS)
			{
				label = new Label () {
					Text = "\nGauge Getting Started",
					HeightRequest = 20,
					TextColor = Color.White
				};
				label.FontAttributes = FontAttributes.Bold;
				label.FontSize = 25;
			}
			else
			{
				label = new Label() { Text = "Gauge Getting Started", HeightRequest = 25, TextColor = Color.White };
				label.FontAttributes = FontAttributes.Bold;
				label.FontSize = 25;
			}
			var mainStack = new StackLayout
			{
				Spacing = 10,
				Padding = Device.OnPlatform(iOS: 10, Android : 10, WinPhone : 50),
				Children = {label,label1,digitalGauge1,label2,digitalGauge2,label3,digitalGauge3,label4,digitalGauge4 }
			};
			this.ContentView = mainStack;
			this.BackgroundColor = Color.White;
		}
		public override View GetSampleContent (Context con)
		{
			SimpleDateFormat sdf = new SimpleDateFormat("HH mm ss");
			string currentDateandTime = sdf.Format(new Java.Util.Date());
			digitalGauge1 = new SfDigitalGauge(con);
			digitalGauge2 = new SfDigitalGauge(con);
			digitalGauge3 = new SfDigitalGauge(con);
			digitalGauge4 = new SfDigitalGauge(con);

			LinearLayout dln1 = new LinearLayout(con);
			dln1.SetGravity(GravityFlags.Center);
			dln1.AddView(digitalGauge1);
			digitalGauge1.CharacterStroke = Color.Rgb(20,108,237);
			digitalGauge1.CharacterHeight = 25 ;
			digitalGauge1.CharactersSpacing = 2;
			digitalGauge1.CharacterWidth = 12;
			digitalGauge1.SegmentStrokeWidth = 2;
			digitalGauge1.CharacterType = CharacterTypes.SegmentSeven;
			digitalGauge1.Value = currentDateandTime.ToString();
			digitalGauge1.DimmedSegmentColor = Color.Rgb(20,108,237);
			digitalGauge1.DimmedSegmentAlpha = 30;
			float cheight = TypedValue.ApplyDimension(ComplexUnitType.Pt,(float) digitalGauge1.CharacterHeight , con.Resources.DisplayMetrics);
			float cwidth = TypedValue.ApplyDimension(ComplexUnitType.Pt,(float)(8 * digitalGauge1.CharacterWidth + 8 * digitalGauge1.CharactersSpacing) , con.Resources.DisplayMetrics);
			digitalGauge1.LayoutParameters = (new LinearLayout.LayoutParams((int)cwidth, (int) cheight));
			digitalGauge1.SetBackgroundColor(Color.Rgb(240,240,240));
			digitalGauge2.SetBackgroundColor(Color.Rgb(240,240,240));
			digitalGauge3.SetBackgroundColor(Color.Rgb(240,240,240));
			digitalGauge4.SetBackgroundColor(Color.Rgb(240,240,240));

			LinearLayout dln2 = new LinearLayout(con);
			dln2.SetGravity(GravityFlags.Center);
			dln2.AddView(digitalGauge2);
			digitalGauge2.DimmedSegmentAlpha = 30;
			digitalGauge2.DimmedSegmentColor = Color.Rgb(2,186,94);
			digitalGauge2.CharacterStroke = Color.Rgb(2,186,94);
			digitalGauge2.CharacterHeight = 25 ;
			digitalGauge2.CharactersSpacing = 2;
			digitalGauge2.CharacterWidth = 12;
			digitalGauge2.SegmentStrokeWidth = 2;
			digitalGauge2.CharacterType = CharacterTypes.SegmentFourteen;
			digitalGauge2.Value = currentDateandTime;
			float cheight1 = TypedValue.ApplyDimension(ComplexUnitType.Pt,(float) digitalGauge2.CharacterHeight , con.Resources.DisplayMetrics);
			float cwidth1 = TypedValue.ApplyDimension(ComplexUnitType.Pt,(float)(8*digitalGauge2.CharacterWidth+8*digitalGauge2.CharactersSpacing) , con.Resources.DisplayMetrics);
			digitalGauge2.LayoutParameters = (new LinearLayout.LayoutParams((int)cwidth1, (int) cheight1));

			LinearLayout dln3 = new LinearLayout(con);
			dln3.SetGravity(GravityFlags.Center);
			dln3.AddView(digitalGauge3);
			digitalGauge3.DimmedSegmentAlpha = 30;
			digitalGauge3.DimmedSegmentColor = Color.Rgb(219,153,7);
			digitalGauge3.CharacterStroke = Color.Rgb(219,153,7);
			digitalGauge3.CharacterHeight = 25 ;
			digitalGauge3.CharactersSpacing = 2;
			digitalGauge3.CharacterWidth = 12;
			digitalGauge3.SegmentStrokeWidth = 2;
			digitalGauge3.CharacterType = CharacterTypes.SegmentSixteen;
			digitalGauge3.Value = currentDateandTime;
			float cheight2 = TypedValue.ApplyDimension(ComplexUnitType.Pt,(float) digitalGauge3.CharacterHeight , con.Resources.DisplayMetrics);
			float cwidth2 = TypedValue.ApplyDimension(ComplexUnitType.Pt,(float)(8*digitalGauge3.CharacterWidth+8*digitalGauge3.CharactersSpacing) , con.Resources.DisplayMetrics);
			digitalGauge3.LayoutParameters = (new LinearLayout.LayoutParams((int)cwidth2, (int) cheight2));

			LinearLayout dln4 = new LinearLayout(con);
			dln4.SetGravity(GravityFlags.Center);
			dln4.AddView(digitalGauge4);
			digitalGauge4.DimmedSegmentAlpha = 30;
			digitalGauge4.DimmedSegmentColor = Color.Rgb(249,66,53);
			digitalGauge4.CharacterStroke = Color.Rgb(249,66,53);
			digitalGauge4.CharacterHeight = 25 ;
			digitalGauge4.CharactersSpacing = 5;
			digitalGauge4.CharacterWidth = 9;
			digitalGauge4.SegmentStrokeWidth = 2;
			digitalGauge4.CharacterType = CharacterTypes.EightCrossEightDotMatrix;
			digitalGauge4.Value = currentDateandTime;
			float cheight3 = TypedValue.ApplyDimension(ComplexUnitType.Pt,(float) digitalGauge4.CharacterHeight , con.Resources.DisplayMetrics);
			float cwidth4 = TypedValue.ApplyDimension(ComplexUnitType.Pt,(float)(8*digitalGauge4.CharacterWidth+8*digitalGauge4.CharactersSpacing) , con.Resources.DisplayMetrics);
			digitalGauge4.LayoutParameters = (new LinearLayout.LayoutParams((int)cwidth4, (int) cheight3));

			text1 = new TextView(con);
			text2 = new TextView(con);
			text3 = new TextView(con);
			text4 = new TextView(con);
			text5 = new TextView(con);
			text6 = new TextView(con);
			text7 = new TextView(con);
			text8 = new TextView(con);

			LinearLayout tln1 = new LinearLayout(con);
			tln1.SetGravity(GravityFlags.Center);
			tln1.AddView(text1);
			LinearLayout tln2 = new LinearLayout(con);
			tln2.SetGravity(GravityFlags.Center);
			tln2.AddView(text2);
			LinearLayout tln3 = new LinearLayout(con);
			tln3.SetGravity(GravityFlags.Center);
			tln3.AddView(text3);
			LinearLayout tln4 = new LinearLayout(con);
			tln4.SetGravity(GravityFlags.Center);
			tln4.AddView(text4);
			text1.Text = "7 Segment";
			text1.SetTextColor(Color.Rgb(34,34,34));
			text1.TextSize = TypedValue.ApplyDimension(ComplexUnitType.Pt,8 , con.Resources.DisplayMetrics);

			text2.Text = "14 Segment";
			text2.SetTextColor(Color.Rgb(34,34,34));
			text2.TextSize = TypedValue.ApplyDimension(ComplexUnitType.Pt,8 , con.Resources.DisplayMetrics);

			text3.Text = "16 Segment";
			text3.SetTextColor(Color.Rgb(34,34,34));
			text3.TextSize = TypedValue.ApplyDimension(ComplexUnitType.Pt,8 , con.Resources.DisplayMetrics);

			text4.Text = "8 X 8 DotMatrix";
			text4.SetTextColor(Color.Rgb(34,34,34));
			text4.TextSize = TypedValue.ApplyDimension(ComplexUnitType.Pt,8 , con.Resources.DisplayMetrics);
			text5.TextSize = TypedValue.ApplyDimension(ComplexUnitType.Pt,8 , con.Resources.DisplayMetrics);
			text6.TextSize = TypedValue.ApplyDimension(ComplexUnitType.Pt,8 , con.Resources.DisplayMetrics);
			text7.TextSize = TypedValue.ApplyDimension(ComplexUnitType.Pt,8 , con.Resources.DisplayMetrics);
			text8.TextSize = TypedValue.ApplyDimension(ComplexUnitType.Pt,8 , con.Resources.DisplayMetrics);
			ScrollView sc = new ScrollView(con);
			sc.HorizontalScrollBarEnabled = true;
			LinearLayout fr = new LinearLayout(con);
			fr.Orientation = Orientation.Vertical;
			//fr.AddView(text5);
			fr.AddView(tln1);
			fr.AddView(dln1);
			fr.AddView(text6);
			fr.AddView(tln2);
			fr.AddView(dln2);
			fr.AddView(text7);
			fr.AddView(tln3);
			fr.AddView(dln3);
			fr.AddView(text8);
			fr.AddView(tln4);
			fr.AddView(dln4);
			fr.SetGravity(GravityFlags.Center);
			ScrollView scroll = new ScrollView (con);			
			LinearLayout ly = new LinearLayout(con);
			ly.AddView(fr);
			ly.SetBackgroundColor (Color.White);
			ly.SetGravity(GravityFlags.Center);
			//sc.addView(ly);
			sc.SetForegroundGravity(GravityFlags.Center);
			sc.SetPadding(2,2,2,2);
			sc.SetBackgroundColor(Color.Rgb(248,248,248));
			// Set our view from the "main" layout resource
			scroll.AddView(ly);
			return scroll;
		}
        public DigitalGauge()
        {
            //InitializeComponent ();
            string timeString1 = DateTime.Now.ToString("HH mm ss");

            Label label1;
            Label label2;
            Label label3;
            Label label4;

            label1 = new Label()
            {
                Text = "7 Segment", HeightRequest = 30, HorizontalOptions = LayoutOptions.Center, TextColor = Color.Gray
            };
            label1.FontAttributes              = FontAttributes.Bold;
            label1.FontSize                    = 20;
            digitalGauge1                      = new SfDigitalGauge();
            digitalGauge1.Value                = timeString1;
            digitalGauge1.CharacterHeight      = 50;
            digitalGauge1.CharacterWidth       = 25;
            digitalGauge1.SegmentStrokeWidth   = 3;
            digitalGauge1.CharacterType        = CharacterType.SegmentSeven;
            digitalGauge1.Value                = timeString1;
            digitalGauge1.DimmedSegmentAlpha   = 30;
            digitalGauge1.BackgroundColor      = Color.FromRgb(235, 235, 235);
            digitalGauge1.CharacterStrokeColor = Color.FromRgb(20, 108, 237);
            digitalGauge1.DimmedSegmentColor   = Color.FromRgb(20, 108, 237);

            label2 = new Label()
            {
                Text = "14 Segment", HeightRequest = 30, HorizontalOptions = LayoutOptions.Center, TextColor = Color.Gray
            };
            label2.FontAttributes              = FontAttributes.Bold;
            label2.FontSize                    = 20;
            digitalGauge2                      = new SfDigitalGauge();
            digitalGauge2.CharacterHeight      = 50;
            digitalGauge2.CharacterWidth       = 25;
            digitalGauge2.SegmentStrokeWidth   = 3;
            digitalGauge2.CharacterType        = CharacterType.SegmentFourteen;
            digitalGauge2.Value                = timeString1;
            digitalGauge2.DimmedSegmentAlpha   = 30;
            digitalGauge2.BackgroundColor      = Color.FromRgb(235, 235, 235);
            digitalGauge2.CharacterStrokeColor = Color.FromRgb(2, 186, 94);
            digitalGauge2.DimmedSegmentColor   = Color.FromRgb(2, 186, 94);

            label3 = new Label()
            {
                Text = "16 Segment", HeightRequest = 30, HorizontalOptions = LayoutOptions.Center, TextColor = Color.Gray
            };
            label3.FontAttributes              = FontAttributes.Bold;
            label3.FontSize                    = 20;
            digitalGauge3                      = new SfDigitalGauge();
            digitalGauge3.CharacterHeight      = 50;
            digitalGauge3.CharacterWidth       = 25;
            digitalGauge3.SegmentStrokeWidth   = 3;
            digitalGauge3.CharacterType        = CharacterType.SegmentSixteen;
            digitalGauge3.Value                = timeString1;
            digitalGauge3.DimmedSegmentAlpha   = 30;
            digitalGauge3.BackgroundColor      = Color.FromRgb(235, 235, 235);
            digitalGauge3.CharacterStrokeColor = Color.FromRgb(219, 153, 7);
            digitalGauge3.DimmedSegmentColor   = Color.FromRgb(219, 153, 7);
            digitalGauge1.HorizontalOptions    = LayoutOptions.Center;

            label4 = new Label()
            {
                Text = "8x8 Matrix", HeightRequest = 30, HorizontalOptions = LayoutOptions.Center, TextColor = Color.Gray
            };
            label4.FontAttributes              = FontAttributes.Bold;
            label4.FontSize                    = 20;
            digitalGauge4                      = new SfDigitalGauge();
            digitalGauge4.CharacterHeight      = 50;
            digitalGauge4.CharacterWidth       = 25;
            digitalGauge4.SegmentStrokeWidth   = 3;
            digitalGauge4.CharacterType        = CharacterType.EightCrossEightDotMatrix;
            digitalGauge4.Value                = timeString1;
            digitalGauge4.DimmedSegmentAlpha   = 30;
            digitalGauge4.BackgroundColor      = Color.FromRgb(235, 235, 235);
            digitalGauge4.CharacterStrokeColor = Color.FromRgb(249, 66, 53);
            digitalGauge4.DimmedSegmentColor   = Color.FromRgb(249, 66, 53);

            digitalGauge1.HeightRequest = 50;
            digitalGauge2.HeightRequest = 50;
            digitalGauge3.HeightRequest = 50;
            digitalGauge4.HeightRequest = 50;
            if (Device.OS == TargetPlatform.iOS)
            {
                digitalGauge1.WidthRequest      = (8 * digitalGauge1.CharacterWidth) + (8 * digitalGauge1.CharacterSpacing);
                digitalGauge2.WidthRequest      = (8 * digitalGauge2.CharacterWidth) + (8 * digitalGauge2.CharacterSpacing);
                digitalGauge3.WidthRequest      = (8 * digitalGauge3.CharacterWidth) + (8 * digitalGauge3.CharacterSpacing);
                digitalGauge4.WidthRequest      = (9 * digitalGauge4.CharacterWidth) + (8 * digitalGauge4.CharacterSpacing);
                digitalGauge1.HorizontalOptions = LayoutOptions.Center;
                digitalGauge2.HorizontalOptions = LayoutOptions.Center;
                digitalGauge3.HorizontalOptions = LayoutOptions.Center;
                digitalGauge4.HorizontalOptions = LayoutOptions.Center;
            }

            EnableTimer();
            if (Device.OS == TargetPlatform.Android)
            {
                digitalGauge1.HeightRequest = digitalGauge1.CharacterHeight + digitalGauge1.CharacterHeight / 6;
                digitalGauge2.HeightRequest = digitalGauge2.CharacterHeight + digitalGauge2.CharacterHeight / 6;
                digitalGauge3.HeightRequest = digitalGauge3.CharacterHeight + digitalGauge3.CharacterHeight / 6;
                digitalGauge4.HeightRequest = digitalGauge4.CharacterHeight + digitalGauge4.CharacterHeight / 6;
            }
            Label label;

            if (Device.OS == TargetPlatform.WinPhone || Device.OS == TargetPlatform.Windows)
            {
                digitalGauge1.HeightRequest = 65;
                digitalGauge2.HeightRequest = 65;
                digitalGauge3.HeightRequest = 65;
                digitalGauge4.HeightRequest = 65;

                digitalGauge1.CharacterHeight    = 65;
                digitalGauge1.CharacterWidth     = 20;
                digitalGauge1.SegmentStrokeWidth = 3;

                digitalGauge2.CharacterHeight    = 65;
                digitalGauge2.CharacterWidth     = 20;
                digitalGauge2.SegmentStrokeWidth = 3;

                digitalGauge3.CharacterHeight    = 65;
                digitalGauge3.CharacterWidth     = 20;
                digitalGauge3.SegmentStrokeWidth = 3;

                digitalGauge4.CharacterHeight    = 65;
                digitalGauge4.CharacterWidth     = 20;
                digitalGauge4.SegmentStrokeWidth = 3;

                digitalGauge1.WidthRequest      = 350;
                digitalGauge2.WidthRequest      = 350;
                digitalGauge3.WidthRequest      = 350;
                digitalGauge4.WidthRequest      = 350;
                digitalGauge1.HorizontalOptions = LayoutOptions.Center;
                digitalGauge2.HorizontalOptions = LayoutOptions.Center;
                digitalGauge3.HorizontalOptions = LayoutOptions.Center;
                digitalGauge4.HorizontalOptions = LayoutOptions.Center;
            }
            if (Device.OS == TargetPlatform.iOS)
            {
                label = new Label()
                {
                    Text          = "\nGauge Getting Started",
                    HeightRequest = 20,
                    TextColor     = Color.White
                };
                label.FontAttributes = FontAttributes.Bold;
                label.FontSize       = 25;
            }
            else
            {
                label = new Label()
                {
                    Text = "Gauge Getting Started", HeightRequest = 25, TextColor = Color.White
                };
                label.FontAttributes = FontAttributes.Bold;
                label.FontSize       = 25;
            }
            var mainStack = new StackLayout
            {
                Spacing  = 10,
                Padding  = Device.OnPlatform(iOS: 10, Android: 10, WinPhone: 50),
                Children = { label, label1, digitalGauge1, label2, digitalGauge2, label3, digitalGauge3, label4, digitalGauge4 }
            };

            this.ContentView     = mainStack;
            this.BackgroundColor = Color.White;
        }