在網站上使用簡繁體切換已經是很常見的了,如果不考慮搜索引擎,直接一個JS就可以解決,但是微信小程序似乎要復雜一些,因為他的渲染方式和網頁不太一樣,而且涉及到第三方接口的數據、底部TAB欄和標題欄。
開發過小程序的同學應該都知道,這些文字是直接寫在文件里的,不能用動態變量,如果要改變,需要用微信提供的接口方法來實現,稍微復雜一些。
所以如果需要在微信小程序里實現簡繁體切換,需要把所有的文字根據簡繁體放在一個JS文件里,然后所有的調用都通過JS來實現。
繁體字大概有482個,所有文字輸出都通過統一的JS來替換。
相關的JS庫代碼如下:
var arr={'strPY'='所有的對應簡體字列表','strFT'='所有的對應繁體字列表' })?
function showLag(cc)?{
??var?str?=?'';
??var?temp?=?'';
??for?(var?i?=?0;?i?<?cc.length;?i++){
????temp?=?cc.charAt(i);
????if?(cnConvert.strPY.indexOf(temp)?!=?-1){
??????str?+=?cnConvert.strFT.charAt(cnConvert.strPY.indexOf(temp));
????}else{
??????str?+=?temp;
????}
??}
??return?(str);
}
module.exports.showLag=?showLag;?
這段代碼跟網頁JS差不多,這里就不詳細說明了,很多人問如何修改標題欄和底部TAB文字呢?
可以用wx.setNavigationBarTitle(Object object)動態設置當前頁面的標題,如下圖

下面是動態設置底部Tab欄文字的API方法:

那么還涉及到接口中的文字呢?這個需要每次調用接口時增加需要的語言參數,然后后臺API根據語言參數轉換對于的結果文字。
康美小程序專注于微信小程序定制開發,歡迎有需求的客戶咨詢我們的制作熱線13864169891