前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >iOS17适配指南之UIMenu与UIAction

iOS17适配指南之UIMenu与UIAction

作者头像
YungFan
发布2023-07-09 14:59:23
7590
发布2023-07-09 14:59:23
举报
文章被收录于专栏:学海无涯

介绍

  • UIMenu.Options 增加了新的显示模式displayAsPalette
  • UIAction 增加了新的构造方法,可以设置更多参数。

案例

代码语言:javascript
复制
import UIKit

class ViewController: UIViewController {
    override func viewDidLoad() {
        super.viewDidLoad()

        showMenuInButton()
    }

    func showMenuInButton() {
        let button = UIButton(type: .custom)
        button.setTitle("显示菜单", for: .normal)
        button.setTitleColor(.systemGreen, for: .normal)
        button.sizeToFit()
        button.center = view.center
        button.menu = createMenu()
        button.showsMenuAsPrimaryAction = true
        view.addSubview(button)
    }

    func createMenu() -> UIMenu {
        // 第1个菜单
        let favorite = UIAction(title: "喜欢",
                                subtitle: "喜欢内容", 
                                image: UIImage(systemName: "heart"),
                                selectedImage: UIImage(systemName: "heart.fill"),
                                identifier: nil,
                                discoverabilityTitle: "",
                                attributes: [.destructive],
                                state: .on) { _ in
            print("favorite")
        }
        // 第2个菜单
        let share = UIAction(title: "分享",
                             image: UIImage(systemName: "square.and.arrow.up"),
                             selectedImage: UIImage(systemName: "square.and.arrow.up.fill")) { _ in
            print("share")
        }
        // 第3个菜单
        let delete = UIAction(title: "删除",
                              subtitle: "删除内容") { _ in
            print("delete")
        }
        let menuElements = [favorite, share, delete]
        let menu = UIMenu(title: "菜单",
                          subtitle: "菜单副标题",
                          image: UIImage(systemName: "filemenu.and.cursorarrow"),
                          identifier: nil,
                          options: [.displayInline, .displayAsPalette], // 显示模式
                          preferredElementSize: .large, 
                          children: menuElements)
        return menu
    }
}

效果

UIMenu与UIAction.gif

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2023-07-04,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 介绍
  • 案例
  • 效果
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档