XamarinFormsでTabbedPageのアイコンの設定ができない

Question

XamarinFormsにて、タブページのアプリの作成中です。
MainPage.xamlにて、TabbedPageの下にContentPageを複数定義し、
ContentPageのIconプロパティにResourceディレクトリ内のpngファイルを設定しているのですが、
デプロイしたところタブ上に設定しているアイコン画像が表示はされるのですが、単色べた塗でしか表示されません。
カラー画像を使用しているのに、どうしてなのでしょうか？

そもそもTabbedPAgeのタブのアイコンはカラーで表示されないのでしょうか？

よろしくお願いいたします。

Answer 1

Xamarin Native なら、次のようになりました。

    public partial class TabBarController : UITabBarController
    {
        public TabBarController (IntPtr handle) : base (handle)
        {
            TabBar.Items[0].Title = "Browse";
            TabBar.Items[1].Title = "About";

            var icon = UIImage.FromFile("tab_about.png");
            TabBar.Items[1].Image = icon;
            TabBar.Items[1].SelectedImage = icon.ImageWithRenderingMode(UIImageRenderingMode.AlwaysOriginal);
        }
    }

Answer 2

UITabBarItem - UIKit | Apple Developer Documentation

ここに次のような記述がありますので、単色になるのが既定値のようです。

By default, unselected and selected images are automatically created from the alpha values in the source images.

なお、続けて次のような記述もありますので、どうにかできそうな気もするのですが...

To prevent system coloring, provide images with alwaysOriginal.

Comments

[kamingout]

ありがとうございます。
Nativeだとできそうな感じですね！
XamarinFormsで実装したいのですが、コントロールのカスタムレンダラーのようにPageもxamarinFormsでカスタムできるのですかね。
もう少しいろいろ調べてみようと思います。