小程序資訊

                                                                                  微信小程序簡繁體切換如何實現

                                                                                  小程序資訊 2019-09-24 15:24:53 | 閱讀:4615 | 作者:方維網絡 | 標簽:小程序簡繁體切換    
                                                                                  在網站上使用簡繁體切換已經是很常見的了,如果不考慮搜索引擎,直接一個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方法:

                                                                                  設置底部TAB欄文字      

                                                                                  那么還涉及到接口中的文字呢?這個需要每次調用接口時增加需要的語言參數,然后后臺API根據語言參數轉換對于的結果文字。

                                                                                  方維網絡專注于微信小程序定制開發,歡迎有需求的客戶咨詢我們的制作熱線400-800-9385



                                                                                   
                                                                                  天天爽夜夜爽夜夜爽精品视频_久久青青草原亚洲av无码_欧美日韩亚洲一区二区三区4k岛国_kkkk国产在线播放