Topics Used\u00a0For Creating CountDown Timer App –\u00a0<\/strong>Before following the below steps it is recommended you check out TextView, Relative Layout &\u00a0Linear Layout topics. Also go through JAVA OOPS<\/a> concept once.<\/p>\n Below you can download code, see final output and step by step explanation of CountDown Timer App in Android Studio.<\/p>\n Download Code<\/a> Step 1:<\/strong><\/span> Firstly get the android studio downloaded in your system, then open it.<\/p>\n Step 2:<\/strong><\/span> Create a new project and name it CountDownTimer.<\/p>\n Step 3:<\/strong><\/span> Open res -> layout -> activity_main.xml (or) main.xml<\/strong>. Here we are going to create the application interface like add layouts(linearlayout & relativelayout), TextView. Carefully analyze the code as it’s a bit complicated, we used Linearlayout for displaying each part of CountDown Timer(days, hours, minutes , seconds).<\/p>\n The complete interface code of activity_main.xml:<\/strong><\/p>\n Step 4:<\/strong> <\/span> Open src -> package -> MainActivity.java<\/strong>. The interface part of the application is over, let’s focus on adding functionality to the application. You also see that we use handler in this code to schedule message and runnable in future at some point and scheduling is accomplished by various methods but we used postDelayed(runnable, long).<\/p>\n OUTPUT:<\/strong><\/span> CountDown Timer App is about setting a time that moves in reverse like it shows the time left in upcoming\u00a0event. Likewise here we are making an Android App in context to CRICKET WORLD CUP which will start in 2019. So let’s begin App creation step by step towards it completion. In this CountDown Timer App … Continue reading How To Create CountDown Timer App In Android Studio: Step By Step Guide<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"closed","template":"home.php","meta":{"footnotes":""},"class_list":["post-180","page","type-page","status-publish","hentry"],"psp_head":"
\nHow To Create CountDown Timer App In Android Studio:<\/strong><\/h4>\n
\n![\"CountDown](\"\/createandroidapp\/wp-content\/uploads\/2017\/02\/CountDown-App-In-Android-Studio.png\")
<\/p>\n<?xml version=\"1.0\" encoding=\"utf-8\"?>\r\n<RelativeLayout xmlns:android=\"http:\/\/schemas.android.com\/apk\/res\/android\"\r\n xmlns:tools=\"http:\/\/schemas.android.com\/tools\"\r\n android:id=\"@+id\/activity_main\"\r\n android:layout_width=\"match_parent\"\r\n android:layout_height=\"match_parent\"\r\n android:paddingBottom=\"@dimen\/activity_vertical_margin\"\r\n android:paddingLeft=\"@dimen\/activity_horizontal_margin\"\r\n android:paddingRight=\"@dimen\/activity_horizontal_margin\"\r\n android:paddingTop=\"@dimen\/activity_vertical_margin\"\r\n android:background=\"@drawable\/backimage\"\r\n tools:context=\"com.example.countdown.MainActivity\">\r\n\r\n <TextView\r\n android:layout_width=\"wrap_content\"\r\n android:layout_height=\"wrap_content\"\r\n android:text=\"@string\/counter\"\r\n android:textSize=\"30sp\"\r\n android:textColor=\"#ffeeee\"\r\n android:textStyle=\"bold|italic\"\r\n android:layout_above=\"@+id\/relativeLayout\"\r\n android:layout_centerHorizontal=\"true\"\r\n android:id=\"@+id\/textViewheader1\" \/>\r\n\r\n\r\n <RelativeLayout\r\n android:layout_width=\"match_parent\"\r\n android:layout_height=\"wrap_content\"\r\n android:layout_centerVertical=\"true\"\r\n android:layout_centerHorizontal=\"true\"\r\n android:id=\"@+id\/relativeLayout\">\r\n\r\n <LinearLayout\r\n android:id=\"@+id\/LinearLayout\"\r\n android:layout_width=\"wrap_content\"\r\n android:layout_height=\"wrap_content\"\r\n android:gravity=\"center\"\r\n android:orientation=\"horizontal\">\r\n\r\n <TextView\r\n android:id=\"@+id\/tveventStart\"\r\n android:layout_width=\"wrap_content\"\r\n android:layout_height=\"wrap_content\"\r\n android:paddingLeft=\"50sp\"\r\n android:gravity=\"center\"\r\n android:singleLine=\"true\"\r\n android:text=\"@string\/worldcup_2k19\"\r\n android:textColor=\"#fff\"\r\n android:textSize=\"24sp\"\r\n android:textStyle=\"bold\"\r\n android:visibility=\"gone\" \/>\r\n <LinearLayout\r\n android:id=\"@+id\/LinearLayout1\"\r\n android:layout_width=\"wrap_content\"\r\n android:layout_height=\"wrap_content\"\r\n android:layout_weight=\"1\"\r\n android:background=\"@drawable\/counter\"\r\n android:gravity=\"center\"\r\n android:orientation=\"vertical\" >\r\n\r\n <TextView\r\n android:id=\"@+id\/txtDay\"\r\n android:layout_width=\"fill_parent\"\r\n android:layout_height=\"wrap_content\"\r\n android:layout_weight=\"3\"\r\n android:gravity=\"center\"\r\n android:textAppearance=\"?android:attr\/textAppearanceLarge\"\r\n android:textColor=\"#4a0000\"\r\n android:textSize=\"35sp\"\r\n android:textStyle=\"bold\" \/>\r\n\r\n <TextView\r\n android:id=\"@+id\/txt_Day\"\r\n android:layout_width=\"fill_parent\"\r\n android:layout_height=\"wrap_content\"\r\n android:layout_weight=\"1\"\r\n android:gravity=\"center_horizontal\"\r\n android:text=\"@string\/days\"\r\n android:textAppearance=\"?android:attr\/textAppearanceSmall\"\r\n android:textColor=\"#fff\"\r\n android:textStyle=\"bold\" \/>\r\n <\/LinearLayout>\r\n\r\n <LinearLayout\r\n android:id=\"@+id\/LinearLayout2\"\r\n android:layout_width=\"wrap_content\"\r\n android:layout_height=\"wrap_content\"\r\n android:layout_weight=\"1\"\r\n android:background=\"@drawable\/counter\"\r\n android:gravity=\"center\"\r\n android:orientation=\"vertical\" >\r\n\r\n <TextView\r\n android:id=\"@+id\/txtHour\"\r\n android:layout_width=\"fill_parent\"\r\n android:layout_height=\"wrap_content\"\r\n android:layout_weight=\"3\"\r\n android:gravity=\"center\"\r\n android:textAppearance=\"?android:attr\/textAppearanceLarge\"\r\n android:textColor=\"#4a0000\"\r\n android:textSize=\"35sp\"\r\n android:textStyle=\"bold\" \/>\r\n\r\n <TextView\r\n android:id=\"@+id\/txt_Hour\"\r\n android:layout_width=\"fill_parent\"\r\n android:layout_height=\"wrap_content\"\r\n android:layout_weight=\"1\"\r\n android:gravity=\"center_horizontal\"\r\n android:text=\"@string\/hours\"\r\n android:textAppearance=\"?android:attr\/textAppearanceSmall\"\r\n android:textColor=\"#fff\"\r\n android:textStyle=\"bold\" \/>\r\n <\/LinearLayout>\r\n\r\n <LinearLayout\r\n android:id=\"@+id\/LinearLayout3\"\r\n android:layout_width=\"wrap_content\"\r\n android:layout_height=\"wrap_content\"\r\n android:layout_weight=\"1\"\r\n android:background=\"@drawable\/counter\"\r\n android:gravity=\"center\"\r\n android:orientation=\"vertical\" >\r\n\r\n <TextView\r\n android:id=\"@+id\/txtMinute\"\r\n android:layout_width=\"fill_parent\"\r\n android:layout_height=\"wrap_content\"\r\n android:layout_weight=\"3\"\r\n android:gravity=\"center\"\r\n android:textAppearance=\"?android:attr\/textAppearanceLarge\"\r\n android:textColor=\"#4a0000\"\r\n android:textSize=\"35sp\"\r\n android:textStyle=\"bold\" \/>\r\n\r\n <TextView\r\n android:id=\"@+id\/txt_Minute\"\r\n android:layout_width=\"fill_parent\"\r\n android:layout_height=\"wrap_content\"\r\n android:layout_weight=\"1\"\r\n android:gravity=\"center_horizontal\"\r\n android:text=\"@string\/minutes\"\r\n android:textAppearance=\"?android:attr\/textAppearanceSmall\"\r\n android:textColor=\"#fff\"\r\n android:textStyle=\"bold\" \/>\r\n <\/LinearLayout>\r\n\r\n <LinearLayout\r\n android:id=\"@+id\/LinearLayout4\"\r\n android:layout_width=\"wrap_content\"\r\n android:layout_height=\"wrap_content\"\r\n android:layout_weight=\"1\"\r\n android:background=\"@drawable\/counter\"\r\n android:gravity=\"center\"\r\n android:orientation=\"vertical\" >\r\n\r\n <TextView\r\n android:id=\"@+id\/txtSecond\"\r\n android:layout_width=\"fill_parent\"\r\n android:layout_height=\"wrap_content\"\r\n android:layout_weight=\"3\"\r\n android:gravity=\"center\"\r\n android:textAppearance=\"?android:attr\/textAppearanceLarge\"\r\n android:textColor=\"#4a0000\"\r\n android:textSize=\"35sp\"\r\n android:textStyle=\"bold\" \/>\r\n\r\n <TextView\r\n android:id=\"@+id\/txt_Second\"\r\n android:layout_width=\"fill_parent\"\r\n android:layout_height=\"wrap_content\"\r\n android:layout_weight=\"1\"\r\n android:gravity=\"center_horizontal\"\r\n android:text=\"@string\/seconds\"\r\n android:textAppearance=\"?android:attr\/textAppearanceSmall\"\r\n android:textColor=\"#fff\"\r\n android:textStyle=\"bold\" \/>\r\n <\/LinearLayout>\r\n <\/LinearLayout>\r\n <\/RelativeLayout>\r\n\r\n <TextView\r\n android:layout_width=\"wrap_content\"\r\n android:layout_height=\"wrap_content\"\r\n android:text=\"@string\/countleft\"\r\n android:layout_below=\"@+id\/relativeLayout\"\r\n android:layout_centerHorizontal=\"true\"\r\n android:id=\"@+id\/textViewheader2\"\r\n android:textSize=\"35sp\"\r\n android:textStyle=\"bold|italic\"\r\n android:textColor=\"@android:color\/background_dark\" \/>\r\n \r\n<\/RelativeLayout>\r\n<\/pre>\n
![\"CountDown](\"\/createandroidapp\/wp-content\/uploads\/2017\/02\/CountDown-App-UI-In-Android-Studio.png\")
<\/p>\n
\nIn this app we use System date and the upcoming event date in our case it’s \u00a030-may-2019(World Cup 2k19). Nextly we will subtract the both \u00a0dates and get the time in milliseconds further we have some arithmetic operations over it to get the left time till the event arrival.<\/p>\npackage com.example.countdown;\r\n\r\nimport android.support.v7.app.AppCompatActivity;\r\nimport android.os.Bundle;\r\nimport java.text.SimpleDateFormat;\r\nimport java.util.Date;\r\nimport android.os.Handler;\r\nimport android.view.View;\r\nimport android.widget.TextView;\r\n\r\npublic class MainActivity extends AppCompatActivity {\r\n\r\n private TextView txtDay, txtHour, txtMinute, txtSecond;\r\n private TextView tvEventStart;\r\n private Handler handler;\r\n private Runnable runnable;\r\n\r\n @Override\r\n protected void onCreate(Bundle savedInstanceState) {\r\n super.onCreate(savedInstanceState);\r\n setContentView(R.layout.activity_main);\r\n\r\n txtDay = (TextView) findViewById(R.id.txtDay);\r\n txtHour = (TextView) findViewById(R.id.txtHour);\r\n txtMinute = (TextView) findViewById(R.id.txtMinute);\r\n txtSecond = (TextView) findViewById(R.id.txtSecond);\r\n tvEventStart = (TextView) findViewById(R.id.tveventStart);\r\n\r\n countDownStart();\r\n }\r\n\r\n public void countDownStart() {\r\n handler = new Handler();\r\n runnable = new Runnable() {\r\n @Override\r\n public void run() {\r\n handler.postDelayed(this, 1000);\r\n try {\r\n SimpleDateFormat dateFormat = new SimpleDateFormat(\r\n \"yyyy-MM-dd\");\r\n \/\/ Please here set your event date\/\/YYYY-MM-DD\r\n Date futureDate = dateFormat.parse(\"2019-5-30\");\r\n Date currentDate = new Date();\r\n if (!currentDate.after(futureDate)) {\r\n long diff = futureDate.getTime()\r\n - currentDate.getTime();\r\n long days = diff \/ (24 * 60 * 60 * 1000);\r\n diff -= days * (24 * 60 * 60 * 1000);\r\n long hours = diff \/ (60 * 60 * 1000);\r\n diff -= hours * (60 * 60 * 1000);\r\n long minutes = diff \/ (60 * 1000);\r\n diff -= minutes * (60 * 1000);\r\n long seconds = diff \/ 1000;\r\n txtDay.setText(\"\" + String.format(\"%02d\", days));\r\n txtHour.setText(\"\" + String.format(\"%02d\", hours));\r\n txtMinute.setText(\"\"\r\n + String.format(\"%02d\", minutes));\r\n txtSecond.setText(\"\"\r\n + String.format(\"%02d\", seconds));\r\n } else {\r\n tvEventStart.setVisibility(View.VISIBLE);\r\n tvEventStart.setText(\"The event started!\");\r\n textViewGone();\r\n }\r\n } catch (Exception e) {\r\n e.printStackTrace();\r\n }\r\n }\r\n };\r\n handler.postDelayed(runnable, 1 * 1000);\r\n }\r\n\r\n public void textViewGone() {\r\n findViewById(R.id.LinearLayout1).setVisibility(View.GONE);\r\n findViewById(R.id.LinearLayout2).setVisibility(View.GONE);\r\n findViewById(R.id.LinearLayout3).setVisibility(View.GONE);\r\n findViewById(R.id.LinearLayout4).setVisibility(View.GONE);\r\n findViewById(R.id.textViewheader1).setVisibility(View.GONE);\r\n findViewById(R.id.textViewheader2).setVisibility(View.GONE);\r\n }\r\n}\r\n<\/pre>\n
\nNow run the App and you will see\u00a0the CountDown App. Add any upcoming event in the app and use its functionality.<\/p>\n","protected":false},"excerpt":{"rendered":"