iT邦幫忙

2022 iThome 鐵人賽

DAY 6
0
Mobile Development

從零開始的Swift開發心路歷程2系列 第 6

【從零開始的Swift開發心路歷程2-Day6】簡單的UIMenu

  • 分享至 

  • xImage
  •  

我們在FMDB的練習中會使用到UIMenu來進行修改資料和刪除資料的功能
因此來簡單的介紹一下UIMenu
UIMenu是iOS14.0以上新增的功能,在視覺上有點類似下拉式選單的效果
我們就接著以FMDB的TableViewCell來實作UIMenu吧!
首先在cell內新增一個Button

 func setMoreButton(){
    moreButton.setTitle("", for: .normal) // 設定按鈕標題文字
    moreButton.setImage(UIImage(systemName: "ellipsis"), for: .normal) // 設定按鈕圖案
    moreButton.showsMenuAsPrimaryAction = true //是否將menu當作主要的操作
}

接下來再來設定menu的細部,先設定詳細資料和刪除兩個UIAction,將其加入UIMenu的children中,再將按鈕的menu設定為剛剛宣告的menu

    func setMenu(){
        let detailsAction = UIAction(title: "詳細資料", image: UIImage(systemName: "square.and.pencil"), handler: { action in
            print("詳細資料")
        })
        
        let deleteAction = UIAction(title: "刪除", image: UIImage(systemName: "trash.fill"), attributes: .destructive, handler: { action in
            print("刪除")
        })
        
        let menu = UIMenu(children: [detailsAction, deleteAction])
        moreButton.menu = menu
    }


如此一來就完成簡易的UIMenu啦!
按下menu中的按鈕後,也會執行handler裡的動作
明天就先來講如何刪除資料吧


上一篇
【從零開始的Swift開發心路歷程2-Day5】簡單的FMDB練習(4)-顯示資料
下一篇
【從零開始的Swift開發心路歷程2-Day7】簡單的FMDB練習(5)-刪除資料
系列文
從零開始的Swift開發心路歷程230
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言