示例#1
0
        public override View OnCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState)
        {
            View rootView = inflater.Inflate(Resource.Layout.fragment_gauge_getting_started, container, false);

            // >> radial-gauge-load
            RadRadialGaugeView gauge = (RadRadialGaugeView)rootView.FindViewById(Resource.Id.radial_gauge);
            // << radial-gauge-load

            // >> radial-scale-setup
            GaugeRadialScale scale = new GaugeRadialScale(this.Context);

            scale.Minimum         = 0;
            scale.Maximum         = 6;
            scale.MajorTicksCount = 7;
            scale.MinorTicksCount = 9;
            scale.LabelsCount     = 7;
            scale.LineVisible     = false;
            scale.Radius          = 0.95f;
            scale.TicksOffset     = 0;
            // << radial-scale-setup

            // >> radial-indicators-setup
            int[] colors = new int[] {
                Color.Rgb(221, 221, 221),
                Color.Rgb(157, 202, 86),
                Color.Rgb(240, 196, 77),
                Color.Rgb(226, 118, 51),
                Color.Rgb(167, 1, 14)
            };

            float rangeWidth = scale.Maximum / colors.Length;
            float start      = 0;

            foreach (var color in colors)
            {
                GaugeRadialBarIndicator indicator = new GaugeRadialBarIndicator(this.Context);
                indicator.Minimum   = start;
                indicator.Maximum   = start + rangeWidth;
                indicator.FillColor = color;
                scale.AddIndicator(indicator);
                start += rangeWidth;
            }

            GaugeRadialNeedle needle = new GaugeRadialNeedle(this.Context);

            needle.Value = 2;
            scale.AddIndicator(needle);
            // << radial-indicators-setup

            // >> add-radial-scale
            gauge.AddScale(scale);
            // << add-radial-scale

            return(rootView);
        }
        public override Android.Views.View OnCreateView(Android.Views.LayoutInflater inflater, Android.Views.ViewGroup container, Android.OS.Bundle savedInstanceState)
        {
            View rootView = inflater.Inflate(Resource.Layout.fragment_gauge_customization, container, false);

            gauge = (RadRadialGaugeView)rootView.FindViewById(Resource.Id.radial_gauge);

            GaugeRadialScale scale = new GaugeRadialScale(Activity);

            scale.StartAngle  = 0;
            scale.SweepAngle  = 360;
            scale.LineVisible = false;
            scale.SetRange(0, 100);
            scale.TicksVisible  = false;
            scale.LabelsVisible = false;

            // >> gauges-indicators-bars
            int[] transparentColors = new int[] {
                Color.Argb(100, 224, 151, 36),
                Color.Argb(100, 196, 241, 57),
                Color.Argb(100, 132, 235, 247)
            };

            int[] colors = new int[] {
                Color.Argb(255, 224, 151, 36),
                Color.Argb(255, 196, 241, 57),
                Color.Argb(255, 132, 235, 247)
            };

            for (int i = 0; i < 3; i++)
            {
                GaugeRadialBarIndicator trnspIndicator = new GaugeRadialBarIndicator(Activity);
                trnspIndicator.Minimum   = 0;
                trnspIndicator.Maximum   = 100;
                trnspIndicator.FillColor = transparentColors[i];
                trnspIndicator.BarWidth  = 0.2f;
                trnspIndicator.Location  = 0.5f + i * 0.25f;
                scale.AddIndicator(trnspIndicator);

                GaugeRadialBarIndicator indicator = new GaugeRadialBarIndicator(Activity);
                indicator.Minimum = 0;
                Random r = new Random();
                indicator.Maximum           = r.Next(100);
                indicator.Animated          = true;
                indicator.AnimationDuration = 500;
                indicator.BarWidth          = 0.2f;
                indicator.Location          = 0.5f + i * 0.25f;
                indicator.FillColor         = colors[i];
                indicator.Cap = GaugeBarIndicatorCapMode.Round;
                scale.AddIndicator(indicator);
            }
            // << gauges-indicators-bars
            gauge.AddScale(scale);
            return(rootView);
        }
