Rivalry2

HTML Diff

0 added 0 removed

Original 2026-01-01

Modified 2026-03-10

1 Сегодня для многих приложений важно, чтобы они поддерживалинесколько локализаций. Это имеет значение, например, при продвижении приложения на рынке. В нашем материале мы расскажем, как выполнить английскую и русскую локализацию чисел, даты, текста, валюты и изображений в мобильном приложении на iOS. Для работы потребуется ПК с macOS и средой разработки Xcode версии 8 или выше.

2 Ожидаемый результатвыглядит следующим образом:

3 <h2>1. Подготавливаем проект</h2>

4 В первую очередь, создаём новый проект. Для этого нужно открыть Xcode и выбратьFile → New → Project:

5 Появится окно, где выбираем "Single View Application" для iOS:

6 Подтвердив выбор кнопкой "Next", вводим название проекта (в нашем случае назовём егоLocale). Далее: - выбираем команду разработчиков (можем и не выбирать, оставив поле пустым); - указываем компанию (в нашем примере - "GS Develop", но вы вправе выбрать что-нибудь другое); - создаём идентификатор мобильного приложения (идентификатор может быть любым, главное соблюдать формат, отображённый на скриншоте); - выбираем язык проекта (разумеется, Swift); - выбираем устройство (iPhone).

7 Осталось сохранить приложение на нашем компьютере в любом удобном месте.

8 <h2>2. Настраиваем Main.storyboard</h2>

9 Теперь откроем файлMain.storyboardи сделаем копию в соответствии со скриншотом ниже:

10 Важно учесть, что мы создаём приложение исключительно подiPhone, поэтому оптимизацию под разные экраны проводить не будем. Нам потребуется добавить девять элементовLabelи один элементImageView. Если работали с Xcode, это не вызовет у вас затруднений. Что касается внешнего вида, то его можете настраивать на своё усмотрение.

11 <h2>3. Назначаем IBOutlets для UIControls</h2>

12 Чтобы назначить IBOutlets для UIControls открываемAssistant Editorи перетаскиваем поля "currency", "date", "text", "number" и "UIImageView" в файл ViewController.swift.

13 Получим следующий результат:

14 <h2>4. Прописываем значения для текстовых полей</h2>

15 Итак, Assistant Editor уже можно закрыть, так как пора переходить к файлуViewController.swift. Тут нужно создать функцию populateValues() и вызвать её в override func viewDidLoad():

16 func populateValues() { textLabel.text = "Good Morning" numberLabel.text = "9999999.999" currencyLabel.text = "50000" dateLabel.text = "30/05/2017" imageView.image = UIImage(named: "adele-hello") }Теперь можно подобрать изображение из сети (у нас это картинка с текстом "Hello") и добавить изображение в Assets.xcassets. Следующий шаг - возврат к Main.storyboard и выбор данного изображения для ImageView. Таким образом, при запуске проекта мы получим следующее:

17 <h2>5. Локализуем значения для валюты, даты и цифр</h2>

18 Чтобы локализовать значения, добавляем 3 переменных в функцию populateValues():

19 var numberFormatter: NumberFormatter { let formatter = NumberFormatter() formatter.numberStyle = .decimal return formatter } var currencyFormatter: NumberFormatter { let formatter = NumberFormatter() formatter.numberStyle = .currency return formatter } var dateFormatter: DateFormatter { let formatter = DateFormatter() formatter.dateStyle = .medium formatter.timeStyle = .medium return formatter }Также нам потребуется переписать и саму функцию:

20 func populateValues() { var numberFormatter: NumberFormatter { let formatter = NumberFormatter() formatter.numberStyle = .decimal return formatter } var currencyFormatter: NumberFormatter { let formatter = NumberFormatter() formatter.numberStyle = .currency return formatter } var dateFormatter: DateFormatter { let formatter = DateFormatter() formatter.dateStyle = .medium formatter.timeStyle = .medium return formatter } textLabel.text = "Good Morning" numberLabel.text = numberFormatter.string(from: 9999999.999) currencyLabel.text = currencyFormatter.string(from: 5000) dateLabel.text = dateFormatter.string(from: NSDate() as Date) imageView.image = UIImage(named: "adele-hello") }После того, как мы внесём вышеописанные изменения, при запуске вашего мобильного приложения вы увидите локализованные поля:

