Jump to content
View in the app

A better way to browse. Learn more.
FGX Native

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

Не работает смена цвета иконки кнопки

https://forum.fgx-native.com/tickets/closed/11_bugs/%D0%BD%D0%B5-%D1%80%D0%B0%D0%B1%D0%BE%D1%82%D0%B0%D0%B5%D1%82-%D1%81%D0%BC%D0%B5%D0%BD%D0%B0-%D1%86%D0%B2%D0%B5%D1%82%D0%B0-%D0%B8%D0%BA%D0%BE%D0%BD%D0%BA%D0%B8-%D0%BA%D0%BD%D0%BE%D0%BF%D0%BA%D0%B8-r492/

By Mineev

  • Status: Fixed
  • Priority: Normal
  • Resolution: Test case error
  • Platform: Android, iOS
  • Affects version 1.19.2.0

Если задать цвет у иконки кнопки (Contained) Appearance.Icon.ColorName то ни в дизайнере ни в рантайме он не учитывается.

    •
    https://forum.fgx-native.com/tickets/closed/11_bugs/%D0%BD%D0%B5-%D1%80%D0%B0%D0%B1%D0%BE%D1%82%D0%B0%D0%B5%D1%82-%D1%81%D0%BC%D0%B5%D0%BD%D0%B0-%D1%86%D0%B2%D0%B5%D1%82%D0%B0-%D0%B8%D0%BA%D0%BE%D0%BD%D0%BA%D0%B8-%D0%BA%D0%BD%D0%BE%D0%BF%D0%BA%D0%B8-r492/

    User Feedback

    Recommended Comments

    Rising Star

    Mineev

    Active subscription

    Ээээ. Действительно на новом проекте работает.

    А вот попробуйте сделать то же самое на проекте из ошибки FGX-485 у кнопки с бонусами. Проблема с изображением?!

    Снимок экрана 2025-12-10 141857.png

    •
    • Like 1
    Grand Master

    Yaroslav Brovin

    Administrators
    • Administrators

    В проекте из FGX-485 у вас включен режим отображения изображения как есть: Appearance.Icon.RenderMode = Original.

      /// <summary>
  ///   <para>
  ///     Режим вывод иконки:
  ///   </para>
  ///   <list>
  ///      <item><b>Original</b> - Иконка выводится, как есть.</item>
  ///      <item><b>Template</b> - Иконка используется, как шаблон, на который накладывается цветовой оттенок.</item>
  ///   </list>
  /// </summary>
  TfgIconRenderMode = (Original, Template);

    Перекрашивание работает для режима Template. Режим Original добавлен для отключения применения оттенка для цветной иконки по желанию. По скольку для некоторых видов кнопки TfgButton.TintColor может перекрашивать иконку, если для иконки не указано иное.

    Rising Star

    Mineev

    Active subscription

    Добавить бы это куда-то в документацию...

    Rising Star

    Mineev

    Active subscription

    А в чём смысл данного параметра? Если цвет задан, то перекрашиваем, а если не задан выводим как есть. Какой смысл иметь возможность задать цвет и при этом запретить перекрашивание? Например у TfgImage нет такого параметра и всё работает.

    Grand Master

    Yaroslav Brovin

    Administrators
    • Administrators
    On 12/17/2025 at 11:37 AM, Mineev said:

    А в чём смысл данного параметра? Если цвет задан, то перекрашиваем, а если не задан выводим как есть. Какой смысл иметь возможность задать цвет и при этом запретить перекрашивание? Например у TfgImage нет такого параметра и всё работает.

    On 12/13/2025 at 8:54 PM, Yaroslav Brovin said:

    Режим Original добавлен для отключения применения оттенка для цветной иконки по желанию. По скольку для некоторых видов кнопки TfgButton.TintColor может перекрашивать иконку, если для иконки не указано иное.

    В оригинале иконка черная.

    image.png

    При применении красного оттенка, она автоматически перекрашивается в контрастный цвет

    image.png пР

    Чтобы запретить автоматическое перекрашивание есть свойство Appearance.Icon.RenderMode.

    image.png

    •
    • Thanks 1

    Create an account or sign in to comment

    Recently Browsing 0

    • No registered users viewing this page.

    Configure browser push notifications
    Chrome (Android)
    1. Tap the lock icon next to the address bar.
    2. Tap Permissions → Notifications.
    3. Adjust your preference.
    Chrome (Desktop)
    1. Click the padlock icon in the address bar.
    2. Select Site settings.
    3. Find Notifications and adjust your preference.