2014년 5월 22일 목요일

Tizen keypad에 ExpandableEditArea가 가려지지 않게 하는 방법

아래 내용은 Tizen 2.2 기반이라 상위 버전에서는 별 의미 없는 내용입니다.
---------------------------------------------------------------------------
Android 같은 경우 manifest에서 activity에 대해서 adjustPan, adjustResize 같은 option이 있어 자동으로 해결해 주지만 tizen의 form에서는 그렇지 않은것 같다. (아직 자동으로 form을 re-size 하게 하는 방법을 찾지 못함.)

keyboard의 event를 받아서 edit control를 수동으로 옮겨주는 방법을 사용해야 함.

: https://developer.tizen.org/dev-guide/2.2.1/org.tizen.native.appprogramming/html/tutorials/ui_tutorial/using_overlay_keypad_without_scroll.htm

Figure: Partially obscured edit field

위 방법으로는 화면상에서 virtual keypad가 표시되면 keypad의 height를 알아내서 입력하는 control(Edit control들)의 위치를 변경하는 방법이다.
즉 form 자체가 re-size되는게 아니라 keypad가 표시되면 keypad에 edit control이 가려지지 않도록 위치를 조정하는 방법임.

하다보니 좀 이상한게 있었는데
채팅창 처럼 입력 후 button을 클릭해야 한다면 해당 button도 keypad에 가려지지 않도록 위치도 조정을 해야 했었다. 하지만 직접 해보니 keypad생성 시 edit control과 함께 위치를 조정했지만 button이 클릭되지 않는 현상이 발생 ㅜㅜ 그래서 그냥 edit control만 keypad에 가려지지 않도록 하고 입력 후 back key를 눌러 keypad를 사라지게 한뒤 button 클릭 하게 하였음.


[ExpandableEditArea]

Expandable edit area

EditArea를 입력창으로 썼었는데 입력 시 전체화면에서 입력 하도록 전환이 되어 찾은 control임. 전체화면 입력을 사용하지 않고 입력창의 line같은 세부 설정이 가능함.

: https://developer.tizen.org/dev-guide/2.2.0/org.tizen.native.appprogramming/html/guide/ui/implementing_exp_editarea.htm

: https://developer.tizen.org/dev-guide/2.2.0/org.tizen.native.apireference/classTizen_1_1Ui_1_1Controls_1_1ExpandableEditArea.html

댓글 없음:

댓글 쓰기