TimePicker Dailog

এই পর্বে আমরা শিখবো কিভাবে ইন্সট্যন্স তারিখ, বার , সময় দেখাতে পারি এবং ঘড়ির টাইম নিয়ে কাজ করতে পারি । তো চলুন শুরু করা যাক -

শুরুতে আমরা ডিজাইন করবো । ডিজাইন টা এমন হবে যে, একটি বাটন থাকবে , সে বাটনে ক্লিক করলে ঘড়ি দেখাবে , সেখান থেকে টাইম সেট করে নিলে সেটা একটি টেক্সভিউ তে দেখাবে । এবং আরেকটি টেক্সভিউতে ইন্সট্যন্স তারিখ, বার ,সময় দেখাবে ।

এখানে ডিজাইন এর কোড আমি আলোচনা করবো নাহ । কারন নতুন করে কোন ট্যাগ ইউজ করা হয় নাই , যদি আপনি পূর্বের ব্লগগুলো পড়ে আসেন তাহলে নিজেই বুঝতে পারবেন 😊

activity_main.xml  -

 <?xml version="1.0" encoding="utf-8"?>  
 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
   xmlns:app="http://schemas.android.com/apk/res-auto"  
   xmlns:tools="http://schemas.android.com/tools"  
   android:layout_width="match_parent"  
   android:layout_height="match_parent"  
   android:orientation="vertical"  
   tools:context="com.example.user.timepicker.MainActivity">  
   <Button  
     android:id="@+id/showTime"  
     android:layout_width="match_parent"  
     android:layout_height="wrap_content"  
     android:text="Show Time"  
     android:textSize="25sp"/>  
   <TextView  
     android:id="@+id/Timer"  
     android:layout_width="match_parent"  
     android:layout_height="wrap_content"  
     android:textSize="30sp"  
     android:gravity="center"  
     android:textColor="@color/colorPrimary"/>  
   <TextView  
     android:id="@+id/writeTime"  
     android:layout_width="match_parent"  
     android:layout_height="match_parent"  
     android:gravity="center"  
     android:textSize="30sp"  
     android:textStyle="bold"/>  
 </LinearLayout>  

আমরা ইচ্ছা করলে ডায়রেক্ট TimePicker ব্যাবহার করতে পারতাম,ইউজারকে ঘড়ি দেখানোর জন্য । কিন্তু কোন অ্যাপের ভিতর এভাবে ঘড়ি দেখানো ভালো প্র্যাকটিস নাহ । তাই বাটন ক্লিক এর মাধ্যমে ঘড়ি দেখানোর কোড করা হইছে ।