示例#3
0
        public override View OnCreateView(Android.Views.LayoutInflater inflater, Android.Views.ViewGroup container, Android.OS.Bundle savedInstanceState)
        {
            View rootView            = inflater.Inflate(Resource.Layout.fragment_gauge_animations, container, false);
            RadRadialGaugeView gauge = (RadRadialGaugeView)rootView.FindViewById(Resource.Id.radial_gauge);

            SetupGauge(gauge);

            RadioButton btn60 = (RadioButton)rootView.FindViewById(Resource.Id.radio_60);

            btn60.Click += (sender, e) =>
            {
                needle.Value = 60;
            };

            RadioButton btn80 = (RadioButton)rootView.FindViewById(Resource.Id.radio_80);

            btn80.Click += (sender, e) =>
            {
                needle.Value = 80;
            };

            RadioButton btn120 = (RadioButton)rootView.FindViewById(Resource.Id.radio_120);

            btn120.Click += (sender, e) =>
            {
                needle.Value = 120;
            };

            RadioButton btn160 = (RadioButton)rootView.FindViewById(Resource.Id.radio_160);

            btn160.Click += (sender, e) =>
            {
                needle.Value = 160;
            };

            return(rootView);
        }
示例#4
0
        public override Android.Views.View OnCreateView(Android.Views.LayoutInflater inflater, Android.Views.ViewGroup container, Android.OS.Bundle savedInstanceState)
        {
            View rootView            = inflater.Inflate(Resource.Layout.fragment_gauge_scales, container, false);
            RadRadialGaugeView gauge = (RadRadialGaugeView)rootView.FindViewById(Resource.Id.radial_gauge);

            // >> radial-scale-instantiate
            GaugeRadialScale scale1 = new GaugeRadialScale(Activity);

            scale1.LineVisible = true;
            scale1.Minimum     = 34;
            scale1.Maximum     = 40;
            // << radial-scale-instantiate

            // >> radial-scale-config
            scale1.Radius      = 0.6f;
            scale1.StrokeWidth = 2;
            // << radial-scale-config

            // >> radial-scale-config-ticks-labels
            scale1.LabelsColor          = Color.Gray;
            scale1.LabelsCount          = 7;
            scale1.MajorTicksCount      = 7;
            scale1.LabelsPaint.TextSize = 30;
            scale1.TicksOffset          = 0;
            scale1.LabelsOffset         = 0.1f;
            // << radial-scale-config-ticks-labels

            // >> radial-scale-config2
            GaugeRadialScale scale2 = new GaugeRadialScale(Activity);

            scale2.LineVisible = true;
            scale2.StrokeWidth = 2;
            scale2.Radius      = 0.7f;
            scale2.SetRange(93.2f, 104);
            scale2.TicksLayoutMode      = GaugeScaleTicksLayoutMode.Outer;
            scale2.MajorTicksCount      = 7;
            scale2.MinorTicksCount      = 20;
            scale2.LabelsCount          = 7;
            scale2.LabelsLayoutMode     = GaugeScaleLabelsLayoutMode.Outer;
            scale2.LabelsPaint.TextSize = 30;
            scale2.LabelsColor          = Color.Gray;
            scale2.TicksOffset          = 0;
            scale2.LabelsOffset         = 0.1f;
            // << radial-scale-config2

            // >> add-scale-to-gauge
            gauge.AddScale(scale1);
            gauge.AddScale(scale2);
            // << add-scale-to-gauge

            // >> add-indicators-to-scale
            GaugeRadialNeedle needle = new GaugeRadialNeedle(Activity);

            needle.Value       = 36.5f;
            needle.Length      = 0.5f;
            needle.TopWidth    = 8;
            needle.BottomWidth = 8;
            scale1.AddIndicator(needle);
            scale1.AddIndicator(GetIndicator(34, 36, Color.Blue));
            scale1.AddIndicator(GetIndicator(36.05f, 40, Color.Red));
            // << add-indicators-to-scale

            // >> gauge-set-title
            gauge.Title.Text          = "celsius";
            gauge.Subtitle.Text       = "fahrenheit";
            gauge.TitleVerticalOffset = 90;
            // << gauge-set-title

            return(rootView);
        }