CODEWITHSUNDEEP
xamarinxamarin.forms
SteAp
SteAp

Reputation: 11999

Instructing Forms to use other coloring for Android Theme.Holo.Light

Since I don't like the dark theme of Xamarin's Android-target, I switched to holo light using this in Manifest.xml:

While Button and Label appear correctly colored, menus created like so do not:

var navMenu = new TableView {
    Intent = TableIntent.Menu,
    Root = new TableRoot {

The menu TableView appears with white text on light grey background. Very hard to read.

May I instruct Xamarin.Forms to switch colors consistently?

Upvotes: 0

Views: 5438

Answers (1)

Chad Bonthuys
Chad Bonthuys

Reputation: 2039

To implement Android Specific Platform styling in Xamarin Forms I did the below in my project:

  1. Created the UI color design I wanted using http://jgilfelt.github.io/android-actionbarstylegenerator/
  2. Downloaded the zip file and copied the resources to your Platform Specific Android Directory in the Relevant Drawable folders.
  3. Renamed the styles_example.xml to Styles.xml in the values folder. Changed the Name to the name of the theme I desired and the android holo theme base parent I wanted to use in my case holo.light, an example of my Styles.xml can be seen below.
  4. Reference the style from My android activity and voila.

Style.xml:

 <resources>
  <style name="Theme.Splash"
    parent="android:Theme">
    <item name="android:windowBackground"> 
    </item>
    <item name="android:windowNoTitle">true</item>
    <item name="android:windowIsTranslucent">false</item>
    <item name="android:windowIsFloating">false</item>
    <item name="android:backgroundDimEnabled">true</item>
  </style>

    <style name="Theme.Main" parent="@android:style/Theme.Holo.Light">
        <item name="android:actionBarItemBackground">@drawable/selectable_background_example</item>
        <item name="android:popupMenuStyle">@style/PopupMenu.Example</item>
        <item name="android:dropDownListViewStyle">@style/DropDownListView.Example</item>
        <item name="android:actionBarTabStyle">@style/ActionBarTabStyle.Example</item>
        <item name="android:actionDropDownStyle">@style/DropDownNav.Example</item>
        <item name="android:actionBarStyle">@style/ActionBar.Solid.Example</item>
        <item name="android:actionModeBackground">@drawable/cab_background_top_example</item>
        <item name="android:actionModeSplitBackground">@drawable/cab_background_bottom_example</item>
        <item name="android:actionModeCloseButtonStyle">@style/ActionButton.CloseMode.Example</item>
    </style>

    <style name="ActionBar.Solid.Example" parent="@android:style/Widget.Holo.Light.ActionBar.Solid">
        <item name="android:background">@drawable/ab_solid_example</item>
        <item name="android:backgroundStacked">@drawable/ab_stacked_solid_example</item>
        <item name="android:backgroundSplit">@drawable/ab_bottom_solid_example</item>
        <item name="android:progressBarStyle">@style/ProgressBar.Example</item>
    </style>

    <style name="ActionBar.Transparent.Example" parent="@android:style/Widget.Holo.Light.ActionBar">
        <item name="android:background">@drawable/ab_transparent_example</item>
        <item name="android:progressBarStyle">@style/ProgressBar.Example</item>
    </style>

    <style name="PopupMenu.Example" parent="@android:style/Widget.Holo.Light.ListPopupWindow">
        <item name="android:popupBackground">@drawable/menu_dropdown_panel_example</item>   
    </style>

    <style name="DropDownListView.Example" parent="@android:style/Widget.Holo.Light.ListView.DropDown">
        <item name="android:listSelector">@drawable/selectable_background_example</item>
    </style>

    <style name="ActionBarTabStyle.Example" parent="@android:style/Widget.Holo.Light.ActionBar.TabView">
        <item name="android:background">@drawable/tab_indicator_ab_example</item>
    </style>

    <style name="DropDownNav.Example" parent="@android:style/Widget.Holo.Light.Spinner">
        <item name="android:background">@drawable/spinner_background_ab_example</item>
        <item name="android:popupBackground">@drawable/menu_dropdown_panel_example</item>
        <item name="android:dropDownSelector">@drawable/selectable_background_example</item>
    </style>

    <style name="ProgressBar.Example" parent="@android:style/Widget.Holo.Light.ProgressBar.Horizontal">
        <item name="android:progressDrawable">@drawable/progress_horizontal_example</item>
    </style>

    <style name="ActionButton.CloseMode.Example" parent="@android:style/Widget.Holo.Light.ActionButton.CloseMode">
        <item name="android:background">@drawable/btn_cab_done_example</item>
    </style>

  <!-- this style is only referenced in a Light.DarkActionBar based theme -->
    <style name="Theme.Example.Widget" parent="@android:style/Theme.Holo">
    </style>

</resources>

Activity Code:

namespace Test.Droid
{
    [Activity(Label = "Test", ConfigurationChanges = ConfigChanges.Orientation | ConfigChanges.ScreenSize,Theme = "@style/Theme.Main")]

    public class MainActivity : AndroidActivity
    {
    }

Upvotes: 13

Related Questions