Смена языка

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

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

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

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

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

Панель свойств может быть использована для настройки поведения вашего виджета.

Здесь приведены инструкции по добавлению подкладок.

Здесь приведены инструкции по настройке выравнивания.

Чтобы изменить размер селектора языка, выполните следующие действия:

• Выберите виджет LanguageSelector в дереве виджетов или в области холста.
• Перейдите в редактор свойств (в правой части экрана) и прокрутите вниз до раздела «Селектор языка«.
• Изменить размер можно тремя способами:
  • Чтобы установить точный размер, выберите PX и введите нужные значения.
  • Чтобы задать размеры в процентах от размера экрана, выберите % и введите нужное значение.
  • Чтобы сделать высоту или ширину равными высоте или ширине экрана, просто нажмите на значок бесконечности ().

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

Чтобы изменить цвет:

• Выберите виджет LanguageSelector в дереве виджетов или в области холста.
• Перейдите в редактор свойств (в правой части экрана) и прокрутите вниз до раздела «Выбор языка«.
• Чтобы изменить цвет фона выпадающей кнопки, найдите свойство Background Color, щелкните на поле рядом с Black, выберите цвет, а затем нажмите Use Color или щелкните на Black и введите шестнадцатеричный код напрямую. Вы также можете выбрать цвет, нажав на кнопку Палитра и просто.
• Чтобы изменить цвет выпадающего значка, найдите свойство Dropdown Icon Color, щелкните на поле рядом с уже выбранным цветом, выберите цвет, а затем нажмите кнопку Use Color или щелкните на уже выбранном цвете и введите шестнадцатеричный код напрямую. Вы также можете выбрать цвет, нажав на кнопку Палитра и просто.

Посмотрите, как установить цвет из переменной в любое свойство цвета этого виджета.
Настройка границы

Чтобы настроить границу, например, изменить ее цвет и радиус:

• Выберите виджет LanguageSelector в дереве виджетов или в области холста.
• Перейдите в редактор свойств (в правой части экрана) и прокрутите вниз до раздела Language Selector.
• Найдите свойство Border Color (Цвет границы), нажмите на поле рядом с уже выбранным цветом, выберите цвет, а затем нажмите Use Color (Использовать цвет) или нажмите на уже выбранный цвет и введите Hex—код напрямую. Вы также можете выбрать цвет, нажав на кнопку Палитра и просто.
• Теперь найдите ниже свойство Радиус границы, введите значение 50. По умолчанию значение 50 будет установлено для всех углов.

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

Чтобы изменить размер флага:

• Выберите виджет LanguageSelector в дереве виджетов или в области холста.
• Перейдите в редактор свойств (в правой части экрана) и прокрутите вниз до раздела «Выбор языка«.
• Найдите свойство Flag Size и введите значение.

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

• Выберите виджет LanguageSelector в дереве виджетов или в области холста.
• Перейдите в редактор свойств (в правой части экрана) и прокрутите вниз до раздела «Выбор языка«.
• Найдите свойство Flag & Text Gap и введите значение.

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

• Выберите виджет LanguageSelector в дереве виджетов или в области холста.
• Перейдите в редактор свойств (в правой части экрана) и прокрутите вниз до раздела «Выбор языка«.
• Отметьте свойство Hide Flags, чтобы скрыть флаг (щелкните по нему).

Вы можете захотеть настроить стиль текста в соответствии с вашим дизайном. Различные свойства в разделе «Стиль текста» помогут вам настроить текст.

Пожалуйста, найдите инструкции по отображению/скрытию виджета здесь