[WWDC21] Meet the UIKit button system

• Buttons
• Button configuration
• Toggle buttons
• Pop-up buttons
• Menus

Buttons

• 이제 4가지 스타일 제공함

• Dynamic type default로 지원
• Multiline 가능
• Accessibility 증가
• 커스텀하기 쉬움

Button configurtaion

• 기존의 코들를 업데이트 하지 않고도 configuration 사용해 쉽게 업데이트 가능

• imagae 위치 설정 가능
• subtitle 추가

• cnofigurationUpdateHandler 사용해 특정이벤트에 업데이트 가능
• 버튼이 눌렸을 때 업데이트

• setNeedsUpdateConfiguration 사용해 업데이트가 필요한 시점에 업데이트 가능
• didSet 사용해 itemQuantityDescription 값이 변경되면 버튼의 subtitle 업데이트 해준다.

• activity indicator 보여주기 가능

• contentInsets, titlePadding, imagePadding 설정 가능

• semantic styling은 버튼을 쉽게 만들게 해준다.

Toggle buttons

• 선택된 상태를 유지함

• 코드로도 설정 가능

• On & Off 상태 configuration으로 설정 가능

• bar button item에서도 사용 가능

• changesSelectionAsPrimaryAction = true로 설정해주면 toggle button

Pop-up buttons

• pull down button과 비슷하다.
• 1개 선택된 상태로 시작 가능

• 선택된 메뉴 확인 가능

• 코드로 state 변경 가능
• UIAction의 state를 .on으로 설정하면 default selected로 설정 가능

• interface Builder에서도 생성 가능

Mac Catalyst

Mac Catalyst에서 자동으로 작동한다.

• style automatic 말고 pad 등으로 강제 설정도 가능

UIMenu

• button, barbutton 과 자주 함께 사용됨
• subtitle(submenu에서만 보임)
• 서브 메뉴 추가 가능
• 선택된 항목 확인 가능

sortSelectionButton.menu?.selectedElements.first

참고

• https://developer.apple.com/videos/play/wwdc2021/10064/