/ Miscellaneous

A simple Android counter view for showing edittext character counts

A simple Android counter view for showing edittext character counts

CounterView

A simple Android counter view for showing edittext character counts. This behaves in the same way as our BufferTextInputLayout except that it does not wrap around an EditText view, allowing you to place it elsewhere within your layout.

The CounterView will display the current count of the input content in the edittext. You need to set the max content length allowed using:

view_counter.counterMaxLength = someNumberValue

You can customise the color of the counter using the app:counterTextColor attribute.

If the input content exceeds this length, the color of the counter will change. This is defaulted as red, but you can change this using the
app:counterErrorTextColor attribute.

The CounterView has 3 different counter types, you can set this mode using the counterMode property.

Ascending

view_counter.counterMode = CounterMode.ASCENDING

or

app:counterMode="ascending"

ascending

Descending

view_counter.counterMode = CounterMode.DESCENDING

or

app:counterMode="descending"

descending

Standard

view_counter.counterMode = CounterMode.STANDARD

or

app:counterMode="standard"

counter

Hiding the CounterView

display

In some cases you may wish to hide the CounterView until there are only a certain
number of characters available for the input text. You can set this value using:

view_counter.charactersRemainingUntilCounterDisplay = someNumberValue

That way, this means that the counter won't be shown until the user is someNumberValue away from the maximum counter length.

Using the CounterView

You will need to begin by adding the dependency to your project:

implementation 'org.buffer.android:counter-view:1.0'

Next, as shown in the sample app, can be added to your layout like so:

<org.buffer.android.counterview.CounterView
        android:id="@+id/view_counter"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        app:counterErrorTextColor="@color/colorAccent"
        app:counterTextColor="@color/colorPrimary" />

You then need to attach the CounterView to the desired edittext using:

 view_counter.attachToEditText(view_input)

GitHub