How to implement the following on Android enter image description here

Closed due to the fact that off-topic participants aleksandr barakin , Sasha Omelchenko , Streletz , Vanya Avchyan , tutankhamun Jun 1 '17 at 10:28 .

It seems that this question does not correspond to the subject of the site. Those who voted to close it indicated the following reason:

  • "The message contains only the text of the task, in which there is no description of the problem, or the question is purely formal (" how do I do this task ") . To reopen the question, add a description of the specific problem, explain what does not work, what you see the problem. " - Sasha Omelchenko, Streletz, Vanya Avchyan
If the question can be reformulated according to the rules set out in the certificate , edit it .

  • 2
    CustomView to draw, or search for libu, if someone has already done this. - AZ
  • @AZ, as I understand it, many people are afraid of custom views, they think that it’s difficult, in fact, such a widget can be implemented with ordinary layouts) - Flippy
  • one
    This question in the form of a picture should be closed, because it is useless for the knowledge base (the one who has a similar question cannot find this question and the answers to it) - aleksandr barakin

1 answer 1

If animation is not necessary when time changes, then it will be easier to make everything on a regular View, where each time unit will be a regular TextView with the necessary backing.

If you want to animate it, you can get stuck with flips View

Another option is to do everything on gif, where each gif will animate the transition from one number to another

Algorithm implementation without animation

  1. First you just need to learn how to display time in them, and then it will be easy to stylize them.

  2. 8 TextView stand in a row horizontally and each of them is responsible for their number.

  3. You create a method that takes Calendar as an input with time and outputs it to these TextVuew

  4. Then you create a CountDownTimer which, by using the method from step 3, displays the remaining time

  5. Stylize the view as you want

  6. For a long time you are having sex to animate this)

  • preferably of course with animation. But so far without. Generally in a stupor while how to implement - DuosDuo
  • If no animation, then I would have done so. 1. First you just need to learn how to display time in them, and then it will be easy to stylize them. 2 .8 TextView are aligned horizontally and each of them is responsible for their number. As a timer, I suggest using CountDownTimer - mifkamaz
  • thanks for the advice. I'll try. - DuosDuo
  • A more detailed answer added to the post - mifkamaz