Bedienfeld - dies ist ein wichtiger Teil der Benutzeroberfläche von mobilen Geräten. Sie ermöglicht den Zugriff auf grundlegende Gerätefunktionen wie Einstellungen, Benachrichtigungen und schnellen Zugriff auf verschiedene Anwendungen und Funktionen. Zu den beliebtesten mobilen Plattformen gehören Android und iOS, die von Google bzw. Apple entwickelt wurden. In diesem Artikel werden wir uns ansehen, wie Sie das Bedienfeld am unteren Rand des Bildschirms auf Android-Geräten implementieren, indem Sie sich vom iOS-Design inspirieren lassen.
Android hat ein eigenes Bedienfeld namens navigationsleiste. Es befindet sich normalerweise am unteren Rand des Bildschirms und enthält Schaltflächen, um zurück zu gehen, nach Hause zu gehen und die Liste der zuletzt verwendeten Apps zu öffnen. Es kann jedoch um zusätzliche Tasten und Funktionen erweitert werden. Um das Bedienfeld am unteren Rand des Bildschirms auf Android zu implementieren, können wir verschiedene Tools verwenden, wie zum Beispiel Layouts, Views, sowie Animations.
Um das Aussehen des iOS-Bedienfelds zu erhalten, können Sie Designelemente wie der Schatten und Transparenz. Dies kann erreicht werden, indem die Attributwerte angepasst werden elevation und background. Sie können auch Animationen verschiedener Aktionen wie Tastenanschläge hinzufügen. Mit der Android-API können Sie die Sichtbarkeit und Position des Bedienfelds einfach steuern, sodass es besser mit dem Bedienfeld von iOS übereinstimmt.
Das Bedienfeld am unteren Rand des Bildschirms ist ein wichtiges Designelement für die Benutzeroberfläche mobiler Geräte. Sie können es mit verschiedenen Tools wie Layouts, Ansichten und Animationen auf Android implementieren, die vom Design der iOS-Systemsteuerung inspiriert sind. Verwenden Sie Designelemente wie Schatten und Transparenz, um das gewünschte Aussehen zu erzielen. Mit der Android-API ist es einfach, die Sichtbarkeit und Position des Bedienfelds zu steuern, sodass es eine genauere Identifizierung des iOS-Bedienfelds darstellt.
Abschnitt 1: So erstellen Sie ein Bedienfeld am unteren Rand des Bildschirms auf Android
Das Bedienfeld am unteren Rand des Android-Bildschirms ist ein wichtiger Teil der Benutzeroberfläche, mit dem Sie schnell auf die grundlegenden Funktionen der App zugreifen können. In diesem Abschnitt betrachten wir verschiedene Möglichkeiten, ein solches Panel zu erstellen.
1. Verwenden des unteren Menüs (BottomNavigationView)
Eine der wichtigsten Methoden zum Erstellen einer Systemsteuerung am unteren Rand des Bildschirms in Android ist die Verwendung der unteren Menükomponente (BottomNavigationView). Mit dieser Komponente können Sie am unteren Bildschirmrand mehrere Registerkarten anzeigen, von denen jede ein Symbol und Text enthalten kann.
Um ein unteres Menü zu erstellen, müssen Sie dem XML-Markup eine Aktivitätsdatei mit der Komponente BottomNavigationView hinzufügen. Dann müssen Sie ein Symbol und Text im Markup für jedes Menüelement angeben. Im Aktivitätscode müssen Sie die Auswahl des Menüelements verarbeiten und die entsprechenden Aktionen ausführen.
2. Verwenden der Symbolleiste mit Steuerschaltflächen
Eine andere Möglichkeit, ein Bedienfeld am unteren Rand des Bildschirms auf Android zu erstellen, besteht darin, eine Symbolleiste mit Steuertasten zu verwenden. Dieser Ansatz basiert auf der Verwendung der Toolbar-Komponente aus der Support-Bibliothek. Mit der Toolbar können Sie Schaltflächen am oberen Bildschirmrand hinzufügen, sie können sie jedoch auch am unteren Bildschirmrand platzieren.
Um eine solche Leiste zu erstellen, müssen Sie die Aktivitätsdatei der Toolbar-Komponente zum XML-Markup hinzufügen und am unteren Rand des Bildschirms die Position angeben. Fügen Sie dann der Symbolleiste Steuerschaltflächen hinzu und verarbeiten Sie deren Klicks im Aktivitätscode.
Dies sind nur zwei Möglichkeiten, ein Bedienfeld am unteren Rand des Bildschirms auf Android zu erstellen. Sie können die für Ihre Anwendung geeignete auswählen, abhängig von ihren Besonderheiten und den Bedürfnissen der Benutzer.
Schritt 1: Passen Sie das Layout an
Bevor Sie das Bedienfeld am unteren Rand des Bildschirms auf Android erstellen, müssen Sie das Layout der Benutzeroberfläche anpassen.
Sie können dazu eine Layout-XML-Datei verwenden. In dieser Datei können Sie die erforderlichen Elemente der Benutzeroberfläche definieren, z. B. Schaltflächen, Textfelder und andere Widgets.
Es wird empfohlen, ein ConstraintLayout zu verwenden, mit dem Benutzeroberflächenelemente flexibel auf dem Bildschirm positioniert werden können. Mit diesem Layout können Sie das Bedienfeld am unteren Rand des Bildschirms festlegen.
Ein Beispiel für XML-Markup für die Systemsteuerung am unteren Rand des Bildschirms könnte folgendermaßen aussehen:
In diesem Beispiel wird ein LinearLayout verwendet, das die Elemente in vertikaler Reihenfolge anzeigt. Die button1- und button2-Schaltflächen befinden sich in einem LinearLayout, das die Höhe von wrap_content und die Breite von match_parent aufweist. Es ist auch wichtig, das Attribut android:layout_alignParentBottom="true" anzugeben, damit sich die Systemsteuerung am unteren Rand des Bildschirms befindet.
Nachdem Sie das Layout konfiguriert haben, können Sie mit dem nächsten Schritt fortfahren, indem Sie Code für die Funktionalität der Systemsteuerung hinzufügen.
Schritt 2: Erstellen Sie Steuertasten
Nachdem Sie das Bedienfeld am unteren Rand des Bildschirms erstellt haben, müssen Sie Schaltflächen hinzufügen, um Ihre Anwendung zu steuern. Um Schaltflächen hinzuzufügen, können Sie die Button-Steuerelemente im Markup Ihrer Android-App verwenden.
Um beispielsweise eine Steuerschaltfläche zu erstellen, können Sie dem Markup Ihrer XML-Datei den folgenden Code hinzufügen:
Im obigen Code hat jede Schaltfläche eine eindeutige ID (android:id), die Breite und Höhe der Schaltfläche werden als wrap_content festgelegt, und der Text der Schaltfläche wird als Schaltfläche 1, Schaltfläche 2 und Schaltfläche 3 festgelegt. Sie können diese Werte an Ihre Bedürfnisse anpassen.
Nachdem Sie Schaltflächen zu Ihrem Markup hinzugefügt haben, können Sie im Code Ihrer Aktivität auf sie zugreifen und ihr Verhalten beim Klicken bestimmen. Zum Beispiel können Sie der onCreate-Methode Ihrer Aktivität den folgenden Code hinzufügen:
Button button1 = findViewById(R.id.button1);button1.setOnClickListener(new View.OnClickListener() >);Button button2 = findViewById(R.id.button2);button2.setOnClickListener(new View.OnClickListener() >);Button button3 = findViewById(R.id.button3);button3.setOnClickListener(new View.OnClickListener() >);Im obigen Code erhalten wir jede Schaltfläche anhand ihrer ID (findViewById) und fügen einen Klick-Listener (setOnClickListener) hinzu, der die Aktion definiert, die beim Klicken auf jede Schaltfläche ausgeführt wird.
Jetzt, da Sie die Steuertasten haben, können Sie ihre Funktionalität definieren und ihr Aussehen an Ihre Bedürfnisse anpassen.
