TextCounter | A simple subclass of android 's TextView | Frontend Framework library

I modified message() function a little bit.

Instead of using keydown/up events i think it's better to use the input event. Inputs can happen without pressing a button. After removing the whitespace of the textfield and binding your function to the input event it works fine.

I do recommend though to use Javascript to bind event handlers instead of inline.

as @proversion said in the comments, you can check in the widget tree, if a condition returns true or false.

Before you enter the child you could check with an inline if-statement like so: questionType == 'dropdown' ? (Widget for True) : (Widget for False)

Or if you have to do a complex check, I would do this in the build Method before the return of the widget and set a boolean value there, which represents your check result. Then you can use this value (example: isTrue) in the widget tree like isTure ? (Widget for True) : (Widget for False).

Here is a sample code, that should work.

you can add CheckBox when checked add green Background if not add red

I do not know what is this background of your code but definitely, javax.swing is not supported by Android.

You want to use android.view to use getBackground() instead.

Remove this import, and if it asks for import something, add the Android one, but it should not ask for anything, since it's from android.view.

background is layout id

Then you should use the synthetic from kotlin

import kotlinx.android.synthetic.main.your_layout.*

It seems to me that you have some design issues with the way you calculate the amount of water drunk. I.e. you store the number of cups drunk without knowing what the capacity of the actual cup was. And in the meantime you can alter the size of the cup which in fact acts as if all the previously drunk cups were changed.

First of all, I'd not use the UI control's fields as storage (I'd avoid int.Parse).

Then, depending on the long run, I'd either have a single milliliter counter or a list of "drink" event where a cup capacity is stored every time a cup of water is drunk.

Thus, think about something like (I haven't compiled it):

I updated your code here https://codepen.io/ggrigorov/pen/MWWvRaX

I made one small change to place the counter inside the textbox. And updated the styles so it can be positioned relative to the textbox.

There can be other implementations, but this should work.

Let me know if it doesn't.

Your thread is quickly adding 11 tasks (10 + the last one) to this handler you're creating and then dying. These tasks have a delay, and then the message queue will take care of running the 10 + 1 runnables. To do what you're trying to do you should make the thread to wait 500ms between each loop.

Something similar to this:

You're splitting the input on the " " character, which is used to split at word boundaries.

Just take the length of the string input, that will give you the number of characters.