{"id":1230,"date":"2016-04-15T05:23:11","date_gmt":"2016-04-15T05:23:11","guid":{"rendered":"http:\/\/abhiandroid.com\/ui\/?page_id=1230"},"modified":"2019-06-12T06:55:00","modified_gmt":"2019-06-12T06:55:00","slug":"chronometer","status":"publish","type":"page","link":"https:\/\/abhiandroid.com\/ui\/chronometer","title":{"rendered":"Chronometer Tutorial With Example In Android Studio"},"content":{"rendered":"

In Android, Chronometer is a class that implements a simple timer. Chronometer is a\u00a0subclass of TextView. This class helps us to add a timer in our app.<\/p>\n

\"Chronometer<\/p>\n

You can give Timer\u00a0start time in the elapsedRealTime() timebase and it start counting from that. If we\u00a0don\u2019t give base time then it will use the time at which time\u00a0we\u00a0call start() method. By default a chronometer displays the current timer value in the form of MM:SS or H:MM:SS. We can set our own format into an arbitrary string.<\/p>\n

Chronometer code\u00a0in XML:<\/strong><\/p>\n

<Chronometer\r\nandroid:id=\"@+id\/simpleChronometer\"\r\nandroid:layout_width=\"wrap_content\"\r\nandroid:layout_height=\"wrap_content\" \/>\r\n<\/pre>\n
\n
Methods Of Chronometer In Android:<\/strong><\/h4>\n
Let\u2019s discuss some important methods of chronometer that may be called in order to manage the chronometer.<\/p>\n
1. start():<\/strong><\/span> start function of chronometer is used to start the counting up.<\/p>\n
Below we start the counting up of a chronometer.<\/p>\n
Chronometer simpleChronometer = (Chronometer) findViewById(R.id.simpleChronometer); \/\/ initiate a chronometer\r\n\r\nsimpleChronometer.start(); \/\/ start a chronometer<\/pre>\n
\"chronometer<\/p>\n
2. stop():<\/strong><\/span> stop function of chronometer is used to stop the counting up.<\/p>\n
Below code stop the counting of a chronometer.<\/p>\n
Chronometer simpleChronometer = (Chronometer) findViewById(R.id.simpleChronometer); \/\/ initiate a chronometer\r\n\r\nsimpleChronometer.stop(); \/\/ stop a chronometer<\/pre>\n
3. setFormat(String format):<\/strong><\/span> set format function of chronometer is used to set the format string used to display. In other words we can say it is used to display text, numbers etc along-with chronometer.<\/p>\n
In the below example code we set the string format for displaying a chronometer.<\/p>\n
Chronometer simpleChronometer = (Chronometer) findViewById(R.id.simpleChronometer); \/\/ initiate a chronometer\r\nsimpleChronometer.start(); \/\/ start a chronometer\r\nsimpleChronometer.setFormat(\"Time Running - %s\"); \/\/ set the format for a chronometer<\/pre>\n
\"Chronometer<\/p>\n
4. getformat():<\/strong><\/span>\u00a0This function of chronometer is used for getting the current format string. This methods returns a string type value.<\/p>\n
Below we get the current format string from a chronometer.<\/p>\n
simpleChronometer = (Chronometer) findViewById(R.id.simpleChronometer); \/\/ initiate a chronometer\r\n\r\nString formatType=simpleChronometer.getFormat(); \/\/ get the format from a chronometer<\/pre>\n
5. setOnChronometerTickListener(Chronometer.OnChronometerTickListener listener):<\/strong><\/span>\u00a0This\u00a0is a listener event which is automatically called when the chronometer changes.<\/p>\n
Below we show the use of setOnChronometerTickListener() for a chronometer.<\/p>\n
Chronometer simpleChronometer = (Chronometer) findViewById(R.id.simpleChronometer); \/\/ initiate a chronometer\r\n\/\/ perform set on chronometer tick listener event of chronometer\r\n\r\nsimpleChronometer.setOnChronometerTickListener(new Chronometer.OnChronometerTickListener() {\r\n\r\n@Override\r\n\r\npublic void onChronometerTick(Chronometer chronometer) {\r\n\r\n\/\/ do something when chronometer changes\r\n\r\n}\r\n\r\n});\r\n<\/pre>\n
6. setBase(long base):<\/strong><\/span> set base function of chronometer is used to set the time that count up time is in reference to. You can give it a start time in the elapsedRealtime() timebase, and it counts up from that, or if you don’t give it a base time, it will use the time at which you call start().<\/p>\n
SystemClock.elapsedRealtime()<\/code> is the number of milliseconds since the device was turned on.<\/p>\n
Below we set the base time for a chronometer.<\/p>\n
Chronometer simpleChronometer = (Chronometer) findViewById(R.id.simpleChronometer); \/\/ initiate a chronometer\r\n\r\nsimpleChronometer.setBase(SystemClock.elapsedRealtime()); \/\/ set base time for a chronometer\r\n<\/pre>\n
7. getBase():<\/strong><\/span> get base function is used to get the base time from a chronometer. This method returns a base time as set through the setBase() function. This method return long value.<\/p>\n
Below we get the base time from a chronometer.<\/p>\n
Chronometer simpleChronometer = (Chronometer) findViewById(R.id.simpleChronometer); \/\/ initiate a chronometer\r\n\r\nlong base=simpleChronometer.getBase(); \/\/ get base time from a chronometer\r\n<\/pre>\n
\n
Attributes of Chronometer In Android:<\/strong><\/h4>\n
Now let\u2019s we discuss some common attributes of a chronomter that helps us to configure it in our layout (xml).<\/p>\n
1. Id:<\/span>\u00a0<\/strong>id attribute is used to uniquely identify a chronometer.<\/p>\n
<Chronometer\r\nandroid:id=\"@+id\/simpleChronometer\"\r\nandroid:layout_width=\"wrap_content\"\r\nandroid:layout_height=\"wrap_content\" \/><\/pre>\n
2. gravity:<\/strong><\/span> The gravity attribute is an optional attribute which is used to control the alignment of the text like left, right, center, top, bottom, center_vertical, center_horizontal etc.<\/p>\n
Below we set the center_horizontal gravity for text of a chronometer.<\/p>\n
<Chronometer\r\nandroid:id=\"@+id\/simpleChronometer\"\r\nandroid:layout_width=\"fill_parent\"\r\nandroid:layout_height=\"wrap_content\"\r\nandroid:gravity=\"center_horizontal\" \/><!-- center horizontal gravity for the text of chronometer --><\/pre>\n
\"gravity<\/p>\n
3. textColor:<\/strong><\/span> textColor attribute is used to set the text color of chronometer. Color value is in the form of “#argb”, “#rgb”, “#rrggbb”, or “#aarrggbb”.<\/p>\n
Below we set the red color for the displayed text of a chronometer.<\/p>\n
<Chronometer\r\nandroid:id=\"@+id\/simpleChronometer\"\r\nandroid:layout_width=\"fill_parent\"\r\nandroid:layout_height=\"wrap_content\"\r\nandroid:gravity=\"center_horizontal\"\r\nandroid:textColor=\"#f00\"\/><!-- red color for the text of chronometer -->\r\n<\/pre>\n
\"textColor<\/p>\n
Setting textColor of Chronometer In Java class:<\/strong><\/p>\n
Chronometer simpleChronometer = (Chronometer) findViewById(R.id.simpleChronometer); \/\/ initiate a chronometer\r\n\r\nsimpleChronometer.setTextColor(Color.RED); \/\/ set red color for the displayed text of a chronometer<\/pre>\n
4. textSize:<\/strong><\/span> textSize attribute is used to set the size of text of chronometer. We can set the text size in sp (scale independent pixel) or dp ( density pixel ).<\/p>\n
Below we set the 25sp size for the text of a chronometer.<\/p>\n
<Chronometer\r\nandroid:id=\"@+id\/simpleChronometer\"\r\nandroid:layout_width=\"fill_parent\"\r\nandroid:layout_height=\"wrap_content\"\r\nandroid:gravity=\"center_horizontal\"\r\nandroid:textColor=\"#f00\"\r\nandroid:textSize=\"25sp\"\/><!-- 25 sp size for displayed text of chronometer -->\r\n<\/pre>\n
\"textSize<\/p>\n
Setting textSize of Chronometer In Java class:<\/strong><\/p>\n
Chronometer simpleChronometer = (Chronometer) findViewById(R.id.simpleChronometer); \/\/ initiate a chronometer\r\n\r\nsimpleChronometer.setTextSize(25); \/\/ set text size of a chronometer<\/pre>\n
5. textStyle:<\/strong><\/span> textStyle attribute is used to set the text style of a chronometer. The possible text styles are bold, italic and normal.\u00a0 If we need to use two or more styles for a chronomter text then \u201c|\u201d operator is used for that.<\/p>\n
Below we set the bold and italic text styles for text of a chronometer.<\/p>\n
<Chronometer\r\nandroid:id=\"@+id\/simpleChronometer\"\r\nandroid:layout_width=\"wrap_content\"\r\nandroid:layout_height=\"wrap_content\"\r\nandroid:layout_centerHorizontal=\"true\"\r\nandroid:textColor=\"#f00\"\r\nandroid:textSize=\"25sp\"\r\nandroid:textStyle=\"bold|italic\"\/><!-- bold and italic style for displayed text of chronometer --><\/pre>\n
\"textStyle<\/p>\n
6. background:<\/strong><\/span> background attribute is used to set the background of a chronometer. You \u00a0can set a color or a drawable in the background of a text view. You can also set the background color programmatically means in java class.<\/p>\n
Below we set the green color for the background of a chronometer.<\/p>\n
<Chronometer\r\n\r\nandroid:id=\"@+id\/simpleChronometer\"\r\nandroid:layout_width=\"50dp\"\r\nandroid:layout_height=\"wrap_content\"\r\nandroid:layout_centerHorizontal=\"true\"\r\nandroid:textColor=\"#f00\"\r\nandroid:textSize=\"25sp\"\r\nandroid:textStyle=\"bold|italic\"\r\nandroid:background=\"#0f0\"\/><!-- green background color of chronometer -->\r\n<\/pre>\n
\"background<\/p>\n
Setting background of Chronometer In Java class:<\/strong><\/p>\n
Chronometer simpleChronometer = (Chronometer) findViewById(R.id.simpleChronometer); \/\/ initiate a chronometer\r\n\r\nsimpleChronometer.setBackgroundColor(Color.GREEN); \/\/ set green color for the background of a chronometer<\/pre>\n
7. padding:<\/strong><\/span> padding attribute is used to set the padding from left, right, top or bottom.<\/p>\n