AppCompat Actionbar-styling

Ich bin derzeit versuchen zu verwenden AppCompat statt ActionbarSherlock. Auf Android 4+ - Geräte, die ich nicht in irgendwelche Probleme geraten, als die normale Actionbar und Holo-theme verwendet werden.

AppCompat Actionbar-styling

Auf niedrigeren Android-Versionen jedoch, dieses komische Aussehen passiert, wenn Thema.AppCompat.Licht.

AppCompat Actionbar-styling

Die Actionbar ist weiß und hat eine Blaue Linie unterhalb.

War ich in der Lage zu beheben, die durch die Nutzung der Android Action Bar Style Generator aus dem Android Asset Studio erzeugen Sie ein benutzerdefiniertes Design mit einem soliden Actionbar anstatt die transparente.

AppCompat Actionbar-styling

Vergleich zu der Actionbar bekam ich bei der Verwendung von ActionbarSherlock, es ist immer noch eine Art hässlich, obwohl.

AppCompat Actionbar-styling

Den AppCompat Actionbar hat diese sehr scharfe, schwarze Linie zwischen sich selbst und den Inhalt der Aktivität, während die Aktie von ICS Actionbar oder die von ActionbarSherlock haben einen weicheren übergang von der Actionbar auf das layout.

Wie kann ich den style der Actionbar-um wirklich zu schauen, wie das auf Android 4+?

InformationsquelleAutor Bertram Sherwood | 2013-10-19

  1. 16

    Müssen Sie erstellen Sie Ihren eigenen Stil mit dem Bild, das Sie möchten, legen Sie auf hintergrund. In Ihrem style.xml sollten Sie etwas ähnliches erstellen:

    values/styles.xml

        <style name="Theme.MyAppTheme" parent="@style/Theme.AppCompat.Light">
        <item name="actionBarStyle">@style/ActionBarTabStyle.MyAppTheme</item>
    </style>

    <style name="ActionBar.Solid.MyAppTheme" parent="@style/Widget.AppCompat.Light.ActionBar.Solid">
        <item name="background">@drawable/your_background_image</item>
    </style>

    values-v14/styles.xml

        <style name="Theme.MyAppTheme" parent="@style/Theme.AppCompat.Light">
        <item name="android:actionBarStyle">@style/ActionBarTabStyle.MyAppTheme</item>
    </style>

    <style name="ActionBar.Solid.MyAppTheme" parent="@style/Widget.AppCompat.Light.ActionBar.Solid">
        <item name="android:background">@drawable/your_background_image</item>
    </style>

    und Sie können diese 9-patch-Bild :

    AppCompat Actionbar-styling

    Vielen Dank, jetzt weiß ich, wo zu gehen.
    darüber hinaus überschreiben hintergrund mit benutzerdefinierten drawable unnötig ist. Überschreiben Sie actionBarStyle von Widgets.AppCompat.Licht.ActionBar.Solid ist genug.
    Sie können auch verwenden, displayOptions tag zu zentralisieren und die ActionBar-display-Optionen <Element name="displayOptions">showTitle|homeAsUp</item>

    InformationsquelleAutor hardartcore

  2. 3

    Ich diesen code verwenden:

    <resources>

<style name="AppTheme" parent="Theme.AppCompat.Light">
    <item name="actionBarStyle">@style/ActionBarTheme</item>
</style>

<style name="ActionBarTheme" parent="@style/Widget.AppCompat.Light.ActionBar.Solid">
    <item name="background">@color/red_action_bar</item>
</style>

</resources>

    Ich hoffe, dieser code ist eine große Hilfe.

    InformationsquelleAutor Cabezas

  3. 1

    Müssen Sie überschreiben das Thema der action-bar

    InformationsquelleAutor ishan jain

  4. 0

    Zeigen benutzerdefiniertes Symbol & Farbe im AppCompatActivity wir fügen diesen code:

    values/styles.xml

    <resources>

 <style name="Theme.MyAppTheme" parent="@style/Theme.AppCompat">
    <item name="actionBarStyle">@style/ActionBar.Solid.MyAppTheme</item>
    <item name="icon">@drawable/ic_launcher</item>
</style>

<style name="ActionBar.Solid.MyAppTheme" parent="@style/Widget.AppCompat.Light.ActionBar.Solid">
    <item name="background">@color/white</item>
</style>

    values-v14/styles.xml

    <resources>

<style name="Theme.MyAppTheme" parent="@style/Theme.AppCompat.Light">
    <item name="android:actionBarStyle">@style/ActionBar.Solid.MyAppTheme</item>
       <item name="icon">@drawable/ic_launcher</item>
</style>

<style name="ActionBar.Solid.MyAppTheme" parent="@style/Widget.AppCompat.Light.ActionBar.Solid">
    <item name="android:background">@color/app_titile_bar_color</item>
</style>

    Können Sie Ihre benutzerdefinierten hintergrund Bild als gut aus @drawable/your_pic.png

    Zeigen app-Symbol & Text, den Sie auch fügen Sie diese zu Ihrer Tätigkeit.

            //set action Bar icon & Text
    ActionBar mActionBar = getSupportActionBar();
    mActionBar.setDisplayOptions(ActionBar.DISPLAY_SHOW_TITLE
            | ActionBar.DISPLAY_SHOW_CUSTOM | ActionBar.DISPLAY_SHOW_HOME);

    InformationsquelleAutor Shihab Uddin

Schreibe einen Kommentar