Seek Bar with progress showing with two text views

Seek Bar with progress showing with two text views

In the previous Post i told you how to add the seek bar for media player. Now i'll tell you to add two text views to media player which shows the progress of the seek bar.

1.activity_main.xml

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"

    android:layout_width="match_parent"

    android:layout_height="match_parent" >

    <SeekBar

        android:id="@+id/seekBar1"

        android:layout_width="match_parent"

        android:layout_height="wrap_content"

        android:layout_alignParentBottom="true"

        android:layout_margin="10dp" />

        <Button

        android:id="@+id/button2"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:layout_above="@+id/seekBar1"

        android:layout_marginBottom="40dp"

        android:layout_marginRight="26dp"

        android:layout_toLeftOf="@+id/textView2"

        android:text="Stop" />

    <Button

        android:id="@+id/button1"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:layout_alignBaseline="@+id/button2"

        android:layout_alignBottom="@+id/button2"

        android:layout_toRightOf="@+id/textView1"

        android:text="Play" />

    <TextView

        android:id="@+id/textView2"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:layout_above="@+id/seekBar1"

        android:layout_alignRight="@+id/seekBar1"

        android:layout_marginRight="15dp"

        android:text="0:00" />

    <TextView

        android:id="@+id/textView1"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:layout_alignBaseline="@+id/textView2"

        android:layout_alignBottom="@+id/textView2"

        android:layout_alignLeft="@+id/seekBar1"

        android:layout_marginLeft="16dp"

        android:text="0:00" />

</RelativeLayout>

2.MainActivity.java

package com.sri.seekbar;

import android.app.Activity;

import android.media.MediaPlayer;

import android.os.Bundle;

import android.util.Log;

import android.view.View;

import android.view.View.OnClickListener;

import android.widget.Button;

import android.widget.SeekBar;

import android.widget.SeekBar.OnSeekBarChangeListener;

import android.widget.TextView;

import android.widget.Toast;

public class MainActivity extends Activity implements Runnable,

OnClickListener, OnSeekBarChangeListener {

private SeekBar seekBar;

private Button startMedia;

private Button stopMedia;

private MediaPlayer mp;

TextView tv1, tv2;

@Override

public void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.activity_main);

seekBar = (SeekBar) findViewById(R.id.seekBar1);

startMedia = (Button) findViewById(R.id.button1);

stopMedia = (Button) findViewById(R.id.button2);

tv1 = (TextView) findViewById(R.id.textView1);

tv2 = (TextView) findViewById(R.id.textView2);

startMedia.setOnClickListener(this);

stopMedia.setOnClickListener(this);

seekBar.setOnSeekBarChangeListener(this);

seekBar.setEnabled(false);

}

public void run() {

int currentPosition = mp.getCurrentPosition();

int total = mp.getDuration();

while (mp != null && currentPosition < total) {

try {

Thread.sleep(1000);

currentPosition = mp.getCurrentPosition();

} catch (InterruptedException e) {

return;

} catch (Exception e) {

return;

}

seekBar.setProgress(currentPosition);

}

}

public void onClick(View v) {

if (v.equals(startMedia)) {

if (mp == null) {

mp = MediaPlayer.create(getApplicationContext(), R.raw.song2);

seekBar.setEnabled(true);

}

if (mp.isPlaying()) {

mp.pause();

startMedia.setText("play");

} else {

mp.start();

startMedia.setText("pause");

seekBar.setMax(mp.getDuration());

new Thread(this).start();

}

}

if (v.equals(stopMedia) && mp != null) {

if (mp.isPlaying() || mp.getDuration() > 0) {

mp.stop();

mp = null;

startMedia.setText("play");

seekBar.setProgress(0);

tv1.setText("0:00");

tv2.setText("0:00");

}

}

}

public void onProgressChanged(SeekBar seekBar, int progress,

boolean fromUser) {

try {

if (mp.isPlaying() || mp != null) {

if (fromUser)

mp.seekTo(progress);

} else if (mp == null) {

Toast.makeText(getApplicationContext(), "Media is not running",

Toast.LENGTH_SHORT).show();

seekBar.setProgress(0);

}

tv1.setText("" + milliSecondsToTimer(progress));

tv2.setText("" + milliSecondsToTimer(mp.getDuration()));

} catch (Exception e) {

Log.e("seek bar", "" + e);

seekBar.setEnabled(false);

}

}

@Override

public void onStartTrackingTouch(SeekBar seekBar) {

// TODO Auto-generated method stub

}

@Override

public void onStopTrackingTouch(SeekBar seekBar) {

// TODO Auto-generated method stub

}

public String milliSecondsToTimer(long milliseconds) {

String finalTimerString = "";

String secondsString = "";

// Convert total duration into time

int hours = (int) (milliseconds / (1000 * 60 * 60));

int minutes = (int) (milliseconds % (1000 * 60 * 60)) / (1000 * 60);

int seconds = (int) ((milliseconds % (1000 * 60 * 60)) % (1000 * 60) / 1000);

// Add hours if there

if (hours > 0) {

finalTimerString = hours + ":";

}

// Prepending 0 to seconds if it is one digit

if (seconds < 10) {

secondsString = "0" + seconds;

} else {

secondsString = "" + seconds;

}

finalTimerString = finalTimerString + minutes + ":" + secondsString;

// return timer string

return finalTimerString;

}

}

3.That's it  now run your Project and see the text view changes with the progress bar.

Thank you