Cloud-Lösungen der Zukunft - Testen!
Revolutionäre Cloud-Technologie, ganz ohne versteckte Kosten. Profitieren Sie von unserer Testphase und entdecken Sie umfassende Funktionen. Der Anmeldeprozess ist transparent und unkompliziert. Starten Sie jetzt Ihre Reise in die Cloud - Kostenfrei!
Entwickeln Sie Ihre eigene Android-Action-Bar: Ein Schritt-für-Schritt-Tutorial
Erlebe die Freiheit der Gestaltung mit unserem Tutorial zur Android Custom Action Bar!
Lerne, wie Sie Ihre eigene Action Bar mit individuellem Layout erstellen und Ihrer App einen persönlichen Touch verleihen können. Schritt für Schritt erklärt – perfekt für Entwickler aller Erfahrungsstufen.
Android Custom Action Bar konfigurieren
Um eine ActionBar anzupassen, müssen wir zunächst das Theme in der Datei res/values/styles.xml
konfigurieren und das Theme für die jeweilige Aktivitätsklasse in der AndroidManifest.xml
festlegen. Hier ist das XML-Layout dafür:
<resources>
<style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
<!-- Ihr Theme anpassen -->
</style>
<style name="CustomTheme" parent="Theme.AppCompat.Light">
<item name="contentInsetStart">0dp</item>
<item name="contentInsetEnd">0dp</item>
</style>
</resources>
Wenn wir das AppTheme-Stil für unsere Aktivität verwenden, wird eine Nullzeiger-Ausnahme ausgelöst, da es explizit das NoActionBar-Theme angibt. Daher verwenden wir den CustomTheme-Stil in diesem Projekt. Die contentInsetStart- und contentInsetEnd-Werte sind die Padding-Werte. Beachten Sie, dass wir AppCompatActivity verwenden, da es maximale Kompatibilität mit Android-Versionen vor 3.0 bietet.
Benutzerdefiniertes Action Bar Layout
Nachfolgend finden Sie das Ansichts-Layout, das der ActionBar von unserer MainActivity zugewiesen wird:
<?xml version="1.0" encoding="utf-8"?>
<TableLayout xmlns:android="https://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal">
<TableRow>
<!-- Hier kommen Ihre ImageButtons und TextView -->
</TableRow>
</TableLayout>
Das Ansichts-Layout besteht aus zwei ImageButtons, die vorwärts und rückwärts darstellen, und einem TextView in der Mitte.
Projektstruktur für die benutzerdefinierte Action Bar
Das activity_main.xml
ist ein leeres RelativeLayout, da unser Schwerpunkt hier auf der ActionBar liegt. Der MainActivity.java
sieht wie folgt aus:
// Ihr Java-Code hier
In diesem Code verwenden wir Support-Bibliotheken. Daher haben wir getSupportActionBar()
anstelle von getActionBar()
verwendet. Um ein benutzerdefiniertes Layout zur ActionBar hinzuzufügen, haben wir die folgenden beiden Methoden auf getSupportActionBar()
aufgerufen:
getSupportActionBar().setDisplayOptions(ActionBar.DISPLAY_SHOW_CUSTOM);
getSupportActionBar().setDisplayShowCustomEnabled(true);
Mit setCustomView()
wird die ActionBar mit einer benutzerdefinierten Ansicht aufgeblasen. Um die onClickListeners
für die ActionBar-Buttons festzulegen, müssen wir zuerst die CustomView mit getCustomView()
abrufen. In diesem Tutorial haben wir das Rückwärtsschaltfläche programmiert, um die Aktivität zu schließen, und die Vorwärtsschaltfläche, um einen Toast anzuzeigen.
Fügen Sie die folgende Zeile in die AndroidManifest.xml
innerhalb des application
-Tags hinzu:
android:theme="@style/CustomTheme"
Das war’s für heute! Wir hoffen, dieses Tutorial hat Ihnen geholfen, eine benutzerdefinierte Action Bar für Ihre Android-App zu erstellen. Bei Fragen hinterlassen Sie bitte einen Kommentar. Bis zum nächsten Mal!
Kostenlosen Account erstellen
Registrieren Sie sich jetzt und erhalten Sie exklusiven Zugang zu weiterführenden Ressourcen, individuellem Support und einer Community von Experten.
Aktuelle Beiträge
ActionBar anpassenactivity_main.xmlAndroidAndroid Custom Action BarAndroid-VersionenAndroidManifest.xmlAnsichts-LayoutApp persönlicher TouchAppCompatActivityAppThemebenutzerdefiniertes Action Bar LayoutCustomThemeEntwickeln Sie Ihre eigene Android-Action-BarEntwicklergetSupportActionBarImageButtonsindividuelles LayoutMainActivityMainActivity.javamaximale KompatibilitätonClickListenersPadding-WerteProjektstrukturRückwärtsschaltflächeSchritt-für-Schritt-TutorialsetCustomViewSupport-BibliothekenTextViewTheme konfigurierenToast anzeigenVorwärtsschaltflächeXML-Layout
Testen Sie jetzt unsere Cloud-Lösung!
Erleben Sie die Vorteile unserer Cloud-Dienste und optimieren Sie Ihre Android-Entwicklung mit maßgeschneiderten Tools und Ressourcen. Melden Sie sich noch heute für eine kostenlose Testversion an und bringen Sie Ihre Projekte auf das nächste Level!