Android Studio 時間彈窗TimePickerDialog實例

功能

彈窗選擇時間後,時間填入文本框。

佈局

文本框顯示選擇的時間,按鈕點擊後彈出時間選擇框。

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    android:padding="4dp">
    <EditText
        android:id="@+id/editText"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:inputType="text"
        android:hint=""/>
    <Button
        android:id="@+id/buttonOk"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:text="選擇時間"/>
</LinearLayout>

代碼

點擊按鈕後,彈出時間選擇框,時間選定後,選中的時間以指定格式填入文本框。

public class MainActivity extends AppCompatActivity {
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        //獲取按鈕
        Button buttonOk = findViewById(R.id.buttonOk);
        //設置按鈕點擊監聽器
        buttonOk.setOnClickListener(new MyOnClickListener());
    }

    //定義按鈕點擊監聽器
    class MyOnClickListener implements View.OnClickListener {![在這裏插入圖片描述](https://img-blog.csdnimg.cn/20200408114448945.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dvc2hpc2FuZ3Nhbmc=,size_16,color_FFFFFF,t_70#pic_center)
        //按鈕點擊
        @Override
        public void onClick(View view) {
            if (view.getId() == R.id.buttonOk) {//被點擊的是確認按鈕
                //彈窗
                TimePickerDialog timePickerDialog = new TimePickerDialog(MainActivity.this,
                        new TimePickerDialog.OnTimeSetListener() {
                            @Override
                            public void onTimeSet(TimePicker view, int hourOfDay, int minute) {
                                String date = String.format("%d:%d", hourOfDay, minute);
                                EditText editText = findViewById(R.id.editText);
                                editText.setText(date);
                            }
                        }, 0, 0, true);
                timePickerDialog.show();
            }
        }
    }
}

效果

在這裏插入圖片描述
在這裏插入圖片描述
在這裏插入圖片描述

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章