ImageView中圖片儲存到檔案

dj0379發表於2015-10-23
View

最近做的一個小App中的一個功能， 把ImageView中的圖片儲存為一個 jpg檔案。

如果裝置上有SDCard，圖片會被儲存到SD卡上，如果沒有則儲存在裝置的儲存空間中。


這裡主要包含了兩個要點，一是 Android檔案儲存時資料夾的建立；二是 ImageView中圖片提取並儲存為圖片。

感覺今後還會用到，這裡總結一下以後方便查詢。


程式執行介面：

gui_diagram


使用類的說明

關於Android 的檔案系統

android 檔案儲存可以分兩部分 一個是裝置的flash，一個是SDCard。感覺android 對APP對檔案的訪問許可權控制的比較嚴。

一個App比較肯定的可以自由訪問(讀 寫 建立 刪除檔案 或資料夾 )的位置有2個，其他的位置就未必了，有的可能可以讀，但無法寫入或建立資料夾。

(1)  SDCard

       在解除安裝了App後，相關的檔案還在，不會被刪除。

(2)  /data/data/[your_project]/  在裝置自帶的RAM上。app的許可權各自獨立，即每個app 預設只能讀寫自己資料夾下的檔案， your_project： 是app的包的名字。

       在解除安裝了App後，相關的檔案可能會被刪除，但沒有嘗試過。



但操作sdcard需要許可權，我們必須在AndroidManifest.xml中進行配置
<uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE"></uses-permission>

開啟/關閉sdcard的許可權

<uses-permission android:name="android.permission.MOUNT_UNMOUNT_FILESYSTEMS"></uses-permission> 


Android_Manifest.xml

[html] view plaincopy
  1. <?xml version="1.0" encoding="utf-8"?>  
  2. <manifest xmlns:android="http://schemas.android.com/apk/res/android"  
  3.     package="com.example.imageviewsave2bitmap"  
  4.     android:versionCode="1"  
  5.     android:versionName="1.0" >  
  6.   
  7.     <uses-sdk  
  8.         android:minSdkVersion="8"  
  9.         android:targetSdkVersion="17" />  
  10.   
  11.     <application  
  12.         android:allowBackup="true"  
  13.         android:icon="@drawable/ic_launcher"  
  14.         android:label="@string/app_name"  
  15.         android:theme="@style/AppTheme" >  
  16.         <activity  
  17.             android:name="com.example.imageviewsave2bitmap.MainActivity"  
  18.             android:label="@string/app_name" >  
  19.             <intent-filter>  
  20.                 <action android:name="android.intent.action.MAIN" />  
  21.   
  22.                 <category android:name="android.intent.category.LAUNCHER" />  
  23.             </intent-filter>  
  24.         </activity>  
  25.     </application>  
  26.       
  27.     <!-- 往SDCard寫入資料許可權 -->      
  28.     <uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE"/>  
  29.       
  30.     <!-- 在SDCard中建立與刪除檔案許可權 -->  
  31.     <uses-permission android:name="android.permission.MOUNT_UNMOUNT_FILESYSTEMS"/>       
  32.       
  33. </manifest>  


Android 系統中關於一些資料夾的資訊被儲存在環境資訊中，例如SDCard的路徑可能是 /mnt/SDCard 或 /SDCard，當不確定時最好還是通過環境變數把他們提取出來。這一步主要通過 Environment 類  實現的。


例如：一個簡單的小函式就能取得SDCard的資訊，先判斷SDCard是否存在，如果存在則返回路徑。

[java] view plaincopy
  1. public static String getSDPath()  
  2. {  
  3.     boolean hasSDCard = Environment.getExternalStorageState().equals(Environment.MEDIA_MOUNTED);  
  4.     if(hasSDCard)  
  5.     {  
  6.         return Environment.getExternalStorageDirectory().toString() + "/saving_picture";  
  7.     }  
  8.     else  
  9.         return "/data/data/com.example.imageviewsave2bitmap/saving_picture";  
  10. }  

更詳細的資訊最好還是參考 Google的Android  SDK文件。



提取-儲存影象檔案

Android  ImageView 儲存到檔案

從ImageView中儲存影象檔案大概可以分3個步驟：

1)  從ImageView中取得快取資料，並用這些資料建立一個新的Bitmap物件

