mtsdesign
Бренд МТСНаправленияДизайн-системаМетодологииГайдлайныКоманда и вакансииБлог
mtsdesign
Бренд МТСДизайн-системаМетодологииКоманда и вакансииБлог
НаправленияUX/UI продуктовый дизайнГрафический дизайнПромышленный дизайнИнтерьерный дизайн
behancetelegramvkyoutube
© 2025 ПАО «МТС»
Все права защищены
Политика обработка файлов cookie
18+

Мобильные приложения

ВСЕ СТАТЬИМобильные приложения

  • Общая информация
  • Как подключить компоненты в Figma
  • Как подключить компоненты в коде
    • Подключение iOS-компонентов
    • Подключение Android-компонентов
    • Как переопределить цвета в компонентах?
  • Компоненты 2.0
    • App Icon
    • App Navigator
    • Avatar
    • Badges
    • Count Indicator & Notification
    • Banners
    • Buttons Family
      • Button
      • Bottom Button
      • Button Price
      • Cell Button
      • Icon Button
      • Icon Button Set
      • Icon Button Set Alternative
      • Swipeable Button
    • Calendar Family
      • Calendar Plain
      • Calendar Range
    • Card Background
    • Cells
    • Chips Family
      • Choice Chip
      • Choice Сhip Multiselect
      • Form Chip
    • Context Menu
    • Сontrol List
    • Empty Screen
    • Dividers
    • Form Family
      • Input
      • Dropdown
      • Textarea
    • Messages
    • Modal Family
      • Action Sheet
      • Modal Cards
      • Modal Select
      • Modal Page
    • Nav Bar
    • Pagination Dots
    • Passcode
    • Profile
    • Range
    • Search
    • Segmented Control
    • Selection Controls
    • Slider
    • Slider Alternative
    • Snackbar
    • Spinner
    • Splash Screen
    • Stories
    • Success Page
    • Tabbar
    • Tabs
    • Text List
    • Toast
    • Tooltip

Как переопределить цвета в компонентах?

Компоненты Android

Native

1) Переопределить цвет глобально 

В ресурсах исходного кода вашего проекта необходимо вставить специальный флаг и переопределить цвет на нужный:

<color name="control_primary_active" tools:override="true">#000000</color>

2) Переопределить цвет в компоненте на свой

Это переопределение зависит от реализации компонента. В большинстве случаев да. Пример:

<color name="mts_tab_blur_overlay" tools:override="true">#000000</color>

Компоненты iOS

1) Переопределить цвет глобально 

Код необходимо добавить в исходных код приложения, который отвечает за обработку событий загрузки приложения и подписан на готовность начать отрисовку экранов. В этот момент обычно проводится подписка на пуши, регистрация шрифтов и похожие операции. 

Доступ к переменной MTSColor есть, просто переопределите цвет:

    func application(_ application: UIApplication, didFinishLaunchingWithOptions launchOptions: [UIApplication.LaunchOptionsKey: Any]?) -> Bool {
        
        /// Переопределяем значение цвета textPrimary
        MTSColor.textPrimary = .green
        
        return true
    }

2) Переопределить цвет в компоненте на свой

Это переопределение зависит от реализации компонента. Некоторые внутренние view закрыты для изменения. 

Пример:

let button = MTSButton(style: .primary, size: .s)
        
/// Переопределяем цвет фона кнопки в состоянии enabled
button.parameters.backgroundColor.enabled = .green
Перейти в следующий разделКомпоненты 2.0

Библиотеки

Базовые компоненты

Цвета, шрифты, сетки

Иконки

Интерфейсные и продуктовые иконки и правила их разработки

Мобильные приложения

Компоненты для создания мобильных, планшетных и авто приложений

Веб-витрины и приложения

Компоненты для адаптивных веб страниц и приложений

Заглушки

3D иллюстрации и примеры экранов заглушек