Цвет значка выбранной панели вкладок оболочки

<Shell xmlns = "http://schemas.microsoft.com/dotnet/2021/maui"
       xmlns:x = "http://schemas.microsoft.com/winfx/2009/xaml"
       xmlns:contentViews = "clr-namespace:ManagerHelper.Views.ContentViews"
       BackgroundColor = "Transparent"
       TabBarBackgroundColor = "White"
       TabBarTitleColor = "Black"
       TabBarUnselectedColor = "Gray"
       x:Class = "ManagerHelper.Views.LobbyShell">
    <TabBar>
        <ShellContent Title = "Головна"
                          Icon = "home_icon_apple.png"
                          ContentTemplate = "{DataTemplate contentViews:BaseInformation}" />
        <ShellContent Title = "РЦ"
                      Icon = "depot_icon2.png"
                      ContentTemplate = "{DataTemplate contentViews:Depots}" />
        <ShellContent Title = "Реєстрації"
                      Icon = "registrations_list_icon.png"
                      ContentTemplate = "{DataTemplate contentViews:ActiveRegistrationsList}" />
    </TabBar>
</Shell>  

Как изменить выбранный цвет значка на панели вкладок? Невыделенные значки я сделал серыми, но не понимаю, как изменить цвет выделенных элементов.

Пример с цветом по умолчанию (iOS):

Вы имеете в виду фиолетовый цвет фона выбранной вкладки? Я заметил, что при выборе он фиолетовый. Это цвет home_icon_apple.png по умолчанию или вы что-нибудь изменили?

Alexandar May - MSFT 09.07.2024 03:00

@AlexandarMay-MSFT home_icon_apple — черный. Да, я имею в виду фиолетовый цвет фона для иконки. Когда он не выбран, он работает, он серый, но когда выбран TabBarForegroundColor, он не работает и имеет фиолетовый цвет.

Winteriscoming 09.07.2024 10:14
Стоит ли изучать PHP в 2023-2024 годах?
Стоит ли изучать PHP в 2023-2024 годах?
Привет всем, сегодня я хочу высказать свои соображения по поводу вопроса, который я уже много раз получал в своем сообществе: "Стоит ли изучать PHP в...
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Приемы CSS-макетирования - floats и Flexbox
Приемы CSS-макетирования - floats и Flexbox
Здравствуйте, друзья-студенты! Готовы совершенствовать свои навыки веб-дизайна? Сегодня в нашем путешествии мы рассмотрим приемы CSS-верстки - в...
Тестирование функциональных ngrx-эффектов в Angular 16 с помощью Jest
В системе управления состояниями ngrx, совместимой с Angular 16, появились функциональные эффекты. Это здорово и делает код определенно легче для...
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Пользовательский скаляр GraphQL
Пользовательский скаляр GraphQL
Листовые узлы системы типов GraphQL называются скалярами. Достигнув скалярного типа, невозможно спуститься дальше по иерархии типов. Скалярный тип...
0
2
57
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Вы можете установить TabBarForegroundColor, чтобы определить выбранный цвет (по умолчанию — Purple) на TabBar, и установить TabBarUnselectedColor, чтобы определить невыбранный цвет (Gray, как вы определили). Более подробную информацию можно найти в разделе Внешний вид вкладки.

<Shell
    x:Class = "MauiAppShellApp.AppShell"
    xmlns = "http://schemas.microsoft.com/dotnet/2021/maui"
    xmlns:x = "http://schemas.microsoft.com/winfx/2009/xaml"
    xmlns:local = "clr-namespace:MauiAppShellApp"
    BackgroundColor = "Transparent"

    TabBarBackgroundColor = "White"
   
    TabBarForegroundColor = "Green"

    TabBarTitleColor = "Black"

    TabBarUnselectedColor = "Gray"


<!--Omitted for brevity-->

Я это сделал, но значок все еще фиолетовый. По умолчанию значок — черный png. Может быть, это глюк MAUI?

Winteriscoming 09.07.2024 10:11

@Winteriscoming Я протестировал его с файлом PNG, и он может изменить цвет фона файла PNG. Является ли ваш home_icon_apple.png файл PNG, какая у вас версия .NET и версия iOS?

Alexandar May - MSFT 09.07.2024 10:20

net8.0-ios, iOS — 17,5

Winteriscoming 09.07.2024 10:34

Я только что протестировал iOS 17.5, установил TabBarForegroundColor = "Green" и использовал значение по умолчанию dotnet_bot.png, он может изменить цвет фона значка на зеленый, как и ожидалось. Я думаю, это связано с файлом home_icon_apple.png, это файл PNG или SVG?

Alexandar May - MSFT 09.07.2024 10:56

Это 100% .png. Можете ли вы написать свой код в ответе, пожалуйста.

Winteriscoming 09.07.2024 11:25

@Winteriscoming Готово, можете обратиться к нему. Он должен работать.

Alexandar May - MSFT 09.07.2024 11:46

Не знаю, почему раньше это не работало, но сейчас работает. Спасибо.

Winteriscoming 09.07.2024 15:36

Не беспокойтесь, спасибо за новости. :)

Alexandar May - MSFT 10.07.2024 08:18

Другие вопросы по теме