Android View for displaying and selecting (by touch) values / percentages in a circle-shaped View, with animations.

Core features:

• Displaying values in a beautiful circle shaped View
• Supports percentage and normal values
• Selecting / Choosing values with touch gestures
• Fully customizeable
• Animated drawing (bar representig the value fills up animated)

Simply copy the CircleDisplay.java file into your project.

For using the CircleDisplay, define it in .xml:

    <com.philjay.circledisplay.CircleDisplay
        android:id="@+id/circleDisplay"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />

    CircleDisplay cd = (CircleDisplay) findViewById(R.id.circleDisplay);

or create it in code:

    CircleDisplay cd = new CircleDisplay(Context);

Style your CircleDisplay, and show values.

Styling methods:

• setColor(int color): Use this method to set the color for the arc/bar that represents the value.
• setStartAngle(float angle): Set the starting angle of your arc/bar. By default, it starts at the top of the view (270°).
• setAnimDuration(int millis): Set the duration in milliseconds it takes to animate/build up the bar.
• setTextSize(float size): Set the size of the text in the center of the view.
• setValueWidthPercent(float percentFromTotalWidth): Set the width of the value bar/arc in percent of the circle radius.
• setFormatDigits(int digits): Sets the number of digits to use for the value in the center of the view.
• setDimAlpha(int alpha): Value between 0 and 255 indicating the alpha value used for the remainder of the value-arc.
• setPaint(int which, Paint p): Sets a new Paint object instead of the default one. Use CircleDisplay.PAINT_TEXT for example to change the text paint used.
• setUnit(String unit): Sets a unit that is displayed in the center of the view. E.g. "%" or "€" or whatever it is you want the circle-display to represent.

Showing stuff:

• public void showValue(float toShow, float total, boolean animated): Shows the given value. A maximumvalue also needs to be provided. Set animated to true to animate the displaying of the value.

Selecting values:

• IMPORTANT for selecting values onTouch(): Make sure to call showValue(...) at least once before trying to select values by touching. This is needed to set a maximum value that can be chosen on touch. Calling showValue(0, 1000, false) before touching as an example will allow the user to choose a value between 0 and 1000, default 0.
• setTouchEnabled(boolean enabled): Set this to true to allow touch-gestures / selecting.
• setSelectionListener(SelectionListener l): Set a SelectionListener for callbacks when selecting values with touch-gestures.

Full example:

    CircleDisplay cd = (CircleDisplay) findViewById(R.id.circleDisplay);
    cd.setAnimDuration(3000);
    cd.setValueWidthPercent(55f);
    cd.setTextSize(36f);
    cd.setColor(Color.GREEN);
    cd.setDrawText(true);
    cd.setDrawInnerCircle(true);
    cd.setFormatDigits(1);
    cd.setTouchEnabled(true);
    cd.setSelectionListener(this);
    cd.setUnit("%");
    cd.showValue(75f, 100f, true);