Die Anleitung zu Android TimePicker

Android TimePicker
Das Beispiel von TimePicker

1. Android TimePicker

Android TimePicker ist eine Komponente, mit der die Benutzer eine Zeit einschließlich Stunde und Minute auswählen können.

TimePicker verfügt über zwei Modi mit unterschiedlicher Interface:

Clock
Spinner

Clock Mode

Clock mode ist der Standardmodus des TimePicker, in dem der Benutzer die Uhrzeit visuell auswählen kann, genau wie man die Uhrzeit auf einer Uhr einstellt. Außerdem können Sie mit der Tastatur die Werte für Stunde und Minute ändern.

TimePicker (Clock Mode)

<TimePicker
    android:id="@+id/timePicker"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:timePickerMode="clock" />

TimePicker timePicker = (TimePicker) this.findViewById(R.id.timePicker);
timePicker.setIs24HourView(true); // 24H Mode.

Spinner Mode

Im Spinner-Modus (Spinner mode) besteht ein TimePicker aus 2 oder 3 Spinner. Mit diesen Spinner kann der Benutzer jeweils die Stunde, die Minute und entweder AM oder PM auswählen.

TimePicker im Spinner & AM_PM besteht aus 3 Spinner, bei denen der Benutzer die Stunde im ersten Spinner mit Werten zwischen 1 und 12 auswählt. Wählen Sie dann die Minuten im zweiten Spinner mit den Werten von 0 bis 59 und wählen Sie AM/PM im dritten spinner.

TimePicker (Spinner Mode)

<TimePicker
    android:id="@+id/timePicker"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:timePickerMode="spinner" />

TimePicker im Spinner & 24H fasst nur 2 Spinner um. Der Benutzer wählt die Stunde im ersten Spinner mit Werten von 0 bis und die Minute im zweite Spinner mit Werten von 0 bis 59.

TimePicker timePicker = (TimePicker) this.findViewById(R.id.timePicker);
timePicker.setIs24HourView(true); // 24H Mode.

2. Das Beispiel von TimePicker

Beispiel-Vorschau:

Im Android Studio erstellen Sie ein neues Projekt:

File > New > New Project > Empty Activity
- Name: TimePickerExample
- Package name: org.o7planning.timepickerexample
- Language: Java

Die Interface der Anwendung sieht aus:

activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout
    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"
    tools:context=".MainActivity">

    <TimePicker
        android:id="@+id/timePicker"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="8dp"
        android:timePickerMode="clock"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

    <TextView
        android:id="@+id/textView_time"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="16dp"
        android:text="HH:mm"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/timePicker" />

</androidx.constraintlayout.widget.ConstraintLayout>

MainActivity.java

package org.o7planning.timepickerexample;

import androidx.appcompat.app.AppCompatActivity;

import android.os.Bundle;
import android.widget.TextView;
import android.widget.TimePicker;

public class MainActivity extends AppCompatActivity {

    private TimePicker timePicker;
    private TextView textViewTime;

    // Change this value and run the application again.
    private boolean is24HView = true;

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

        this.textViewTime = (TextView) this.findViewById(R.id.textView_time);
        this.timePicker = (TimePicker) this.findViewById(R.id.timePicker);
        this.timePicker.setIs24HourView(this.is24HView);

        this.timePicker.setOnTimeChangedListener(new TimePicker.OnTimeChangedListener() {
            @Override
            public void onTimeChanged(TimePicker view, int hourOfDay, int minute) {
                textViewTime.setText(hourOfDay + ":" + minute);
            }
        });
    }

}

Anleitungen Android

Anleitungen Flutter

Die Anleitung zu Android TimePicker

1. Android TimePicker

2. Das Beispiel von TimePicker

Anleitungen Android

Anleitungen Android

Neueste Artikel