一、播放影片影院頁制作
上一節已經做完了首頁所有欄目內容,那么點擊購票后應該出現對應有購票的影院,選擇影院后進入購買票務頁。
首先新建一個頁面命名為播放該影片的影院:
接著復制首頁中的標題欄到播放影片的影院頁中,此時需要刪除右側行內容:
接著更改 logo 部分的背景色為透明:
接著在 logo 中添加一個文本,為朝向左的箭頭:
這個箭頭用于返回上一層,此時由于該logo 部分有具體大小值,需要更改高度為包裹:
重命名這個行為返回:
接著給這個文本創建一個事件,調用前臺返回上一層:
此時進入頁面后,點擊返回文本可以回退到剛剛所訪問的上一頁內容。
接著直接復制影院頁的內容到當前頁即可:
此時還需要刪除其中的廣告圖片。
二、影院擁有的影片顯示
影院擁有的影片顯示頁制作也很簡單,直接復制 播放影片的影院頁 重命名為 影院擁有的影片顯示頁:
接著刪除影院原本擁有的內容:
復制首頁首頁欄中的熱映內容到 影院擁有的影片顯示頁 中:
三、管理員頁
接著制作管理員頁內。
首先創建一個頁面,命名為 管理員首頁:
接著復制 影院擁有的影片顯示頁 中的標題提到管理員頁:
接著刪除下拉選項,將下拉選項刪除,添加文本,內容為當前頁面標題,命名為 管理員首頁:
隨后再到首頁我的登錄后要顯示的內容與反饋復制過來:
刪除復制過來的管理員入口,在此處沒有必要了,因為已經進入到管理員頁了:
接下來更改對應的背景色:
再重復的去復制內容就可以,然后更改其文本:
三、影院增加頁
接著創建一個頁,命名為影院增加頁:
賦值管理員首頁的標題到影院增加頁:
接著更改對應的文本內容為 影院增加頁,這個頁面主要用于增加影院信息:
接著復制管理員頁中的幫助與反饋行,賦值到影院增加頁:
接著重命名這個復制過來的幫助與反饋(記得刪除內部內容)為增加信息:
隨后創建一個行命名為內容,內部為一個輸入框:
內容行依舊需要設置內邊距,并且高度為包裹;隨后創建多個行內容:
在此需要注意,有一個行為標簽,該行是為了給當前影院增加對應的標簽信息,例如是否有vip廳、是否贈送零食、以及一些其他配置標簽。
這些標簽的添加只需要在標簽輸入框中輸入文本,點擊添加即可在標簽區域顯示;此時我們可以添加一個一維數組,命名為標簽:
隨后給予確認按鈕事件,點擊按鈕后添加輸入的標簽信息到標簽數組中,之后再直接循環標簽信息即可。
此時給予按鈕事件:
此時我們發現,在事件中,我還判斷了要添加的標簽文本內容字符數是否為0,如果是為0 則表示沒有輸入內容,就不會進入到添加內容中;接著若內容大于0,則表示有內容,進入到條件中,直接給予標簽一維數組添加值為輸入框的值即可,當然最后還還要清空對應的輸入框標簽內容,否則體驗感就不是很好。
此時我們已經添加了對應的標簽信息到一維數組,那如何使標簽信息顯示呢?我們需要一個for循環,直接給顯示的標簽信息放到for循環中,指定 for 循環的數據來源為標簽的循環數組即可:
接著再給文本要顯示的內容綁定為當前數據1即可:
那么此時我們查看預覽,輸入內容后即可添加信息到標簽進行顯示。
接下來添加一個按鈕即可完成剩下操作:
剩下的頁面內容相似,不再贅述,其頁面如下.
影院刪除頁:
影片增加頁:
影片刪除頁: