홈 화면의 책 드랍다운 버튼 클릭 시 UIMenu 로직 구현

[Kyxxn]

#️⃣ 연관된 이슈

• 책커버 드랍다운 버튼 #108

⏰ 작업 시간

예상 시간	실제 걸린 시간
1	2

📝 작업 내용

• UIButton에 있는 menu 프로퍼티를 통해 메뉴를 구현했습니다.
• 아직 BookCreation 뷰모델이 완벽하지 않아서 '책커버 수정'은 안 했고,
  '책커버 삭제'만 구현해뒀습니다

📸 스크린샷

📚 리뷰노트

UIButton의 menu

UIButton에는 Menu라는 프로퍼티가 있다.

iOS 14버전 이상부터 쓸 수 있음 !!

/// An optional menu for the button to display. The button will automatically enable or disable its contextMenuInteraction when a non-nil or nil menu is set. Defaults to nil.
@available(iOS 14.0, *)
@NSCopying open var menu: UIMenu?

dropDownButton.menu = UIMenu(
    title: "",
    children: [
        UIAction(
            title: "책 커버 수정",
            image: UIImage(systemName: "pencil"),
            handler: { _ in dropDownButtonEditAction() }
        ),
        UIAction(
            title: "책 커버 삭제",
            image: UIImage(systemName: "trash"),
            attributes: .destructive,
            handler: { _ in dropDownButtonDeleteAction() }
        )
    ]
)

근데 기본적으로 버튼에 들어가는 menu는 꾹 눌러야 메뉴가 뜬다.

그러면 나처럼 클릭했을 때 바로 menu가 보이게 하려면 어떻게 할까 ??

처음에 addAction이나 addTarget에 넣어야 하나 했지만, 이런게 있었다

얘를 true로 설정해주면 버튼을 꾹 누르지 않고도, 클릭 한 번으로 메뉴를 나오게 할 수 있다 !!

/// If the contextMenuInteraction is the primary action of the control, invoked on touch-down. NO by default.
@available(iOS 14.0, *)
open var showsMenuAsPrimaryAction: Bool

수정된 나의 코드

dropDownButton.showsMenuAsPrimaryAction = true
dropDownButton.menu = UIMenu(
    title: "",
    children: [
        UIAction(
            title: "책 커버 수정",
            image: UIImage(systemName: "pencil"),
            handler: { _ in dropDownButtonEditAction() }
        ),
        UIAction(
            title: "책 커버 삭제",
            image: UIImage(systemName: "trash"),
            attributes: .destructive,
            handler: { _ in dropDownButtonDeleteAction() }
        )
    ]
)

[iceHood]

너무 좋아요! 짱짱맨..

[k2645]

LGTM ~~ 👍