#24 運用 page control、segmented control、button & gesture — 愛在三部曲
Published in
Sep 8, 2021
🎬 運用的元件
運用元件切換《愛在》三部曲電影畫面與電影台詞
- 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