🅰️ 이미지 검색 페이지 만들기 - 4

신난다~!!! 내가 해냈어!! .☆⸜(⑉˙ᗜ˙⑉)⸝♡.

데이터 저장 방법

SearchFragment에서 저장할 항목을 선택하면 이걸 MainActivity의 SearchData 형태의 리스트에 저장을 하고, SaveFragment에서 recyclerview의 항목들은 앞서 선택했던 항목들로 구성되어야 하기 때문에 MainActivity에서 저장했던 리스트를 가져와 적용시켜주면 된다.

---

SearchFragment

api에서 가져온 Document 형태의 데이터 값을 데이터 클래스에 넣어줄 것이기 때문에 Document을 SearchData로 데이터들을 설정해주면 된다.

---

SearchAdapter

SearchFragment에서 저장하기 위해 선택한 항목들을 MainActivity의 리스트에 저장을 해줘야한다. mainActivtiy에 선언했던 변수를 가져와 설정해주면 된다. 여기서 mData는 SearchData이다.

// mainActivity에 설정했던 리스트 변수
var saveList = mutableListOf<SearchData>()

---

오류 발생

저장 버튼도 잘 되니까 신나게 보관함을 눌렀는데.. 어? 왜 강제종료가..??

---

adapter가 중복 설정되어 있어 발생한 문제라 판단해 adapter 중복 연결 부분을 수정해주었다.

?????????????? 뭐야 왜 안돼?????

---

문제 해결

SaveFragment의 mItems인 Doument데이터를 초기화 해주었다.

여기서 리스트로 초기화 해야 하는 이유는??

SaveAdapter 클래스에서 사용되는 데이터 리스트와 화면에 표시되는 데이터 리스트가 서로 다른 형식을 가지고 있기 때문이다. SaveAdapter에서는 SearchData 형식을 받지만, 우리가 화면에 표시하기 위해서는 Document형식으로 초기화해서 표시해야 한다.

즉, SearchDocument형식으로 초기화해 화면에 표시하는 데이터와 SearcData 형식의 데이터를 mapping 해주면 된다.

---

참고

리스트 초기화 방식은 아래처럼 두 가지 중 하나를 선택하면 된다.

• 첫 번째 방식은mItems 리스트를 초기화 해 SearchData를 SearchDocument 형식으로 변환한 값을 추가해주는 것이다.

• 두 번째 방식은 생성자에서 Document로 초기화해주고 이를 addAll을 이용해 값을 추가해주면 된다.

보기에도 쓰기에도 깔끔한 방식은 두번째라서 사용할거면 두 번재 방식 추천!!!🌟

---

중복 저장 오류 발생

이전에 저장했던 항목인데, 보관함에 갔다가 다시 돌아와서 검색을 누른 후 이미 저장했던 항목의 저장을 다시 누를경우, 보관함에는 이미 동일한 항목이 저장되어 있기 때문에 변동이 없어야 하지만, 다시 누르면 보관함에 동일한 항목이 하나 더 저장이 되는 문제가 발생했다.

---

중복 저장 오류 해결

MainActivity에 선택한 항목을 저장 리스트에 추가하도록 조건을 걸었는데, 제대로 작동하지 않는 것으로 보아 중복체크를 강화해주면 될 것 같다.

그래서 위의 기존 코드에서 추가로 강화해주는 코드로 수정해주었다.

saveList에서 해당 항목의 url이 존재하는지 확인하고 존재하지 않을 경우에만 항목을 saveList에 추가해준다.

그러면 이렇게 짜잔! 기존에 추가했던 항목은 다시 눌러도 추가로 저장되지 않는다!

---

저장 취소 오류 발생

저장 취소 시 가장 마지막에 저장했던 항목이 하나 더 생기면서 결국 저장 취소 전의 갯수와 취소 후의 갯수가 동일한 오류가 발생했다.

저장 취소 오류 수정

화면을 표시할때는 SearchDocument를 사용해야 하지만 현재 코드에서 제거되는 것은 SearchData 리스트를 제거하고 있다. mItems 리스트와 mData 리스트의 크기가 일치하지 않으면 문제가 발생한 것이다.

예를 들어, mData 리스트와 mItems 리스트의 크기가 각각 4인 상태에서 마지막 항목을 제거하면 mData 리스트는 3개의 항목을 가지게 되고, notifyItemRemoved(position)이 호출되어 RecyclerView에서도 마지막 항목이 제거되지만, mItems 리스트는 여전히 4개의 항목을 가지고 있기 때문에 문제가 발생한다.

즉, removeAt 함수를 이용해서 mData와 mItems의 리스트의 해당 항목을 제거해주면 된다.

키보드 내리기

검색어를 입력하고 검색버튼을 누르면 키보드가 그대로 존재해 보기 불편하다고 느꼈다.

그래서 이렇게 검색버튼을 누르면 키보드가 사라지도록 hideKeyboard 함수를 하나 만들었고 이를 버튼을 눌렀을 때 처리되도록 적용해주었다.

확실히 이게 훨씬 보기 편한듯!!!!

---

이전 텍스트 제거

검색창에 입력 하고 추후 검색 창을 선택하면 이전에 입력했던 텍스트가 제거되도록 기능을 추가해주었다.