[java] view plaincopy
  1. public static Bitmap convertViewToBitmap(View view)  
  2. {  
  3.     view.measure(MeasureSpec.makeMeasureSpec(0, MeasureSpec.UNSPECIFIED), MeasureSpec.makeMeasureSpec(0, MeasureSpec.UNSPECIFIED));  
  4.     view.layout(0, 0, view.getMeasuredWidth(), view.getMeasuredHeight());  
  5.     view.buildDrawingCache();  
  6.     Bitmap bitmap = view.getDrawingCache();  
  7.   
  8.     return bitmap;  
  9. }      


關於view.measure，當我們要從view中提取圖片時，系統給了我們一些選擇，首先最容易想到的就是我們要把view中整個圖片都儲存下來，但有時候圖片較大，當然我們也可以只儲存當前我們看到的這部分。我們還可以儲存指定大小的圖片。

這就是MeasureSpec.UNSPECIFIED可以幫指定儲存的模式。這裡一共有三種模式

  • AT_MOST Measure specification mode: The child can be as large as it wants up to the specified size.
  • EXACTLY Measure specification mode: The parent has determined an exact size for the child.
  • UNSPECIFIED Measure specification mode: The parent has not imposed any constraint on the child.

白話解釋一下：

AT_MOST：我們可以指定一個上限，要儲存的圖片的大小不會超過它。

EXACTLY：我們指定了一個明確的大小，要求圖片儲存時滿足這個條件。

UNSPECIFIED：圖片多大，我們就儲存多大。

函式convertViewToBitmap就是從View中取得了圖片的大小，然後按照這個尺寸建立了一個Bitmap物件，再把cache中的內容儲存在Bitmap物件中。


2)  建立一個FileOutputStream 物件，並用新的Bitmap物件來進行初始化。

[java] view plaincopy
  1. File imageFile = new File(strPath + "/" + strFileName);  
  2. imageFile.createNewFile();  
  3. FileOutputStream fos = new FileOutputStream(imageFile);  
  4. bitmap.compress(CompressFormat.JPEG, 50, fos);  

這裡先建立了一個檔案物件 File imageFile，接著用把這個檔案和一個FileOutputStream繫結在一起，然後把圖片壓縮到這個流中，壓縮方式為JPEG。


3)  指定影象檔案的型別，儲存並且關閉FileOutputStream 。

[java] view plaincopy
  1. fos.flush();  
  2. fos.close();  



例項程式碼

main_layout.xml

[html] view plaincopy
  1. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
  2.     xmlns:tools="http://schemas.android.com/tools"  
  3.     android:layout_width="fill_parent"  
  4.     android:layout_height="fill_parent"  
  5.     android:orientation="vertical" >  
  6.   
  7.     <ImageView  
  8.         android:id="@+id/ID_ivMain"  
  9.         android:layout_width="fill_parent"  
  10.         android:layout_height="300dp"  
  11.         android:background="@color/Black"  
  12.         android:scaleType="centerInside"  
  13.         android:src="@drawable/pic_01" />  
  14.   
  15.     <TextView  
  16.         android:id="@+id/ID_tvPath"  
  17.         android:layout_width="wrap_content"  
  18.         android:layout_height="wrap_content"  
  19.         android:text="儲存路徑: " />  
  20.   
  21.     <EditText  
  22.         android:id="@+id/ID_etFileName"  
  23.         android:layout_width="match_parent"  
  24.         android:layout_height="wrap_content"  
  25.         android:ems="10" >  
  26.     </EditText>  
  27.   
  28.     <Button  
  29.         android:id="@+id/ID_btnSave"  
  30.         android:layout_width="wrap_content"  
  31.         android:layout_height="wrap_content"  
  32.         android:text="儲存" />  
  33.   
  34. </LinearLayout>  



MainActivity.java

