Красивый таймер для Android

В разработке приложения, выполняющего что-то периодически по времени, есть несколько важных моментов.

Все большие вычисления нельзя проводить в главном потоке(UI), т.к. пользователь будет сильно страдать от зависаний. Для реализации числового таймера, нам нужно раз в секунду обновлять компонент TextView

Запускать обновление будем по кнопке, также сделаем паузу и сброс отчета.

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Вот код разметки главной активности activity_main.xml:

[cce lang=”xml” tab_size=”2″ no_links=”false”]

<RelativeLayout xmlns:android=”http://schemas.android.com/apk/res/android”
xmlns:mySwitch=”http://schemas.android.com/apk/res-auto”
android:id=”@+id/RelativeLayout1″
android:layout_width=”match_parent”
android:layout_height=”match_parent”
android:orientation=”horizontal” >

<TextView
android:id=”@+id/tv_digital_clock”
android:layout_width=”wrap_content”
android:layout_height=”wrap_content”
android:layout_alignParentTop=”true”
android:layout_centerHorizontal=”true”
android:layout_marginTop=”95dp”
android:text=”00:00″
android:textAppearance=”?android:attr/textAppearanceMedium”
android:textColor=”@android:color/holo_red_dark”
android:textSize=”100sp” />

<Button
android:id=”@+id/pause_button”
android:layout_width=”wrap_content”
android:layout_height=”wrap_content”
android:layout_centerHorizontal=”true”
android:layout_centerVertical=”true”
android:background=”@drawable/small_buttonshape”
android:minWidth=”48dip”
android:onClick=”onPauseButtonClick”
android:text=”Пауза”
android:textAppearance=”?android:attr/textAppearanceSmall”
android:textColor=”@android:color/white” />

<Button
android:id=”@+id/start_button”
android:layout_width=”wrap_content”
android:layout_height=”wrap_content”
android:layout_alignBaseline=”@+id/pause_button”
android:layout_alignBottom=”@+id/pause_button”
android:layout_marginRight=”18dp”
android:layout_toLeftOf=”@+id/pause_button”
android:background=”@drawable/small_buttonshape”
android:minWidth=”48dip”
android:onClick=”onStartButtonClick”
android:text=”Старт”
android:textAppearance=”?android:attr/textAppearanceSmall”
android:textColor=”@android:color/white” />

<Button
android:id=”@+id/reset_button”
android:layout_width=”wrap_content”
android:layout_height=”wrap_content”
android:layout_alignBaseline=”@+id/pause_button”
android:layout_alignBottom=”@+id/pause_button”
android:layout_marginLeft=”15dp”
android:layout_toRightOf=”@+id/pause_button”
android:background=”@drawable/small_buttonshape”
android:minWidth=”28dp”
android:onClick=”onResetButtonClick”
android:text=”Сброс”
android:textAppearance=”?android:attr/textAppearanceSmall”
android:textColor=”@android:color/white” />

</RelativeLayout>

[/cce]

На ней у нас присутствуют 3 Button и один TextView.

Чтобы выводить цифры красивым шрифтом, его нужно зашить во внутрь приложения и при запуске установить на нужный элемент.

Мы будем использовать шрифт DS-Digital (TrueType Fonts).

Файл со шрифтом нужно положить в папку assets.

При запуске приложения установим шрифт (Typeface) на элемент tv_digital_clock (TextView).

[cce lang=”java” tab_size=”2″ no_links=”false”]

@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
digital_clock = (TextView) findViewById(R.id.tv_digital_clock);
tf = Typeface.createFromAsset(getAssets(), “DS-DIGI.TTF”);
digital_clock.setTypeface(tf);
}

[/cce]

Как работать с классом Timer я подсмотрел на этом сайте. Тут все доходчиво разъяснено, хоть и не на русском.

Он по смыслу очень похож на дельфийский, т.е. задаем интервал для выполнения одних и тех же действий.

Если нужно выключить таймер вызываем Timer.cancel().

Вот код кнопки запуска:

[cce lang=”java” tab_size=”2″ no_links=”false”]

public void onStartButtonClick(View v) {
myTimer = new Timer();
myTimer.schedule(new TimerTask() {
@Override
public void run() {
TimerMethod();
}
}, 0, 1000);
};