21 <h2>6. Добавляем поддержку 2-го языка</h2>

22 Добавляем русский язык в проект: переходим в Project target, выбираемLocalization, а потом русский язык:

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

24 <h2>7. Настраиваем локализацию на главном экране</h2>

25 Теперь открываем новые элементы для Main.strings (Russian) и вводим русские названия для некоторых значений:

26 /* Class = "UILabel"; text = "Image:"; ObjectID = "O8K-TD-2G8"; */ "O8K-TD-2G8.text" = "Изображение:"; /* Class = "UILabel"; text = "Date:"; ObjectID = "fL7-x8-mUA"; */ "fL7-x8-mUA.text" = "Дата:"; /* Class = "UILabel"; text = "Number:"; ObjectID = "hw4-lj-ril"; */ "hw4-lj-ril.text" = "Число:"; /* Class = "UILabel"; text = "Text:"; ObjectID = "iKI-eF-xxs"; */ "iKI-eF-xxs.text" = "Текст:"; /* Class = "UILabel"; text = "Currency:"; ObjectID = "pLd-MI-tDr"; */ "pLd-MI-tDr.text" = "Валюта:";Вуаля!

27 <h2>8. Тестируем на симуляторе</h2>

28 Для проверки работы локализаций устанавливаем русский язык в симуляторе. Потребуется перейти в Scheme Option, потом на вкладку Options, далее выбрать Application Language и установить русский язык:

29 Если мы запустим мобильное приложение сейчас, то увидим лишь частично локализованное iOS-приложение:

30 Как видим, осталось выполнить локализацию текста "Good Morning" и картинки.

31 <h2>9. Локализуем текст с помощью NSLocalizedString</h2>

32 Чтобы получить вместо "Good Morning" "Доброе утро", добавляем в проект файл типа Strings и называем его Localizable.strings:

33 Далее открываем этот файл в File Inspector, переходим в пункт Localize и выбираем русский язык. Потом останется отметить галочками русский и английский языки:

34 Итак, в результате появились файлы Localizable.strings (English)и Localizable.strings (Russian):

35 Теперь добавим в файл Localizable.Strings (English) следующую строку:

36 GOOD_MORNING=“Good Morning”;И ещё одну строку в файл Localizable.Strings (Russian):

37 GOOD_MORNING="Доброе Утро";А теперь вернёмся к редактированию файла ViewController.swift и заменим строчку:

38 textLabel.text = "Good Morning"на строчку:

39 textLabel.text = NSLocalizedString("GOOD_MORNING",comment:"Good Morning")А вот как должен выглядеть готовый код:

40 textLabel.text = NSLocalizedString("GOOD_MORNING",comment:"Good Morning") numberLabel.text = numberFormatter.string(from: 9999999.999) currencyLabel.text = currencyFormatter.string(from: 5000) dateLabel.text = dateFormatter.string(from: NSDate() as Date) imageView.image = UIImage(named:"adele-hello")Теперь после запуска приложения мы увидим "Доброе Утро":

41 <h2>10. Локализуем изображения</h2>

42 Для локализации картинки добавим в каталог Assets.xcassets изображение с русским текстом (вы можете взять любую другую картинку). После перейдём в Localizable.Strings и пропишем: 1) для Localizable.Strings (Russian):

43 2) для Localizable.Strings (English):

44 Теперь возвращаемся к редактированию файла ViewController.swift и меняем строчку с названием картинки:

45 imageView.image = UIImage(named: "adele-hello")на строчку:

46 imageView.image = UIImage(named: "\(NSLocalizedString("IMG",comment:"adele-hello"))")Всё, после запуска мобильного приложения перед нами появится наша картинка с дружелюбным и приветливым котом:

47 На этом будем заканчивать, исходные файлы проекта можно посмотреть по ссылке на<a>Github</a>.

48 Статья написана специально для OTUS на основе следующих материалов: - "<a>Internationalization and localization of Apps in Xcode 6 and Swift</a>"; - "<a>Настройка локализаций в Xcode 8 и Swift 3</a>".