ntoskrnl / androidwidgets

Custom Android widgets used in cardiomood.com projects

AndroidWidgets

Custom Android widgets used in cardiomood.com projects.

Import to your project

The library is available in maven repository.

You can include your library in your build.gradle:

compile 'com.cardiomood.android:android-widgets:0.1.1'

If you are using Maven, add the following dependency to pom.xml:

<dependency>
  <groupId>com.cardiomood.android</groupId>
  <artifactId>android-widgets</artifactId>
  <version>0.1.1</version>
  <type>aar</type>
</dependency>

Widgets

At the moment, the library includes the following components:

• SpeedometerGauge - a simple needle gauge that looks like speedometer
• BatteryIndicatorGauge - an iPhone like pseudo-3d battery indicator
• CircularProgressBar - a siple circular progress bar with a text inside
• CircledTextView - a TextView that has a circle around it

SpeedometerGauge

This was moved from the previous repository: https://github.com/ntoskrnl/SpeedometerView

Simple speedometer-like gauge with needle for Android.

Usage

Import the library to your project.

In your layout xml-file add SpeedometerGauge as shown:

<com.cardiomood.android.controls.gauge.SpeedometerGauge
    android:layout_height="wrap_content"
    android:layout_width="match_parent"
    android:padding="8dp"
    android:id="@+id/speedometer" />

Configure SpeedometerGuge:

  private SpeedometerGauge speedometer;

  // Customize SpeedometerGauge
  speedometer = (SpeedometerGauge) v.findViewById(R.id.speedometer);
  
  // Add label converter
  speedometer.setLabelConverter(new SpeedometerView.LabelConverter() {
      @Override
      public String getLabelFor(double progress, double maxProgress) {
          return String.valueOf((int) Math.round(progress));
      }
  });
  
  // configure value range and ticks
  speedometer.setMaxSpeed(300);
  speedometer.setMajorTickStep(30);
  speedometer.setMinorTicks(2);
  
  // Configure value range colors
  speedometer.addColoredRange(30, 140, Color.GREEN);
  speedometer.addColoredRange(140, 180, Color.YELLOW);
  speedometer.addColoredRange(180, 400, Color.RED);

androidwidgets's Issues

Line witdth

How to increase the line width?
The color lines which displays in red or green color. I want to increase its width.

cannot resolve SpeedometerView

Small fix for Readme: SpeedometerView.LabelConverter() - cannot resolve SpeedometerView

From Readme:

// Add label converter
  speedometer.setLabelConverter(new SpeedometerView.LabelConverter() {
      @Override
      public String getLabelFor(double progress, double maxProgress) {
          return String.valueOf((int) Math.round(progress));
      }
  });

I guess it should benew SpeedometerGauge.LabelConverter()

README doc nit-pick

First of all - thank you for putting this custom view together and for sharing the JAR!

Nit picking bug in doc: In the README - it still uses the old name for the Speedometer (SpeedometerView):

// Add label converter
speedometer.setLabelConverter(new SpeedometerView.LabelConverter() {

should be:

// Add label converter
speedometer.setLabelConverter(new SpeedometerGauge.LabelConverter() {

SpeedometerGauge for Android Wear

It would be nice if there was a version of SpeedometerGauge for Android Wear as well.

Please publish update which includes ticker titles.

0.1.1 does include the changes for having titles on the ticks. Testing with the project code shows this functionality does exist but is not possibly if the user is using gradle/maven dependency.

How to number the ticks?

Hey how to number the ticks of the Guage with this library?

How to add this Widget to Android Studio

I have searched many pages for how to import this Widget to an android studio project so i can use it but i didn't find anything
I wish you could help me

Can it display multiple pointer for multiple data.

This will give exact speed for every millisecond ?

Hello,

This project will give exact current speed of the car while driving, sudden break, stops?

Upgrade to latest version of gradle

Having issues building due to the old version of gradle. Please upgrade to latest version as the current version of gradle being used in the app is deprecated and will soon be removed.

Thanks.

Negative values

Hello I want to use gauge to signal strenght of WIFI so your code can accept negative values?

What is the license under which code is released?

onMeasure() in SpeedometerGauge.java was not compensating for the 2.0 to 1.0 aspect ratio

In the SpeedometerGauge.java file - the width was being set too narrowly for the allocated space in onMeasure(). My fix for this is shown below.

    /*
     * BUG: below as follows:
     *     Aspect ratio for speedometer is always width = 2 * height
     *     Therefore width and height should not treated equally as
     *     there is an implied aspect ratio (width / height) of 2.
     */
    if (height >= 0 && width >= 0) {
        // width = Math.min(height, width);
        width = Math.min(height * 2, width);
        /*
         * two cases : there isn't enough height for the width, and
         *   there is.
         */
        if (width / 2 > height) {
            width = height * 2;  // clip based on aspect ratio
        }

    }

Out of Memory on Android 7

Run the app on Android 7 and device Samsung Galaxy S6. Give below errors. Please suggest solution.

Fatal Exception: java.lang.OutOfMemoryError: Failed to allocate a 2822700 byte allocation with 556160 free bytes and 543KB until OOM
at dalvik.system.VMRuntime.newNonMovableArray(VMRuntime.java)
at android.graphics.Bitmap.nativeCreate(Bitmap.java)
at android.graphics.Bitmap.createBitmap(Bitmap.java:977)
at android.graphics.Bitmap.createBitmap(Bitmap.java:948)
at android.graphics.Bitmap.createBitmap(Bitmap.java:879)
at android.graphics.Bitmap.createScaledBitmap(Bitmap.java:755)
at com.cardiomood.android.controls.gauge.SpeedometerGauge.drawBackground(SpeedometerGauge.java:372)
at com.cardiomood.android.controls.gauge.SpeedometerGauge.onDraw(SpeedometerGauge.java:218)

Change The Black Color

Hello

i wounder if its possible to change the black color ?

Thanks

How To Create Needle as Triangle Shape.

Hi @ntoskrnl
I used your library which is very useful to my requirement, But i am stucking how to draw needle as a triangle shape.
How to convert needle draw line method to draw bitmap or draw like a triangle shape needle.

Please Help.

I want to draw this image in place of needle line and rotate on around arc.

setLabelTextSize needs to be called manually

After the commit: e63762d#diff-5aae92e37f96f604ba3d3bf15aeefcd7 setLabelTextSize() has to be called manually for the text to show up correctly.

I suspect it was because:

setLabelTextSize(attributes.getDimensionPixelSize(R.styleable.SpeedometerGauge_labelTextSize, Math.round(DEFAULT_LABEL_TEXT_SIZE_DP * density)));

Was replaced with:

setLabelTextSize(Math.round(DEFAULT_LABEL_TEXT_SIZE_DP * density));