#24 運用 page control、segmented control、button & gesture — 愛在三部曲

🎬 運用的元件

運用元件切換《愛在》三部曲電影畫面與電影台詞

  • Page Control
  • Segmented Control
  • Prev、Next Button
  • Swipe Gesture Recognizer 左右滑手勢
  • Image View
  • Label(顯示電影台詞)

🎬 APP畫面

Outlet

Array

資料儲存在Images、Labels的陣列中,並定義一個型別為Int的變數,用於之後顯示陣列的排序

function定義同步改變的內容

每呼叫一次syncChange(),就會顯示定義的內容

viewDidLoad 預設顯示的內容

PageControl、SegmentedControl

如果pageControl的當前位置是0的話,selectNumber設定為0(陣列排序為0),陣列的排序設定好後,呼叫syncChange()同時改變頁面的內容

Prev、Next Button

按下Prev按鈕後,如果selectNumber是0的話,selectNumber會變成到最後一頁。images的總數是3,減去1的話是2,所以當selectNumber在第一頁(排序0)的話,按下Prev Button後會到最後一頁(排序2)

Swipe Gesture Recognizer

🎬APP操作畫面

🎬 參考文章

🎬 GitHub

--

--