Блог

У меня есть формы Xamarin TabbedPage , которые содержат a NavigationPage , и я устанавливаю a ToolbarItem с двумя белыми значками. По какой-то причине они кажутся черными, когда мои значки белые:

Вот мой код Xaml:

 <TabbedPage xmlns="http://xamarin.com/schemas/2014/forms"
            xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
            xmlns:views="clr-namespace:Pick.Views"
            x:Class="Pick.Views.MainView"
            xmlns:utility="clr-namespace:Pick.Utility"
            utility:ViewModelLocator.AutoWireViewModel="False">
       
        <NavigationPage Title="{Binding Strings[Menu_MyPools]}">
            <x:Arguments>
                <views:PoolsView BindingContext="{Binding PoolsViewModel}"/>
            </x:Arguments>
            <NavigationPage.ToolbarItems>
            <ToolbarItem Command="{Binding CreatePoolCommand}" Order="Primary" IconImageSource="ic_add_white_36dp.png">
            </ToolbarItem>
            <ToolbarItem Command="{Binding JoinPoolCommand}" Order="Primary" IconImageSource="ic_login_white_36dp.png">
            </ToolbarItem>                
            </NavigationPage.ToolbarItems>
        </NavigationPage>
 

Я попытался установить привязку приложений и изменить Styles.xml но, похоже, ничего не работает:

     <ToolbarItem Command="{Binding CreatePoolCommand}" Order="Primary">
        <ToolbarItem.IconImageSource>
            <OnPlatform x:TypeArguments="ImageSource">
                <On Platform="Android" Value="{AppThemeBinding Light=ic_add_white_36dp,Dark=ic_add_white_36dp}"/>
                <On Platform="iOS" Value="{AppThemeBinding Light=ic_add_white_36pt,Dark=ic_add_white_36dp}"/>
            </OnPlatform>
        </ToolbarItem.IconImageSource>
    </ToolbarItem>
 

Есть какие-нибудь идеи?

Вот мой styles.xml:

 <resources>

  <style name="MainTheme" parent="MainTheme.Base">
  </style>
  <!-- Base theme applied no matter what API -->
  <style name="MainTheme.Base" parent="Theme.AppCompat.Light.DarkActionBar">
    <!--If you are using revision 22.1 please use just windowNoTitle. Without android:-->
    <item name="windowNoTitle">true</item>
    <!--We will be using the toolbar so no need to show ActionBar-->
    <item name="windowActionBar">false</item>
    <!-- Set theme colors from http://www.google.com/design/spec/style/color.html#color-color-palette -->
    <!-- colorPrimary is used for the default action bar background -->
    <item name="colorPrimary">#188223</item>
    <!-- colorPrimaryDark is used for the status bar -->
    <item name="colorPrimaryDark">#1976D2</item>
    <!-- colorAccent is used as the default value for colorControlActivated
         which is used to tint widgets -->
    <item name="colorAccent">#FF4081</item>
    <!-- You can also set colorControlNormal, colorControlActivated
         colorControlHighlight and colorSwitchThumbNormal. -->
    <item name="windowActionModeOverlay">true</item>

    <item name="android:datePickerDialogTheme">@style/AppCompatDialogStyle</item>
  </style>

  <style name="AppCompatDialogStyle" parent="Theme.AppCompat.Light.Dialog">
    <item name="colorAccent">#FF4081</item>
  </style>
</resources>
 

Панель вкладок.axml:

 <?xml version="1.0" encoding="utf-8"?>
<android.support.design.widget.TabLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:id="@ id/sliding_tabs"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="?attr/colorPrimary"
    android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"
    app:tabIndicatorColor="@android:color/white"
    app:tabGravity="fill"
    app:tabMode="fixed" />
 

Панель инструментов.axml:

 <android.support.v7.widget.Toolbar
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@ id/toolbar"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="?attr/colorPrimary"
    android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"
    android:popupTheme="@style/ThemeOverlay.AppCompat.Light" />
 

Я только что выяснил свою проблему. Оказывается, у меня были XML-файлы, соответствующие моим изображениям, внутри которых было векторное определение. Не уверен, что они были автоматически созданы одним из моих значков material design ПРОТИВ расширения. Как только я удаляю, я вижу свои значки в правильном цвете.