How to show Text view with animation by 3 dot one by one like progress bar

Issue

HI I m trying show progress bar with text view for some time like . we have to show text view text for 3 second in that 3 second each second we have to display one by one with one ,two and three dot. expected : whole textview should show 3 second Hello . in one second Hello.. in 2 second Hello...in 3 second

after that it should be hide . I have tried with handler but unable to do this .

    private fun blink() {
    var iCount = 0;
    val handler = Handler()
    Thread {
    val timeToBlink = 1000
    try {
    Thread.sleep(timeToBlink.toLong())
    } catch (e: Exception) {
    }
    handler.post {
    if(iCount==0)
    {
    iCount = 1
      text = "Hello."
    }
    else if(iCount==1){
    iCount = 2
    text = "Hello.."
    }
    else {
    Toast.makeText(context,"...",Toast.LENGTH_LONG).show()
    iCount=0
  text = "Hello..."
    }
    
    }
    }.start()
    }

Please help me with this .

Solution

Try this

class MainActivity : AppCompatActivity() {
private lateinit var tvOne: TextView

override fun onCreate(savedInstanceState: Bundle?) {
    super.onCreate(savedInstanceState)
    setContentView(R.layout.activity_main)

    tvOne = findViewById<TextView>(R.id.tvOne)
}

override fun onResume() {
    super.onResume()

    tvOne.text = "Hello"

    Handler(Looper.getMainLooper()).postDelayed({
        tvOne.text = "Hello."
    }, 1000)

    Handler(Looper.getMainLooper()).postDelayed({
        tvOne.text = "Hello.."
    }, 2000)

    Handler(Looper.getMainLooper()).postDelayed({
        tvOne.text = "Hello..."
    }, 3000)

    Handler(Looper.getMainLooper()).postDelayed({
        tvOne.visibility = View.GONE
    }, 4000)

}

}

And the XML

<TextView
    android:id="@+id/tvOne"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="Hello World!"
    app:layout_constraintBottom_toBottomOf="parent"
    app:layout_constraintLeft_toLeftOf="parent"
    app:layout_constraintRight_toRightOf="parent"
    app:layout_constraintTop_toTopOf="parent" />

Answered By - Jinesh Doshi