UIComponent를 상속받았고 displayUpdate를 재구현해 UIComponent의 위치와 동기화시켰다.
원리는 간단한데 flex위에 div를 띄우고 flex내에서 ExternalInterface로 div위치를 실시간으로 변경시킨것이다. flex위에 div를 띄우기 위해선 embed속성 중 wmode를 transparent로 설정해야 한다. 아직은 전체화면일때만 가능하다.
html내부에 작은영역으로 되게 되면 문제를 일으키게 된다.아래는 간단한 예제의 링크이다.
태그를 입력하면 바로 볼 수 있다.
맨처음 보이는 흰색부분은 flex의 TextArea이고 그TextArea값이 바로아래있는 DIV에 태그역할을 한다.
직접 태그를 입력하면 실시간으로 변경되는 모습을 볼수 있다.
HTMLDiv.as주의할점은 addChild를 안해도 생성자에서 div를생성한다.
일반 UIComponent를 생각하시고 HBox나 VBox같은 Container에 넣고사용할수 있다.
차후 OpenZet에 등록 심사중이다.
Posted by reiKop
