스위프트를 통해 사진을 여러장 선택 후, 선택된 이미지를 어떻게 홤면에 표시하나요?
288
작성한 질문수 8
안녕하세요
당근마켓에서 보면 저렇게 동그라미 버튼을 누르면 여러 장의 사진을 선택할 수 있고, 선택이 완료되면
선택된 사진을 버튼 옆으로 보여주는데요
이걸 구현할 때 가장 왼쪽에 있는 버튼 하나 구현하고, 그 옆에 선택된 이미지는 컬렉션 뷰를 통해 보여주면 되나요?
제가 구현하려고 하는 방법은 가장 왼쪽은 UIButton으로 구현하고 BSImagePicker를 통해 여러 장의 이미지를 선택하고 선택한 이미지를 별도의 배열에 저장한 다음에 그 옆으로 컬렉션뷰를 구현하여 배열 내의 사진을 한 장씩 보여주는 방식으로 하려고 합니다.
답변 1
1
안녕하세요, 인프런 AI 인턴입니다.
듀듀님, 스위프트에서 여러 장의 사진을 선택한 후 화면에 표시하는 방법에 대해 질문해주셨네요.
말씀해주신 방법대로 구현하실 수 있습니다. 가장 왼쪽에 UIButton을 두어 사용자가 버튼을 누르면 BSImagePicker 라이브러리를 이용하여 여러 장의 이미지를 선택하게 하고, 선택한 이미지들을 배열에 저장하신 후, UICollectionView를 이용해서 선택된 이미지를 가로 스크롤 형태의 갤러리로 보여주는 것이 좋은 접근 방법입니다.
UIButton에 액션을 연결해 BSImagePicker를 호출하고, UIImagePickerControllerDelegate를 사용하여 선택된 이미지들을 반환받아 처리한다음, UICollectionView의 dataSource에서 해당 배열을 참조하여 사용자에게 보여줄 수 있도록 컬렉션 뷰 셀에 이미지를 설정하면 됩니다.
이미지를 삭제하는 기능도 구현하려면 컬렉션 뷰 셀 내에 삭제 버튼을 추가하고 해당 버튼에 액션을 연결하여 배열에서 해당 이미지를 제거하고 컬렉션 뷰를 새로고침(refresh)하면 됩니다.
참고로, 실제 이미지를 버튼 옆으로 보여주는 UI 구성을 할 때는 Autolayout 또는 SwiftUI를 사용하여 유동적인 레이아웃을 구성해 주시면 사용자 경험을 개선할 수 있습니다.
적절한 레이아웃과 함께 구현하시면 듀듀님의 앱에서 멋진 이미지 선택 기능을 사용할 수 있을 겁니다. 진행하시는 개발이 잘 되기를 바랍니다!
타입 에러 관련 질문입니다.
1
22
1
진로에 대한 질문...!
0
26
0
'플러터 개발환경 세팅하기' 링크 클릭시, 악성 스크립트 설치 유도 페이지로 이동하니 조심하시길 바랍니다.
0
55
2
Static 선언 시 에러 발생
0
41
1
클로저의 형태로 만들다
0
45
1
Function Types Error
0
38
1
[강의 문의] '앱 출시하기' 강의 추가 일정 관련하여 문의드립니다.
0
38
1
안드로이드 기기 실행 오류
0
50
2
수강연장 가능할까요...
0
58
2
강의에서 사용된 안드로이드 스튜디오 버전을 알고싶어요.
0
57
2
SwiftData 미리보기 미적용
0
55
2
중괄호와 함수
0
57
2
기본 뷰 디자인이 강사님과 다릅니다.
0
54
2
이미지 2x, 3x 질문
0
44
2
강의를 다 듣고난 후
0
71
2
android crud중 c 영상이 12초만 있는 잘린 영상이에요.
0
66
2
198강 (){onTap(e);}의 이해 돕기
0
68
1
더백님 감사합니다
1
74
1
수강 기간 연장 문의
0
67
1
수강연장부탁드려도될까요..
0
83
2
Combine Playground 에서 실행 시
0
96
2
video_call 플러그인 설치후 에러 발생
0
84
1
70강 - 글로벌 액터로 격리된 Protocol 을 extension 에서 conform 시 타입 본체의 격리 수준 질문
0
76
1
MCP 연동 인텔리제이 2.6.1
0
201
2