An already existing iOS app of a client is now being localized for various languages.
I localized the storyboard, InfoPlist.strings, Localizable.strings, splash screens and icons.
For the English, Spanish and Dutch languages the app name gets translated, as well the settings screen.
However, for the Chinese languages (both Traditional and Simplified) the name of the app (as being displayed below the app icon and in settings) remains what is set by the base localize InfoPlist.strings The splash screens also won't change
Everything else (Storyboard, translating strings through code) gets translated as normally.
For the testing of the translations the simulator is being used.
This is in my InfoPlist.strings file for Chinese Simplified:
"CFBundleDisplayName" = "Simplified";
The file is located in zh-Hans-CN.lproj
For the Traditional InfoPlist.strings file the content is similar, and the location is zh-Hant-TW.lproj
Both files were auto generated by Xcode 5.1
In the same directory the Localizable.strings are also present, and those files get loaded correctly.
Any suggestions?
You should localize for the general Chinese languages zh-Hans.lproj and zh-Hant.lproj not the special Chinese Simplified (China) and Chinese Traditional (Taiwan)
Related
I have the following international text in my react native app:
<Text>ᚘᚘᚘ</Text>
However, a blank line is displayed to my screen where the text should go. I have tried for other international characters as well and it is the same result.
I am using notepad++ and making sure that encoding is set to UTF-8. If I use console.log("ᚘᚘᚘ") it displays to the console just fine. Do I specifically need to embed a particular unicode font in my React Native project for it to work correctly? Or what should I be doing so that it displays my text correctly?
On further investigation I am using a Samsung Galaxy S2 for testing purposes. It does not seem to handle unicode characters in all applications, so I think my app will not work in older devices unless I specifically embed a Unicode font. Am I correct in my thinking?
The only solution I found to this was to add a custom font. This link explains how to use a custom font: https://blog.bam.tech/developper-news/add-a-custom-font-to-your-react-native-app . The font I used is called GNU FreeFont located here: https://www.gnu.org/software/freefont/
I've added several localizations to my app.
English
Japanese
zh-hans
zh-hant
and I set value "English" in the key CFBundleDevelopmentRegion at info.plist file.
When download app on iOS7 and I change system language from Japanese
to other language (ex. korea), my app show me Japanese.
Another, When change from zh-hans to other language,
my app show me Japanese.
It is not expected and It happen only iOS7.
How to set default language on iOS7 ?
We've used an existing example application to start a proof of concept with Worklight, we've made a lot of changes to the original code and we would like to change the application name and customize its icons and splash image. We've managed to make the aforementioned changes (Name, icons and splash) inside xCode, however this doesn't serve the future purpose of an automated build from Worklight to ipa.
Could you please let us know what steps are involved to:
How to rename an existing application in Worklight (changing only the application-descriptor.xml doesn't change the generated binaries though).
How to change icons and splash screens for app.
When you create a new application for a Worklight project, the application name is used throughout several files, so you will need to find all occurrences of the given application name and change them. These are:
main HTML filename
main CSS filename
main JavaScript filename
inside main HTML filename (references to the main CSS and JavaScript files, title)
Inside application-descriptor.xml (the elements: displayName, description, mainFile)
Note, the filenames should not matter to you. In the future they will, hopefully, always get a generic name (like index.html or main.css. ...).
The app icon title in the device is controlled by the displayName element in application-descriptor.xml.
As for the icons and splash images, you can simply place thme (regular icon, retina icon, splash image, retina splash image) with the appropriate filenames in the "nativeResources" folder (sits next to the "native" folder) and they will be copied during build time to the native project (which you will eventually open in Xcode).
You can find out the correct filenames inside the native >> Resources folder.
quote:
however this doesn't serve the future purpose of an automated build
from Worklight to ipa.
Worklight will, of course, never create an .ipa file for you... that's the role of Xcode.
I followed the other questions on StackOverflow and made custom User Templates. Instead of replacing the factory default Cocoa class template, I have to pick a new user template.
The order that is shown in XCode's New File dialog box is:
iPhone templates first (great if you mostly do iphone development)
Second the User templates
Third the default Mac OS templates.
I want my user stuff first, Mac OS templates second, and I want to bury iPhone templates in third and last place. The sort is obviously not alphabetical. And you can't drag/drop reorder. (At least not in xcode 3.1.3)?
http://lh6.ggpht.com/_13jlf4EjB24/S8Ce3a9IErI/AAAAAAAACSY/qoOVQGHW4FI/s144/Picture%201.pngFrom stackoverflow
No you can not move them around, unless you work for Apple and have the source code to XCode.
What is the best way to skin/theme an AIR application. For example, I want to use a dark/blackish theme instead (similar to Tour de Flex) instead of the default gray one.
The ScaleNine themes are a good place to start, find one that is sort of like what you want, plug it into your app, and gradually replace the colors, images, and controls with your own.
http://www.scalenine.com/
I'm only just getting started in AIR as well, but if you're using Flex check out the Flex in a Week video series. There are several videos that cover creating custom MXML components and item renderers, which effectively let you skin your application.
You can also use CSS to style your app.
First you need to set the system chrome property in the air application properties file to none.
<initialWindow>
...
<systemChrome>none</systemChrome>
...
</initialWindow>
If the main file in your air app is named Main.mxml, then your application properties files will be named Main-app.xml. This file is not hard to find, it should be in the same location as the Main.mxml file.
By setting this property to none you are saying that you do not wish your air app window to take the style of the OS windows in which the app is running.
Since this property is set to none, the chrome for the air app will have to come from your Main.mxml file, which should be a WindowedApplication
Use the titleBarBackgroundSkin attriubute of the WindowedApplication To set the skin for the air app. titleBarBackgroundSkin defaults to "mx.skins.halo.ApplicationTitleBarBackgroundSkin"