[java] view plaincopy
  1. package com.example.imageviewsave2bitmap;  
  2.   
  3. import java.io.File;  
  4. import java.io.FileNotFoundException;  
  5. import java.io.FileOutputStream;  
  6. import java.io.IOException;  
  7.   
  8. import android.os.Bundle;  
  9. import android.os.Environment;  
  10. import android.app.Activity;  
  11. import android.graphics.Bitmap;  
  12. import android.graphics.Bitmap.CompressFormat;  
  13. import android.util.Log;  
  14. import android.view.Menu;  
  15. import android.view.View;  
  16. import android.view.View.MeasureSpec;  
  17. import android.widget.Button;  
  18. import android.widget.EditText;  
  19. import android.widget.ImageView;  
  20. import android.widget.TextView;  
  21.   
  22. public class MainActivity extends Activity {  
  23.   
  24.     private ImageView m_ivMain;  
  25.     private Button m_btnSave;  
  26.     private TextView m_tvPath;  
  27.     private EditText m_etFileName;  
  28.       
  29.     @Override  
  30.     protected void onCreate(Bundle savedInstanceState) {  
  31.         super.onCreate(savedInstanceState);  
  32.         setContentView(R.layout.activity_main);  
  33.           
  34.         String strPath = getSDPath();  
  35.         m_ivMain = (ImageView) findViewById(R.id.ID_ivMain);  
  36.         m_ivMain.setScaleType(ImageView.ScaleType.CENTER_INSIDE);  
  37.         m_btnSave = (Button) findViewById(R.id.ID_btnSave);  
  38.         m_tvPath = (TextView)findViewById(R.id.ID_tvPath);  
  39.         m_etFileName = (EditText)findViewById(R.id.ID_etFileName);  
  40.           
  41.         m_tvPath.setText(strPath);  
  42.           
  43.         m_btnSave.setOnClickListener(new Button.OnClickListener(){//建立監聽      
  44.                 public void onClick(View v)   
  45.                 {      
  46.                     String strFileName = m_etFileName.getText().toString().trim();  
  47.                     saveImage(strFileName);  
  48.                 }  
  49.             });      
  50.     }  
  51.   
  52.     @Override  
  53.     public boolean onCreateOptionsMenu(Menu menu) {  
  54.         // Inflate the menu; this adds items to the action bar if it is present.  
  55.         getMenuInflater().inflate(R.menu.main, menu);  
  56.         return true;  
  57.     }  
  58.   
  59.     public static String getSDPath()  
  60.     {  
  61.         boolean hasSDCard = Environment.getExternalStorageState().equals(Environment.MEDIA_MOUNTED);  
  62.         if(hasSDCard)  
  63.         {  
  64.             return Environment.getExternalStorageDirectory().toString() + "/saving_picture";  
  65.         }  
  66.         else  
  67.             return "/data/data/com.example.imageviewsave2bitmap/saving_picture";  
  68.     }  
  69.       
  70.     public static Bitmap convertViewToBitmap(View view)  
  71.     {  
  72.         view.measure(MeasureSpec.makeMeasureSpec(0, MeasureSpec.UNSPECIFIED), MeasureSpec.makeMeasureSpec(0, MeasureSpec.UNSPECIFIED));  
  73.         view.layout(0, 0, view.getMeasuredWidth(), view.getMeasuredHeight());  
  74.         view.buildDrawingCache();  
  75.         Bitmap bitmap = view.getDrawingCache();  
  76.   
  77.         return bitmap;  
  78.     }      
  79.   
  80.     // first SDCard is in the device, if yes, the pic will be stored in the SDCard, folder "HaHa_Picture"  
  81.     // second if SDCard not exist, the picture will be stored in /data/data/HaHa_Picture  
  82.     // file will be named by the customer  
  83.     public void saveImage(String strFileName)  
  84.     {  
  85.         Bitmap bitmap = convertViewToBitmap(m_ivMain);  
  86.         String strPath = getSDPath();  
  87.   
  88.         try  
  89.         {  
  90.             File destDir = new File(strPath);  
  91.             if (!destDir.exists())  
  92.             {  
  93.                 Log.d("MagicMirror", "Dir not exist create it " + strPath);  
  94.                 destDir.mkdirs();  
  95.                 Log.d("MagicMirror", "Make dir success: " + strPath);  
  96.             }  
  97.               
  98.             File imageFile = new File(strPath + "/" + strFileName);  
  99.             imageFile.createNewFile();  
  100.             FileOutputStream fos = new FileOutputStream(imageFile);  
  101.             bitmap.compress(CompressFormat.JPEG, 50, fos);  
  102.             fos.flush();  
  103.             fos.close();  
  104.         }  
  105.         catch (FileNotFoundException e)  
  106.         {  
  107.             // TODO Auto-generated catch block  
  108.             e.printStackTrace();  
  109.         }  
  110.         catch (IOException e)  
  111.         {  
  112.             // TODO Auto-generated catch block  
  113.             e.printStackTrace();  
  114.         }  
  115.     }  
  116. }  


原始碼程式下載

相關文章