[/cce]

Создали новый класс Timer и задали ему расписание (schedule). Первый параметр означает задержку запуска, второй параметр (1000) означает период в миллисекундах, т.е. одна секунда.

Вот метод и дочерний поток:

[cce lang=”java” tab_size=”2″ no_links=”false”]

private void TimerMethod() {
// This method is called directly by the timer
// and runs in the same thread as the timer.

// We call the method that will work with the UI
// through the runOnUiThread method.
this.runOnUiThread(Timer_Tick);
}

private Runnable Timer_Tick = new Runnable() {
public void run() {

mCurrentPeriod++;
String temp = (new SimpleDateFormat(“mm:ss”)).format(new Date(
mCurrentPeriod * 1000));
digital_clock.setText(temp);
// This method runs in the same thread as the UI.
// Do something to the UI thread here

}
};

[/cce]

Тут интересен способ получения форматированной сточки обозначающей время и исходного числа секунд.

Мы создаем новый тип Date, на вход подаем количество миллисекунд. Потом применяем форматирование даты при помощи SimpleDateFormat. Нужный шаблон указан как минуты и секунды “mm:ss”.

Вот код двух других кнопок:

[cce lang=”java” tab_size=”2″ no_links=”false”]
public void onPauseButtonClick(View v) {
if (myTimer != null)
myTimer.cancel();
};

public void onResetButtonClick(View v) {
mCurrentPeriod = 0;
if (myTimer != null)
myTimer.cancel();
digital_clock.setText(“00:00”);
};

[/cce]

А при выходе из приложения мы обязательно его спросим:

[cce lang=”java” tab_size=”2″ no_links=”false”]
public void onBackPressed() {
new AlertDialog.Builder(this)
.setMessage(“Вы действительно хотите покинуть программу?”)
.setCancelable(false)
.setPositiveButton(“Да”, new DialogInterface.OnClickListener() {
public void onClick(DialogInterface dialog, int id) {
finish();
}
}).setNegativeButton(“Нет”, null).show();
};

[/cce]

На всякий случай здесь весь класс MainActivity целиком:

[cce lang=”java” tab_size=”2″ no_links=”false”]

package com.rusdelphi.timer;

import java.text.SimpleDateFormat;
import java.util.Date;
import java.util.Timer;
import java.util.TimerTask;

import android.app.Activity;
import android.app.AlertDialog;
import android.content.DialogInterface;
import android.graphics.Typeface;
import android.os.Bundle;
import android.view.View;
import android.widget.TextView;

public class MainActivity extends Activity {
TextView digital_clock;
Typeface tf;

int mCurrentPeriod = 0;
private Timer myTimer;

@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
digital_clock = (TextView) findViewById(R.id.tv_digital_clock);
tf = Typeface.createFromAsset(getAssets(), “DS-DIGI.TTF”);
digital_clock.setTypeface(tf);
}

public void onBackPressed() {
new AlertDialog.Builder(this)
.setMessage(“Вы действительно хотите покинуть программу?”)
.setCancelable(false)
.setPositiveButton(“Да”, new DialogInterface.OnClickListener() {
public void onClick(DialogInterface dialog, int id) {
finish();
}
}).setNegativeButton(“Нет”, null).show();
};

public void onStartButtonClick(View v) {
myTimer = new Timer();
myTimer.schedule(new TimerTask() {
@Override
public void run() {
TimerMethod();
}
}, 0, 1000);
};

public void onPauseButtonClick(View v) {
if (myTimer != null)
myTimer.cancel();
};

public void onResetButtonClick(View v) {
mCurrentPeriod = 0;
if (myTimer != null)
myTimer.cancel();
digital_clock.setText(“00:00”);
};

private void TimerMethod() {
// This method is called directly by the timer
// and runs in the same thread as the timer.

// We call the method that will work with the UI
// through the runOnUiThread method.
this.runOnUiThread(Timer_Tick);
}

private Runnable Timer_Tick = new Runnable() {
public void run() {
mCurrentPeriod++;
String temp = (new SimpleDateFormat(“mm:ss”)).format(new Date(
mCurrentPeriod * 1000));
digital_clock.setText(temp);
// This method runs in the same thread as the UI.
// Do something to the UI thread here

}
};

}

[/cce]