ionic1使用ImagePicker插件并且顯示中文（漢化）

Vultr 發布于2019-08-26 11:41 / 1369人閱讀

摘要：在使用開發時，打開相冊應該是使用比較頻繁的插件之一。解決辦法可以看我另一篇文章使用在安卓手機上閃退問題參考文獻之圖片選擇插件使用插件中文顯示

在使用ionic開發時，打開相冊應該是使用比較頻繁的插件之一。
下面講講我在項目中使用（這部分官方比較詳細，就簡單描述）以及解決插件顯示英文問題

1、imagepicker安裝
cordova plugin add cordova-plugin-image-picker

2、在ionic1開發中的使用
2.1在js文件中

angular.module("app").controller("imagePickerCtrl", ["$scope", "$cordovaImagePicker",
  function ($scope,  $cordovaImagePicker,) {
    "use strict";
    
     $scope.imgList = [];

     $scope.openImagePicker= () => {
        const options = {
            maximumImagesCount: 11, // 允許一次選中的最多照片數量
            width: 800,    // 篩選寬度
            height: 600,    //篩選高度
            quality: 100    //圖像質量的大小，默認為100
          };
          
      $cordovaImagePicker.getPictures(options)
        .then(results => {
          console.log("選中的照片返回一個照片地址數組，可以直接在html中綁定");
          $scope.imgList = results;
        }, error => {
          console.log(error);
          console.log("打開照片失敗");
        });
     };

 }]);

2.2 在html中

3、最后還有一個問題，就是插件漢化。
我們使用的imagepicker沒有支持中文，直接打包安裝在手機上，調用打開相冊功能時會發現所有文字都是英文，這個時候就需要我們修改一下源碼
3.1 在項目的目錄platforms/android/res有國際化的幾個文件夾

values-de
values-es
values-fr
values-hu
values-ja
values-ko

選擇其中的一個文件夾復制中改成values-zh，然后修改multiimagechooser_strings_es.xml文件



    圖片選擇器
    請稍后...
    免費版本 - 剩余圖片: %d張
    打開相冊出現錯誤
    圖片處理中
    這可能需要幾分鐘時間
    到達上限制
    您最多可以選擇 %d 張一次
    取消
    確定

3.2接下來我們需要去修改提示文字部分，在項目目錄platforms/android/src/com/synconset/MultiImageChooserActivity.java第175行開始

LoaderManager.enableDebugLogging(false);
        getLoaderManager().initLoader(CURSORLOADER_THUMBS, null, this);
        getLoaderManager().initLoader(CURSORLOADER_REAL, null, this);
        setupHeader();
        updateAcceptButton();
        progress = new ProgressDialog(this);
        progress.setTitle("圖片處理中");
        progress.setMessage("請稍后...");
    }

    @Override
    public void onItemClick(AdapterView arg0, View view, int position, long id) {
        String name = getImageName(position);
        int rotation = getImageRotation(position);

        if (name == null) {
            return;
        }
        boolean isChecked = !isChecked(position);
        if (maxImages == 0 && isChecked) {
            isChecked = false;
            AlertDialog.Builder builder = new AlertDialog.Builder(this);
            builder.setTitle("提示");
            builder.setMessage("您只能選擇 " + maxImageCount + "張圖片");
            builder.setPositiveButton("知道了", new DialogInterface.OnClickListener() {
                public void onClick(DialogInterface dialog, int which) {
                    dialog.cancel();
                }
            });
            AlertDialog alert = builder.create();
            alert.show();

4、ok，大功告成，接下來再次打包安裝后，調用手機相冊后就可以看到已經顯示中文了

5、寫在最后。ionic1的imagePicker還是有些問題的，比如用ionic的camera拍照后，無法在相冊中找到該照片，因為ionic的camera在拍照后并不會通知相冊更新，然后使用imagepicker上會找不到該照片。

最坑的是，在一些高版本android6以上的手機，直接調用imagepicker會導致手機閃退，這個是因為imagepicker沒有請求存儲權限和相機權限，android版本較高時是不默認給這兩個權限的。
解決辦法可以看我另一篇文章：
ionic1使用imagepicker在安卓手機上閃退問題

參考文獻：
ionic3之圖片選擇插件com.synconset.imagepicker

ionic使用ImagePicker插件中文顯示

GPU云服務器云服務器 WordPress漢化主題插件 linux中文漢化包顯示插件 js數據顯示插件

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/107362.html

ionic1使用ImagePicker插件并且顯示中文（漢化）

摘要：在使用開發時，打開相冊應該是使用比較頻繁的插件之一。解決辦法可以看我另一篇文章使用在安卓手機上閃退問題參考文獻之圖片選擇插件使用插件中文顯示在使用ionic開發時，打開相冊應該是使用比較頻繁的插件之一。下面講講我在項目中使用（這部分官方比較詳細，就簡單描述）以及解決插件顯示英文問題 1、imagepicker安裝cordova plugin add cordova-plugin-im...

liuyix 2019-08-01 18:35 評論0 收藏0
ionic1使用imagepicker在安卓手機上閃退問題

摘要：在上一篇文章中，提到了如何在中使用插件，并且實現該插件顯示中文漢化問題有興趣可以看看使用插件并且顯示中文漢化這次要解決的問題是在一些手機上打開相冊時，莫名閃退問題。，沒有閃退，運行正常。這樣就能在以上的手機使用參考相冊插件和監聽返回鍵在上一篇文章中，提到了如何在ionic1中使用imagepicker插件，并且實現該插件顯示中文（漢化）問題有興趣可以看看：ionic1使用ImageP...

EscapedDog 2019-08-26 11:41 評論0 收藏0
ionic1使用imagepicker在安卓手機上閃退問題

摘要：在上一篇文章中，提到了如何在中使用插件，并且實現該插件顯示中文漢化問題有興趣可以看看使用插件并且顯示中文漢化這次要解決的問題是在一些手機上打開相冊時，莫名閃退問題。，沒有閃退，運行正常。這樣就能在以上的手機使用參考相冊插件和監聽返回鍵在上一篇文章中，提到了如何在ionic1中使用imagepicker插件，并且實現該插件顯示中文（漢化）問題有興趣可以看看：ionic1使用ImageP...

CatalpaFlat 2019-08-01 18:35 評論0 收藏0
tinymce與prism代碼高亮實現及漢化的配置

摘要：簡單介紹是一個輕量級的基于瀏覽器的所見即所得編輯器，由寫成。它對和都有著非常良好的支持。功能方強大，并且功能配置靈活簡單。另一特點是加載速度非常快的。所以我們使用作為代碼高亮插件。簡單介紹：TinyMCE是一個輕量級的基于瀏覽器的所見即所得編輯器，由JavaScript寫成。它對IE6+和Firefox1.5+都有著非常良好的支持。功能方強大，并且功能配置靈活簡單。另一特點是加載速度非常快的...

番茄西紅柿 2019-04-23 13:31 評論0 收藏0
WordPress主題插件可用Poedit客戶端軟件漢化（多語種支持準確度高）

摘要：只不過老蔣有看到單獨有一個功能可以一鍵漢化主題。而且這款軟件免費版本和付費版本是不同的，前者不支持一鍵漢化，所以后面我們安裝后老蔣還需要購買付費授權。然后我們用序列號激活軟件即可。我們很多站長朋友可能對于WordPress建站是比較精通的，不過我們在選擇有些主題和插件的時候，如果是英文主題和插件看著就比較頭疼。有一個比較笨拙的辦法就是將主題和插件內置的英文更換成簡體中文，但是，如果我們一個個...

jindong 2021-09-10 11:22 評論0 收藏0