[Android] FlexboxLayout, RecyclerView - 자연스럽게 쌓이는 뷰

이번 작업 디자인에 요런 친구가 있는데, 이걸 뭐라고 검색해야 나올까,,, 아직도 모르겠으나,,!

이미지로 찾아보며 비슷한 구성의 글들을 모두 찾아본 결과 

FlexBoxLayout 이라는 친구를 발견 !

 

일반적인 recyclerView의 linearlayout, gridLayout, staggeredGridLayout은

충족이 안되는게 리스트의 사이즈에 따라 말그대로 flexible하게 줄이 늘어나야하고 텍스트의 길이에 따라

알잘딱깔센으로 나눠져야 하는 상황!

 

딱 flexboxlayout이 찰떡이다

방법은 너무나도 간단

 

Recyclerview의 layoutmanager를 설정해주는 파트에서 아래처럼 설정해주면 되는것

FlexboxLayoutManager layoutManager = new FlexboxLayoutManager(this);
layoutManager.setFlexDirection(FlexDirection.ROW);
layoutManager.setJustifyContent(JustifyContent.FLEX_START);

binding.tagRv.setLayoutManager(layoutManager);
binding.tagRv.setAdapter(adapter);

(그 외 여러 기능들이 많으니 아래 깃헙 링크 참고!)

결과! 끝!

 

[참고]

https://github.com/google/flexbox-layout

GitHub - google/flexbox-layout: Flexbox for Android