2013年7月12日 星期五

【研習】相片藝廊,電子書

  這個筆記是【研習】AppInventor,Andriod手機APP程式設計第三天,範例試作相片藝廊,電子書的功能製作。

中平國中可以下載的網址:http://192.168.242.140/

▼加入元件,有Canvas,Button,Clock,Player





Canvas元件的屬性可以改。




Clock元件的屬性可以改
TimerEnabled是在勾選要不要一開始就啟動計時,或是先暫停。




Player元件的屬性可以改,isLooping是可以勾選重覆播發。



▼這是上傳素材,可以有圖片聲音…等。



▼進入區塊編輯
先定義一個變數n
定義一個變數pic,是一個清單list,裏面有10個圖片物件。




▼當按紐下去之後,執行ifelse函數

  若Clock1.TimerEnabled沒有被啟動(false),則不開播放器(Player1.Stop)顯示紐文字(Button1.Text)是text(這裏的文字Keyin的是"播放")。

  若Clock1.TimerEnabled被啟動(true),則開啟播放器(Player1.Start)顯示紐文字(Button1.Text)是text(這裏的文字Keyin的是暫停")。




▼當時鐘被啟動之後,去執行一個ifelse函數

若n值是小於10,則去執行"n值+1"。

若n值是不是小於10(即大於10,超過了上傳圖片預設的張數,本範例共有10張圖片),
則去執行"n值歸為0",再執行"n值+1"。




▼這個是Canvas裏面的 Flung函數,即是手指觸控。
x值與y值的原點在左上角,
橫軸向右x值是正值(大於0),
向下y是正值(大於0),

Flung函數比較重要的有xvel值與yvel值,
手指觸控向右,xvel值是正值(大於0),
手指觸控向下,yvel值是正值(大於0),





▼加入 Canvas1.Flung函數
執行ifelse函數
檢查xvel值是否大於0(即手指有沒有觸控向右滑動)
若xvel值大於0(即手指觸控向右滑動)
則執行if函數,假若n值小於等於1,則重新設定n值為11,再去執行設定"n值-1"
(說明:若手指觸控向右滑動,圖片會向左,n值會減1,遞次減到最低是n值為1,若圖片已經是第一張圖片(n值=1),手指再向右滑動觸控,則n值就會變成為小於等於1,則重設定n值為11)
若xvel值沒有大於0(即小於0,手指觸控向左滑動),
則執行if函數,若n值大於等於10,則重新設定n值等於0,再去執行設定"n值+1"。
(說明:若手指觸控向左滑動,圖片會向右,n值會加1,遞次加到最高是n值為10,因為本範例有10張照片,手指再向右滑動,n值會變成11,這時要重新設定n值為0,以利循環播放圖片。)




▼這裏是上課最後,沒有什麼時間,老師介紹電子書
電子書是一張圖片配一段朗誦文字的聲音檔,
因此程式的最下面會再加兩個
1、設定(set)Player1.Source,播放器來源,其後可以加text網址(音檔url)
2執行(call)Player1.Start,播放器開啟播放。

左下角還有一個,是Player1.Completed,即播放器播放Player1音訊完成之後,要再做…的動作,可以自己發揮。



朗讀的音訊檔,可以由中央工研院文字轉語音輸出聲音檔
申請帳號,一天內可以下載







沒有留言:

張貼留言