Ios教程網 >> IOS編程開發 >> IOS開發基礎 >> 處理i18n國際電話區號的代碼實踐

處理i18n國際電話區號的代碼實踐

編輯：IOS開發基礎

作者：裡脊串授權本站轉載。

前言

上周在忙產品的國際化(i18n)的問題，其中一個很重要的地方就是電話號碼的國際化(我們以電話號碼為主賬號)。電話號碼有個很重要的部分就是區號。

上圖是我們產品的登錄界面，除了常規的電話號碼之外，前面還有一個區號，代表這個電話號碼所屬的是哪個國家和地區。關於區號的概念，可以看一下維基百科。

看到這裡可能有人奇怪這有什麼難的? 不就是按照列表來展示嗎? 這樣有幾個問題

由於是支持多語言那麼不同的語言環境的系統顯示出來的國家名稱是不一樣的比如“中國” 簡體中文是“中國” 英文是“China” 韓文是“???????” 其在各個語言中的顯示排序都是不一樣的
如果根據不同國家和語言來維護一張這樣的表工作量太大一般的公司估計做不來

所以這個工作我們就會放到本地來做不過iOS已經幫我們做了一部分工作了我們可以根據國家代碼來獲取某個國家或在當前區域中的本地化名稱

//獲取當前locale
NSLocale *locale = [NSLocale currentLocale];
//獲取所有國家的代碼
NSArray *countryArray = [NSLocale ISOCountryCodes];
for (NSString *countryCode in countryArray) 
{
    //根據當前locale和國家短碼 獲取指定國家的本地化名稱
    NSString *localName = [locale displayNameForKey:NSLocaleCountryCode value:countryCode];
}

我們簡單測試一下

NSArray *countryArray  = [NSLocale ISOCountryCodes];
NSArray *languageArray = @[@"zh_CN",@"en_US",@"ja_JP"];
for ( NSString *languege in languageArray)
{
    NSLocale *locale = [[NSLocale alloc] initWithLocaleIdentifier:languege];
    for ( int i = 0 ; i < 5 ; ++i )
    {
        NSString *countryCode = countryArray[i];
        
        NSString *displayName = [locale displayNameForKey:NSLocaleCountryCode value:countryCode];
        
        NSLog(@"%@\t%@\t%@",languege,countryCode,displayName);
    }
}

結果

h_CN	AD	安道爾
zh_CN	AE	阿拉伯聯合酋長國
zh_CN	AF	阿富汗
zh_CN	AG	安提瓜和巴布達
zh_CN	AI	安圭拉

en_US	AD	Andorra
en_US	AE	United Arab Emirates
en_US	AF	Afghanistan
en_US	AG	Antigua and Barbuda
en_US	AI	Anguilla

ja_JP	AD	アンドラ
ja_JP	AE	アラブ首長國連邦
ja_JP	AF	アフガニスタン
ja_JP	AG	アンティグア?バーブーダ
ja_JP	AI	アンギラ

已經介紹完iOS幫我們做的一部分工作了那麼另一部分就得我們自己來了

我們需要有一張地區->區號的列表不過這個也簡單網上一抓一大把我也是網上找的文件內容如下(diallingcode.json)

[
    {
        "name": "Afghanistan",
        "dial_code": "+93",
        "code": "AF"
    },
    {
        "name": "Albania",
        "dial_code": "+355",
        "code": "AL"
    },
    
    ...
    ...
    //中間省略
    ...
    ...
    
    {
        "name": "Virgin Islands, British",
        "dial_code": "+1 284",
        "code": "VG"
    },
    {
        "name": "Virgin Islands, U.S.",
        "dial_code": "+1 340",
        "code": "VI"
    }
]

維護這樣一張表就很簡單了我們可以存在本地也可以放在服務器(“name”字段其實是不必須的只是為了好看)

研究

我們暫時先把代碼放一放來看一看其他產品是怎麼做的

這個是微信的

微信的問題還是挺多的

左邊是中文環境按拼音分組是分對了但是文字排序卻粗錯了 “阿”開頭的國家並沒有排列在一起
右邊是法語環境這些衍生拉丁字母並沒有正確的歸類

這個是Twitter的

Twitter在中文環境下還是挺奇怪的但是卻沒有犯微信第二個錯誤

Facebook的呢? 人家的工程師比較聰明(懶) 壓根就不支持索引

接下來我們會解決出現的這幾個問題

代碼

先簡歷一個Modal 用來表示國家相關的信息

@interface MMCountry : NSObject
@property (nonatomic, strong) NSString *name;   //國家名(本地化後的版本)
@property (nonatomic, strong) NSString *code;   //國家代號
@property (nonatomic, strong) NSString *latin;  //國家名的拉丁文(只包含基本拉丁字母)
@property (nonatomic, strong) NSString *dial_code;  //區號
@end

然後我們要把區號從配置文件中讀取出來並以區號為key 建立索引

NSData *data = [NSData dataWithContentsOfFile:[[NSBundle mainBundle] pathForResource:@"diallingcode" ofType:@"json"]];
NSError *error = nil;
NSArray *arrayCode = [NSJSONSerialization JSONObjectWithData:data options:0 error:&error];
if ( error ) {
    
    return;
}
//讀取文件
NSMutableDictionary *dicCode = [@{} mutableCopy];
for ( NSDictionary *item in arrayCode )
{
    MMCountry *c = [MMCountry new];
    
    c.code      = item[@"code"];
    c.dial_code = item[@"dial_code"];
    
    [dicCode setObject:c forKey:c.code];
}

接著獲取這些國家的本地話名稱

