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

API가 제일 어려운 것 같다고 느꼈는데 사실상 좋아요 기능이 훨씬 헷갈린다... (ಥ⌣ಥ)

---

검색어 저장

마지막으로 입력했던 검색어를 SharedPreference를 이용해서 저장해 앱을 재시작해도 검색어가 자동으로 입력되어있도록 설정해준다.

MainActivity

SharePreference를 이용해 저장 및 불러오기 기능을 위한 함수를 만들어준다.

SearchFragment

mainActivity를 따로 상수인 main으로 선언해준다.

private val main by lazy { activity as MainActivity }

검색어를 입력했을 때 공백이 존재할 수 있기 때문에 trim을 이용해 공백을 제외한 입력값을 SharedPreference에 저장해준다. 네트워크 요청을 통해 공백을 제외한 입력값의 이미지 검색 결과를 가져와 화면에 표시해준다.

저장한 검색어는 fragment가 처음 시작될 때 호출되는 onCreateView에 불러오기 기능으로 저장했던 검색어를 가져오면 된다.

main.loadData(binding.searchEditText)

---

좋아요 기능

마음에 드는 이미지의 저장을 위해 책갈피의 이미지 버튼을 선택하면 책갈피가 채워지는 이미지로 변경되고 저장된 이미지는 따로 보관함에서 확인이 가능하도록 기능을 추가해줄 예정이다.

데이터 전달 방식

MainActivity의 frameLayout을 통해 두 가지의 fragment가 존재하게 된다.

그렇기 때문에 searchFragment에서 좋아요 기능 리스트를 선언해주는 것이 아닌, MainActivity 에 좋아요 기능 리스트를 선언한다.

searchFragment에서는 저장하기 위해 선택한 항목들의 정보를 UserData인 데이터 클래스에 따로 저장을 해주고 SaveFragment에서는 UserData에 저장된 리스트를 가져와 recyclerview에 적용해주면 되는 것이다.

---

SearchData

좋아요(저장) 기능의 여부는 SearchData의 isSave를 가지고 판별해준다.

---

MainActivity

저장한 항목을 SearchData 형식의 리스트에 추가 및 제거 함수를 만들어준다.

한 번 저장된 항목은 복수로 저장할 필요가 없기 때문에 리스트에 존재하지 않는 항목일 경우에만 저장을 해주면 된다.

---

SearchAdapter

SearchAdapter에서 선택한 데이터를 SearchData 형태의 리스트에 추가해주면 된다.

그리고 저장 버튼을 눌렀을 때 저장 이미지가 변경되고, isSave가 false이면 선택된 항목이 아니기 때문에 저장이 되고, isSave가 true이면 이미 선택된 항목이기 때문에 저장한 리스트에서 제거해주면 된다.

---

SaveFragment

SearchData 형태의 saveList를 MainActivity의 saveList로 설정해주고, SaveAdapter의 mData에 savedList를 추가해주고, SaveAdapter을 연결한 뒤, layoutManager까지 설정해주면 된다.

---

SaveAdapter

SearchAdapter과 동일하지만 bookmark시의 데이터 추가 부분을 제외한 나머지 코드를 동일하게 구성했다.

---

실행화면

뭔가 다 된거 같은데 이상하게 보관함에서 저장한 항목들이 안보인다..? recyclerview가 비어있는...????하ㅠㅠ 내일 추가로 수정해보자.