레이블이 keyboard인 게시물을 표시합니다. 모든 게시물 표시
레이블이 keyboard인 게시물을 표시합니다. 모든 게시물 표시

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