星期六, 10月 31, 2015

圖形化的Android開發:APP INVENTOR 2 - 指北針

折騰了一天,好不容易搞懂 opintationSensor 的應用方式,馬上加入到夢想中的懶人APP,沒想到完工後,卻發現 - - - - - - 根本不搭呀!而且似乎還有校正的問題,只好捨棄重練。

但是也讓我發現 APP INVENTOR 2 果然就是懶人的神兵利器,而且還有繁中版本,雖說軟體工程師英文一定要好,但是腦袋打結時偷偷切回中文,也是一番風味。

重點來了,本篇紀錄 opintationSensor 的簡單應用 - 指北針 供未來查詢。


元件介紹:(APP INVENTOR TW中文學習網)

【Sensors】

          Orientation-Sensor 姿態感應器

【Drawing and Animation】

          Canvas 畫布

          ImageSprite 圖片精靈 → 放在 Canvas 上,搞很久才發現。


作法(1)
繪製好一張標有東西南北四個方位圖和一個指針圖

在Desiger中將原件置入,除了 Orientation-Sensor 看不到外,其餘應該都是置中的狀態。

Upload方位圖做為 Canvas 畫布的背景、 指針圖到ImageSprite。

切換至Blcks拼出程式圖:
完工。 


作法(2)  你也會寫Android應用程式: App Inventor2專題製作  關於 Canvas 畫布的玩法

Canvas 畫布不需背景,只需要帶入指針圖到ImageSprite。

排版完成後,切換至Blcks拼出程式圖:



完工。猜猜畫面會出現什麼!

這個例子是宣告 Screen1 初始化後,呼叫 (call) Canvas 畫出文字 (Draw Text),也是不錯玩呦。

參考資料: