Перейти к основному содержимому

LanguageSelector

Виджет LanguageSelector используется для того, чтобы пользователь мог выбрать язык вашего приложения. Виджет LanguageSelector показывает текущий выбранный язык и открывает список всех языков (которые вы поддерживаете), когда на него нажимают.

Например, вы можете использовать виджет LanguageSelector на экране онбординга, чтобы позволить пользователям выбрать язык приложения.

Добавление виджета LanguageSelector​

Давайте построим пример добавления виджета LanguageSelector и посмотрим, как меняется язык приложения при выборе другого языка из LanguageSelector. Вот как это выглядит:

Чтобы добавить LanguageSelector в ваш проект:

  1. Убедитесь, что вы добавили поддержку многоязычности для вашего приложения. Если вы еще этого не сделали, найдите инструкции здесь.
  2. Сначала перетащите виджет Column из вкладки Layout Elements (в панели виджетов).
  3. Теперь добавьте виджет LanguageSelector (внутри Column), перетащив его из вкладки Base Elements или добавив его непосредственно из дерева виджетов. Выравняйте его по центру.
  4. Добавьте виджет Text, чтобы показать текст.
  5. Переведите текст, перейдя в Настройки и Интеграция -> Общее -> Языки -> Переводы контента приложения -> Имя страницы -> Ваш текст.
  6. Найдите выпадающий список языков над холстом и попробуйте изменить его на другие языки, чтобы увидеть переведенный текст на холсте.

Настройка​

Вы можете настроить поведение этого виджета, используя различные свойства, доступные в Панели свойств.

Настройка флага​

По умолчанию виджет LanguageSelector показывает флаг страны перед названием языка. Вы можете изменить размер флага, настроить расстояние между флагом и названием языка или полностью скрыть флаг.

Добавление промежутка между флагом и текстом​

Чтобы добавить некоторое расстояние между флагом и названием языка:

  1. Выберите виджет LanguageSelector из дерева виджетов или с области холста.
  2. Перейдите в Редактор свойств (на правой стороне экрана) и прокрутите вниз до раздела Language Selector.
  3. Найдите свойство Flag & Text Gap и введите значение.

Скрытие флага​

Чтобы скрыть флаг:

  1. Выберите виджет LanguageSelector из дерева виджетов или с области холста.
  2. Перейдите в Редактор свойств (на правой стороне экрана) и прокрутите вниз до раздела Language Selector.
  3. Установите флажок для свойства Скрыть флаги, чтобы скрыть флаг (нажмите на него).