U3F1ZWV6ZTQxNTgwNTMwMTI5NzMyX0ZyZWUyNjIzMjU5MzkxMDExNA==

How to Create DatePickerDialog in Android Studio


 إنشاء Date Picker Dialog في Android

سنتعلم في هذا البرنامج التعليمي إنشاء Date Picker Dialog باستخدام لغة الجافا في Android الذي يتم استخدامه في تحديد التاريخ في هذه المقالة ، دعنا نتعلم كيفية تنفيذ مثل Date Picker Dialogفي تطبيق Android. سوف نستخدمه مع TextView فيما يلي لقد قمنا بعمل كود مميز يمكنكم استخدام في يمكنك استخدامه في تطبيقاتكم

رابط تحميل كود المشروع اسفل المقال

الخطوة 1 سوف ننشاء مربع حوار التاريخ نقوم الان في ملف تصميم النشاط activity_main.xml بأضافة TextView عند الضغط علية يتم ظهور مربع حوار التاريخ و TextView اخر لعرض التاريخ الذي تم تعيينة 

انسخ الكود التالي وقم بأضافتة في ملف activity_main.xml


  
    <LinearLayout
        android:layout_marginTop="20dp"
        android:layout_gravity="center"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:orientation="vertical">

        <TextView
            android:id="@+id/dthire_start_dtae"
            android:layout_width="match_parent"
            android:layout_height="40dp"
            android:padding="5dp"
            android:layout_marginLeft="20.0dp"
            android:layout_marginTop="3.0dp"
            android:layout_marginRight="20.0dp"
            android:gravity="center"
            android:hint="التاريخ"
            android:foreground="?android:attr/selectableItemBackground"
            android:background="@drawable/border_txt"
            android:textColor="#03274B"
            android:textSize="18sp"
            android:fontFamily="@font/coffe"
            android:drawableLeft="@drawable/ic_baseline_date_range_24" />


    </LinearLayout>

    <LinearLayout
        android:layout_gravity="center"
        android:gravity="center"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:orientation="vertical">


        <LinearLayout
            android:layout_gravity="center"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:orientation="vertical">


            <TextView
                android:id="@+id/txt_title"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:padding="5dp"
                android:layout_marginLeft="10.0dp"
                android:layout_marginTop="3.0dp"
                android:layout_marginRight="10.0dp"
                android:gravity="center"
                android:hint="التاريخ"
                android:textColor="#03274B"
                android:textSize="30sp"
                android:fontFamily="@font/coffe" />
        </LinearLayout>
    </LinearLayout>
    

الخطوة اخير نقوم الان ببرمجتة في ملف الجافا  

الصق الكود التالي في ملف الجافا MainActivity.java

import androidx.appcompat.app.AppCompatActivity;

import android.app.DatePickerDialog;
import android.os.Bundle;
import android.view.View;
import android.widget.DatePicker;
import android.widget.TextView;
import android.widget.Toast;
import java.text.SimpleDateFormat;
import java.util.Calendar;
import java.util.Locale;


public class MainActivity extends AppCompatActivity {


    final Calendar myCalendar = Calendar.getInstance(Locale.ENGLISH);
    TextView title_text;
    TextView dthire_start_dtae;


    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

    
        TextView textView = (TextView)findViewById(R.id.txt_title);
        this.title_text = textView ;
        this.dthire_start_dtae = (TextView)findViewById(R.id.dthire_start_dtae);
      
        final DatePickerDialog.OnDateSetListener date = new DatePickerDialog.OnDateSetListener() {
            public void onDateSet(DatePicker param1DatePicker, int param1Int1, int param1Int2, int param1Int3) {
                MainActivity.this.myCalendar.set(1, param1Int1);
                MainActivity.this.myCalendar.set(2, param1Int2);
                MainActivity.this.myCalendar.set(5, param1Int3);

                SimpleDateFormat simpleDateFormat = new SimpleDateFormat("yyyy-MM-dd", Locale.ENGLISH);
                title_text.setText(simpleDateFormat.format(myCalendar.getTime()));
                dthire_start_dtae.setText(simpleDateFormat.format(myCalendar.getTime()));
            }
        };


        this.dthire_start_dtae.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {

                (new DatePickerDialog( MainActivity.this, R.style.SpinnerDatePickerDialog, date,myCalendar.get(1),myCalendar.get(2),myCalendar.get(5))).show();

            }
        });


    }

}






قم بتنزيل كود المصدر Date Picker Dialog مجانًا: انقر هـــــــــــــــنــــــا للتحميل



لا تنسوا متابعتنا على موقعنا و الاشتراك في قناتنا على اليوتيوب و مواقع التواصل الاجتماعي
والسلام عليكم ورحمة الله



شكرا لكم علي زيارة موقعنا " علوش لتقنية المعلومات " 
تعليقات
ليست هناك تعليقات
إرسال تعليق

إرسال تعليق

الاسمبريد إلكترونيرسالة