[[373173]]

想了解更多內容，請訪問：

51CTO和華為官方合作共建的鴻蒙技術社區

https://harmonyos.51cto.com/#zz

聲明一下哦，這是我看了夏曹俊老師在周六的直播預習材料的加持下所寫的一個小demo，大家記得都去看夏老師的直播哦，入口主頁就有顯示。

不多說，先上demo的跑起來的效果，如下兩張圖：點擊顯示圖片的按鈕之后就會顯示出一張圖片(圖片是個什么玩意，知足吧，我拿遠程模擬機拍攝的)

完整demo在附件中進行下載

PS說一下操作步驟吧，把demo燒進手機，記住此時候的手機是沒有圖片的，先打開照相機拍攝一張圖片，然后你就會得到和下面截圖一樣的什么玩意的圖片，然后打開demo,點擊顯示圖片按鈕就會顯示你拍攝到的圖片了)

老規矩還是先說一下大概思路：

1.讀取本機的圖片，首先你得有權限，所以先想辦法獲得權限

2.獲得權限之后，就可以使用類似數據庫的搜索方法來搜索圖片的ID了

3.獲得ID之后，然后將其轉換為uri

4.得到uri之后，然后使用uri生成Pixmap

5.得到Pixmap之后，使用Image來渲染其Pixmap

1.來獲得讀取照片的權限

在config中添加如下配置文件：

"reqPermissions": [{ 
 
"name": "ohos.permission.READ_USER_STORAGE" 
 
} 

 然后在java代碼中獲取到這個權限

String[] permission = {"ohos.permission.READ_USER_STORAGE"}; 
 
requestPermissionsFromUser(permission,0); 

 2.獲得權限之后，就可以使用類似數據庫的搜索方法來搜索圖片的ID了

首先獲得一個DataAbilityHelper

DataAbilityHelper helper = DataAbilityHelper.creator(getContext()); 

然后調用query查詢方法獲得圖片ID，這里其實只有一張

ResultSet result = helper.query(AVStorage.Images.Media.EXTERNAL_DATA_ABILITY_URI, null, null); 
 
int mediaId = result.getInt(result.getColumnIndexForName(AVStorage.Images.Media.ID)); 

 3.獲得ID之后，然后將其轉換為uri

Uri uri = Uri.appendEncodedPathToUri(AVStorage.Images.Media.EXTERNAL_DATA_ABILITY_URI,""+mediaId); 

4.得到uri之后，然后使用uri生成Pixmap

4.1 先將得到的uri使用openFile的API得到FileDescriptor對象

4.2 使用上一步的對象作為參數新建一個ImageSource對象和這個對象之下的DecodingOptions對象

4.3 然后調用上一步建好的ImageSource對象的createThumbnailPixelmap方法生成Pixmap

FileDescriptor filedesc = helper.openFile(uri,"r"); 
 
ImageSource.DecodingOptions decodingOpts = new ImageSource.DecodingOption(); 
 
decodingOpts.desiredSize = new Size(300,300); 
 
ImageSource imageSource = ImageSource.create(filedesc,null); 
 
PixelMap pixelMap = imageSource.createThumbnailPixelmap(decodingOpts,true); 

 5.得到Pixmap之后，使用Image來渲染其Pixmap

無論使用何種手段得到一個Image對象，然后調用它的setPixelMap將上一步得到的Pixmap作為參數傳進去就OK了。至于別的都是一些對Image其他屬性的設置。

Image img = (Image)findComponentById(ResourceTable.Id_image1); 
 
img.setId(mediaId); 
 
img.setHeight(300); 
 
img.setWidth(300); 
 
img.setMarginTop(20); 
 
img.setMarginLeft(20); 
 
img.setPixelMap(pixelMap); 
 
img.setScaleMode(Image.ScaleMode.ZOOM_CENTER); 

 由于時間比較急，所以這個demo比較簡單，只可以顯示一張圖片，下周我應該會在這個demo的基礎上繼續完善，有興趣的朋友可以關注一下。

完整demo的源碼見附件

©著作權歸作者和HarmonyOS技術社區共同所有，如需轉載，請注明出處，否則將追究法律責任

想了解更多內容，請訪問：

51CTO和華為官方合作共建的鴻蒙技術社區

https://harmonyos.51cto.com/#zz