NSLocale *locale = [NSLocale currentLocale];
NSArray *countryArray = [NSLocale ISOCountryCodes];
NSMutableDictionary *dicCountry = [@{} mutableCopy];
for (NSString *countryCode in countryArray) {
    
    if ( dicCode[countryCode] )
    {
        MMCountry *c = dicCode[countryCode];
        
        //這裡 你懂的
        c.name = [locale displayNameForKey:NSLocaleCountryCode value:countryCode];
        if ( [c.name isEqualToString:@"台灣"] )
        {
            c.name = @"中國台灣";
        }
        
        //把名稱拉丁字母化
        c.latin = [self latinize:c.name];
        
        [dicCountry setObject:c forKey:c.code];
    }
    else
    {
        //找不到則說明配置文件不全 可以補全
        NSLog(@"missed %@ %@",[locale displayNameForKey:NSLocaleCountryCode value:countryCode],countryCode);
    }
}

這裡要注意的是把字母拉丁文化解決了微信的第二個問題使非基本拉丁字母也可以按照基本拉丁字母來排序其函數如下

- (NSString*)latinize:(NSString*)str
{
    NSMutableString *source = [str mutableCopy];
    
    CFStringTransform((__bridge CFMutableStringRef)source, NULL, kCFStringTransformToLatin, NO);
    
    //微信是這樣做的
    //CFStringTransform((__bridge CFMutableStringRef)source, NULL, kCFStringTransformMandarinLatin, NO);
    
    CFStringTransform((__bridge CFMutableStringRef)source, NULL, kCFStringTransformStripDiacritics, NO);
    
    return source;
}

這裡有兩步

先將文字轉成拉丁字母(kCFStringTransformToLatin)
再將拉丁字母去掉變音符(kCFStringTransformStripDiacritics)

這裡是微信犯的第一個錯誤也就是沒有正確歸類的錯誤因為微信在第一步的時候只針對漢字進行了處理其他字符則沒有處理導致第二步沒有得到正確的基本拉丁字符(kCFStringTransformMandarinLatin 參見注釋掉的代碼)

我們來測試一下這兩步會造成得到效果還是之前的例子

NSArray *countryArray  = [NSLocale ISOCountryCodes];
NSArray *languageArray = @[@"zh_CN",@"en_US",@"ja_JP"];
for ( NSString *languege in languageArray)
{
    NSLocale *locale = [[NSLocale alloc] initWithLocaleIdentifier:languege];
    for ( int i = 0 ; i < 5 ; ++i )
    {
        NSString *countryCode = countryArray[i];
        
        NSString *displayName = [locale displayNameForKey:NSLocaleCountryCode value:countryCode];
        
        NSLog(@"%@\t%@\t%@\t@",languege,countryCode,displayName,[self latinize:displayName]);
    }
}

結果

zh_CN	AD	安道爾	|	an dao er
zh_CN	AE	阿拉伯聯合酋長國	|	a la bo lian he qiu zhang guo
zh_CN	AF	阿富汗	|	a fu han
zh_CN	AG	安提瓜和巴布達	|	an ti gua he ba bu da
zh_CN	AI	安圭拉	|	an gui la
en_US	AD	Andorra	|	Andorra
en_US	AE	United Arab Emirates	|	United Arab Emirates
en_US	AF	Afghanistan	|	Afghanistan
en_US	AG	Antigua & Barbuda	|	Antigua & Barbuda
en_US	AI	Anguilla	|	Anguilla
ja_JP	AD	アンドラ	|	andora
ja_JP	AE	アラブ首長國連邦	|	arabu shou zhang guo lian ban
ja_JP	AF	アフガニスタン	|	afuganisutan
ja_JP	AG	アンティグア?バーブーダ	|	antigua?babuda
ja_JP	AI	アンギラ	|	angira

可以到看系統會根據不同國家和不同語言的特點將同一個國家的不同表達形式轉化成不同的拉丁字母

接下來我們把獲取過的數據根據’A’-‘Z’進行歸類

NSMutableDictionary *dicSort = [@{} mutableCopy];
for ( MMCountry *c in dicCountry.allValues )
{
    NSString *indexKey = @"";
    
    if ( c.latin.length > 0 )
    {
        indexKey = [[c.latin substringToIndex:1] uppercaseString];
        
        char c = [indexKey characterAtIndex:0];
        
        if ( ( c < 'A') || ( c > 'Z' ) )
        {
            continue;
        }
    }
    else
    {
        continue;
    }
    
    NSMutableArray *array = dicSort[indexKey];
    
    if ( !array )
    {
        array = [NSMutableArray array];
        
        dicSort[indexKey] = array;
    }
    
    [array addObject:c];
}

最後將每個歸類下面的數據排序重新整理

for ( NSString *key in dicSort.allKeys )
{
    NSArray *array = dicSort[key];
    
    array = [array sortedArrayUsingComparator:^NSComparisonResult(MMCountry *obj1, MMCountry *obj2) {
        
        return [obj1.name localizedStandardCompare:obj2.name];
    }];
    
    //            array = [array sortedArrayUsingComparator:^NSComparisonResult(CSCountry *obj1, CSCountry *obj2) {
    //
    //                return obj1.latin > obj2.latin;
    //            }];
    
    dicSort[key] = array;
}

這樣dicSort就是我們最終得到的結果集

這裡是微信犯的第二個錯誤微信的排序是按照latin來排序的(見注釋掉的代碼) 所以導致了相同漢字的國家排不到一起的情況正確的方式是用localizedStandardCompare來排序這也是iOS已為我們提供好了的本地化比較函數

看看之前的圖中挑三個國家出來比如:阿爾巴尼亞愛爾蘭阿魯巴他們的拼音是 aerbabiya aierlan aluba 如果按照拼音排序的話這樣的排序就是正確的

我們來看看最終的效果