셀렉트바 // 팝업윈도우를 이용한 셀렉트바 만들기 1부

 웹에서 셀렉트바 처럼 메뉴가 밑으로 쭉 내려가는 UI 가 있다. 안드로이드 상에선 리스트뷰 자체로 입력 타입을 대체하곤 한다.

자바스크립트에서 제공하는 셀렉트 바 이다. 이런식의 메뉴바를 구성 하려면 어찌 해야 할지.. 굳이 기본을 쓰면 좋겠지만.

이런식으로 구성을 하라 해서 어쩔 수 없이 만들어 보게 되었다.  개발자에겐 힘이 없다.....ㅠㅠ

여러 가지 알아 본 결과 popupwindow 에서  showasDropDown() 이라는 함수가 있다.

http://developer.android.com/reference/android/widget/PopupWindow.html#showAsDropDown(android.view.View, int, int)

이 함수를 쓰면 parent View에 종속족으로 popupWindow가 위치하게 되더라.

위처럼 View위에 View를 띄울 수 있다는 얘기가 된다.

실행 화면을 먼저 보자면

이런식의 화면이 구성 할 수 있게 된다. 보기엔 간단해 보이지만 상당히 손이 많이 가는 작업이 된다.

Expendable List처럼 버튼이 클릭되엇을때 ▽ 화살 표가 △ 이런식으로 펼쳐 져야 하고, 그 버튼이 눌럿을때의 이미지를 또

설정해 줘야 하고 리스트로 뿌려질 popupWindow의 Top 과 Middle , Bottom 의 이미지도 각각 다르게 셋팅해줘야 되기 때문

상당히 귀찮은 작업이 아닐 수 없다.

이 버튼 하나를 처리 하는데 필요한 레이아웃도 많을뿐더러 그만큼 코드 양도 많이 처리 하게 되서 처음엔 만들면서 너무

헷갈리더라...

지금 만든 팝업 윈도우의 구성을 보자면

백그라운드 레이아웃에 있는 토글 버튼

popupWindow의 리스트뷰

리스트뷰 안의 AdapterView 로 이루워져 있다.

지금은 Text자체로만 체크 하였지만 그안에 또 레이아웃이 숨어 있으니 더 확장이 가능하다는 얘기가 된다.

코드의 설명은 2부에서 설명 하도록 하겠습니다. 은근히 설명 만 주저리 주저리 하다보니 글이 많이 길어진 느낌이 들어서;