Scroll Content -- 觸控滾動

行程其實都排好了，但是最大的問題果然還是自己的動作慢，做甚麼都卡卡的，希望別搞到挑燈夜戰，白天好想翹班，不過還是安分點吧，人生～

這幾天翻著還想說怎麼沒看到，今天就給我翻到了觸控滾動畫面的功能，詳細原文這邊，用手機觸控滑動很正常，這個年代還有誰用手機是要特別去戳旁邊的滾動條的（那個到底怎麼翻我真的忘了）反正功能很簡單，就是當畫面太長──的時候自然會有東西藏在畫面之外，這功能就是設定讓使用者用觸摸的方式直接下拉上移。


廢話不多說程式來咧：

1 2 3 4 5 6 7 8 9 10 11

--import the external scrolling classes local scrollView = require("scrollView")   --setup top and bottom boundaries for the scrolling view local topBoundary = display.screenOriginY +60 local bottomBoundary = display.screenOriginY + 48   --setup a group into which you can insert anything that needs to scroll local scrollView = scrollView.new{ top=topBoundary, bottom=bottomBoundary }

這個程式的原理是，設定一個叫做scrollView的group（程式第一行）且這個group裡的物件（不論文字或是圖片）都可以藉著觸碰而滾動的功能。

在group中新增物件的方法與Corona預設的方式一樣：scrollView:insert(愈加入物件名稱)

另外，如果想加入右方的捲軸（那一條可以移動的東西）要加上的程式如下：

1 2	if scrollView.height > screenH then scrollView:addScrollBar( 255, 255, 255, 120 ) end

前半是判別群組邊的高度如果大於螢幕時（需要使用滾動功能時）就會顯示卷軸，後半的scrollView:addScrollBar是控制捲軸顏色及透明度，可修改。

除了以上程式之外，之前在其他篇分享中提到的捲軸移除顯示功能也可以使用，程式如下：

1 2 3 4

--移除捲軸顯示 scrollView:removeScrollBar() --呼叫回捲軸 scrollView:addScrollBar()

附載程式下載：download