MainActivity.java -

 public class MainActivity extends AppCompatActivity {  
   Button btn ;  
   TextView textView,timer;  
   Calendar calendar = Calendar.getInstance();  

আমরা বাটন এবং টেক্সভিউগুলোর ইন্সট্যন্স তৈরি করলাম । এরপর ডেট টাইম নিয়ে কাজ করতে গেলে যে ক্লাসটির সাহায্য নিতে হয় সেটি হল Calendar ক্লাস । সেটিরও ইন্সট্যন্স তৈরি করলাম ।

   @Override  
   protected void onCreate(Bundle savedInstanceState) {  
     super.onCreate(savedInstanceState);  
     setContentView(R.layout.activity_main);  
     textView = findViewById(R.id.writeTime);  
     timer= findViewById(R.id.Timer);  
     btn = findViewById(R.id.showTime);  

onCreate ম্যাথডের ভিতর ইন্সট্যন্স এর সাথে ভিউগুলোর আইডি যুক্ত করে দিলাম ।

তো প্রথমেই আমরা সাথে সাথে কিভাবে তারিখ, বার ,সময় পেতে পারি তা নিয়ে কাজ করবো ।

 timer.setText(getDateTime());  

timer এর ভিতর একটি getDateTime() ম্যাথড নিলাম যেটি onCreate ম্যাথডের বাইরে কোডিং করবো । এখানে ম্যাথডের নাম আপনি আপনার ইচ্ছামত দিতে পারেন । তো চলুন এই ম্যাথডের কোডিংটা করা যাক -

     private String getDateTime() {  
       SimpleDateFormat sdf = new SimpleDateFormat("EEE, MMM d, yyyy, HH:mm:ss");  
       return sdf.format(calendar.getTime());  
     }  

SimpleDateFormate এর ইন্সট্যন্স তৈরি করলাম যাতে আমরা কিভাবে তারিখ, বার ,সময় দেখবো সেই ফরমেট টা দিতে পারি । এরপর সেই ইন্সট্যন্স এর ফরমেট টা পাঠিয়ে দিলাম calendar থেকে টাইম নিয়ে ।

খুব সিম্পল কাজ । এতেই আমাদের উপরের টেক্সভিউতে টাইম, ডেট, ডে সেট হয়ে যাবে । আপনি যেভাবে ইচ্ছুক সেভাবে ফরমেট দিতে পারবেন । এখানে -
EEE- বার
MMM - মাস
d - দিন
yyyy - বছর
HH - ঘন্টা
mm - মাস
ss - সেকেন্ড

এবার আমরা TimePicker নিয়ে কাজ করবো -

     btn.setOnClickListener(new View.OnClickListener() {  
       @Override  
       public void onClick(View view) {  
         new TimePickerDialog(MainActivity.this,s,calendar.get(Calendar.HOUR_OF_DAY),calendar.get(Calendar.MINUTE),true).show();  
       }  
     });  

বাটনে ক্লিক করলে ঘড়ি দেখাবে তাই বাটনের onClickListener এর onClick ম্যাথডের ভিতর TimePickerDialog ক্লাসের সাহায্য নিলাম । এর ভিতরে যে ৫ টি কন্সট্র্যাক্টর এর ভ্যালু দিতে হবে তার ১ম টি আমরা কোন ক্লাসে দেখাবো সেটি , ২য় টি যে টাইম টা আমরা সেট করবো সেটি যেখানে রিসিভ করবো , ৩য় এবং ৪র্থ টি বর্তমানে যে টাইম আছে সেটি দেখানোর জন্য (টাইম আমরা Calendar ক্লাসের মাধ্যমে পাবো) , ৫ম টি হল ঘড়িটি ২৪ নাকি ১২ ঘন্টা আকারে দেখাবে সেটি ( false মানে ১২ ঘন্টা দেখাবে আর true মানে ২৪ ঘন্টা দেখাবে ), এরপর show() ম্যাথড দ্বারা ঘড়িটি ইউজারকে দেখালাম ।

এবার ঘড়ি থেকে টাইম  নিয়ে সেটি টেক্সভিউতে সেট করবো

   TimePickerDialog.OnTimeSetListener s = new TimePickerDialog.OnTimeSetListener() {  
     @Override  
     public void onTimeSet(TimePicker timePicker, int i, int i1) {  
       textView.setText(i+" : "+i1);  
     }  
   };  

টাইম রিসিভ করতে TimePickerDailog ক্লাসের OnTimeSetListener এর সাহায্য নিতে হবে । এর ভিতর বাই ডিফল্ট ম্যাথডের মাধ্যমে চলে আশা টাইম পরের টেক্সভিউ এর ইন্সট্যান্স এ সেট করে দিলাম ।

তাহলে আমাদের MainActivity.java তে ফুল যে কোড দাঁড়ালো -

 package com.example.user.timepicker;  
 import android.app.TimePickerDialog;  
 import android.support.v7.app.AppCompatActivity;  
 import android.os.Bundle;  
 import android.view.View;  
 import android.widget.Button;  
 import android.widget.TextView;  
 import android.widget.TimePicker;  
 import java.text.DateFormat;  
 import java.text.SimpleDateFormat;  
 import java.util.Calendar;  
 import java.util.Date;  
 public class MainActivity extends AppCompatActivity {  
   Button btn ;  
   TextView textView,timer;  
   Calendar calendar = Calendar.getInstance();  
   @Override  
   protected void onCreate(Bundle savedInstanceState) {  
     super.onCreate(savedInstanceState);  
     setContentView(R.layout.activity_main);  
     textView = findViewById(R.id.writeTime);  
     timer= findViewById(R.id.Timer);  
     btn = findViewById(R.id.showTime);  
     timer.setText(getDateTime());  
     btn.setOnClickListener(new View.OnClickListener() {  
       @Override  
       public void onClick(View view) {  
         new TimePickerDialog(MainActivity.this,s,calendar.get(Calendar.HOUR_OF_DAY),calendar.get(Calendar.MINUTE),true).show();  
       }  
     });  
   }  
     private String getDateTime() {  
       SimpleDateFormat sdf = new SimpleDateFormat("EEE, MMM d, yyyy, HH:mm:ss");  
       return sdf.format(calendar.getTime());  
     }  
   TimePickerDialog.OnTimeSetListener s = new TimePickerDialog.OnTimeSetListener() {  
     @Override  
     public void onTimeSet(TimePicker timePicker, int i, int i1) {  
       textView.setText(i+" : "+i1);  
     }  
   };  
 }  

এবার প্রোজেক্ট টি রান করুন । তাহলে যেভাবে কাজ করবে -

 ধন্যবাদ 😊😊😊