Ladislav Margai
Ladislav Margai

Reputation: 1984

Xamarin Android - Actionbar icon padding

I have styled the action bar in my application, however it looks different on Android KitKat (right device) and Android Lollipop (left device), as you can see on the picture:

icon-paddings

I want to add some icon padding(left, right) to make it same as on Lollipop. Any ideas how to modify following XML files?

Resources/values/styles.xml

<?xml version="1.0" encoding="utf-8" ?>
<resources>
  <style name="MyCustomTheme" parent="android:Theme.Holo.Light">
    <item name="android:colorActivatedHighlight">@android:color/transparent</item>
    <item name="android:actionMenuTextColor">@android:color/white</item>
  </style>
</resources>

Resources/values-v21/styles.xml

<?xml version="1.0" encoding="utf-8" ?> 
<resources>
    <style name="MyCustomTheme" parent="android:Theme.Material.Light">
      <item name="android:colorActivatedHighlight">@android:color/transparent</item>
      <item name="android:actionMenuTextColor">@android:color/white</item>
      <item name="android:textColorPrimary">@android:color/white</item>
    </style>
</resources>

Upvotes: 3

Views: 2978

Answers (1)

Daniel Luberda
Daniel Luberda

Reputation: 7454

Resources/values/styles.xml

<?xml version="1.0" encoding="utf-8" ?>
<resources>
  <style name="MyCustomTheme" parent="android:Theme.Holo.Light">
    <item name="android:colorActivatedHighlight">@android:color/transparent</item>
    <item name="android:actionMenuTextColor">@android:color/white</item>
    <item name="android:actionBarStyle">@style/MyCustomActionBar</item>
  </style>

  <style name="MyCustomActionBar" parent="@android:style/Widget.Holo.Light.ActionBar">
        <item name="android:logo">@drawable/actionBarIcon</item>
  </style>
</resources>

Resources/drawable/actionBarIcon.xml

<?xml version="1.0" encoding="utf-8"?>
<layer-list
    xmlns:android="http://schemas.android.com/apk/res/android">
    <item
        android:drawable="@drawable/ic_launcher"
        android:right="10dp" android:left="10dp"/>
</layer-list>

Upvotes: 1

Related Questions