
第四章
動畫
Android
程式有很多獨特的動畫特色,可在情境和意義方面讓使用者獲益良多。例如,當
使用者經由連結進入時,頁面是往左滑,而當使用者回來原頁時,則是往右滑。本章中,
你會學習如何新增有特色的行為到你的網站程式,諸如滑行、頁面翻閱等等。這些變化會
讓你的網站程式幾乎和本機應用程式難以區分。
來自朋友的協助
我必須坦誠:把網頁動畫做得像一般本機程式那樣是很困難的。所幸,有個青年企業家
David Kaneda
做了一個
JavaScript
程式庫,稱為
jQTouch
,可讓行動網站開發變得極為容
易。
jQTouch
是開放原始碼的
jQuery
外掛程式(
plug-in
),可以處理前章所學的一切事
物,以及更多複雜的東西,要從無到有的處理它們是很痛苦的事。
在寫這本書的此時,
JQTouch
的穩定版本是
v1.Ob3.1
,你可以從
https://github.com/senchalabs/jQTouch/zipball/b3.1
下載。一些顯著的改變是
計畫在下一個版本。假如你讀到這時,新版本已經出來,你也許仍想用
v1.Ob3.1
的版本來操作這本書其餘的部份,並且等到熟悉以下的概念後,再
更新至最新版本。
滑行的
Home
面板
我們要建立一個簡單的卡路里追蹤應用程式,稱為
Kilo
,可讓使用者對特定日期新增和刪
除食物項目。整體來說有五個面板:
Home
、
Settings
、
Dates
、
Date
以及
New Entry
。我
們先從兩個面板開始,之後再加入更多面板。