AppInventor2照相與圖片元件

AppInventor2照相與圖片元件範例--照相機程式製作

寫一個程式能夠進行拍照，可以檔案總管與下拉選單選取照片顯示在螢幕，本程式需要實機執行程式，使用模擬器執行無法使用拍照功能。

（一） 預覽執行結果

Step1)點選「連線->AI Companion」，使用手機或平板執行應用程式「MIT AI2 Companion」將程式由網站下載到手機或平板執行，使用手機或平板才會有拍照功能。

Step2)執行範例程式的拍照功能，點選「拍照」，啟動拍照功能。

按下快門，進行拍照。拍照後，系統儲存圖片到手機的檔案空間，將拍攝照片顯示在下方圖片元件中。

Step3)瀏覽系統中所有照片，點選「從檔案總管選取照片」。

可以瀏覽系統之前所拍攝的照片，點選要選取的圖片，會將所選取的照片顯示在下方圖片元件中。

Step4)由選單挑選照片，點選「從拍照選單挑選照片」出現目前拍攝照片的檔案選單。

點選圖片檔案位置「file://storage/emulated/0/Pictures/...」，該圖片為剛剛在「Step2」所拍攝的圖片，點選後將剛剛拍攝的圖片顯示在下方圖片元件中。

（二）建立使用者介面

在Screen1，新增一個表格布局，在表格布局元件內加入一個按鈕、一個圖片選擇器、一個清單選擇器與一個圖片，與一個照相機。

Screen1的畫面