2011-01-29 5 views
1

오랫동안 웹 사이트를 개발했지만 GWT를 처음 접했을 때 정말 시도하고 싶습니다.GWT에서 데스크톱 응용 프로그램과 같은 응용 프로그램 레이아웃을 만드는 방법은 무엇입니까?

GWT 디자이너를 사용하여 GWT 응용 프로그램을 레이아웃하려고했습니다. 내 생각은 FF로 디자인을하는 것입니다 : 난 정말이 응용 프로그램의 설계 단계에 붙어 있기 때문에이 디자인을하는 가장 좋은 방법이 될 수 무엇

----------------------------------- 
|Header - fixed height   | 
----------------------------------- 
|Navigation - fixed height  | 
----------------------------------- 
| Component  <-|-> Right | 
| box (a)  | sidebar | 
|resize with screen |predefine | 
|     | width | 
----------------------------------- 
|Group control- fixed size  | 
----------------------------------- 

. 구성 요소 상자 (a)의 너비 및 높이에 맞게 자동으로 데스크탑 응용 프로그램처럼 보이게하려면 어떻게해야합니까?

GXT와 GWT 조합을 사용하고 있습니다. 그래서 컨트롤은 순수 GWT 또는 GXT 지원이 될 수 있습니다. 또는 뒤에 논리가 좋습니다.

대단히 감사합니다.

답변

2

제이슨 홀의 대답을보세요. 여기에 Uibinder 샘플이 있습니다 (필요한 경우) :

<g:DockLayoutPanel unit='EM'> 
    <g:north size='4'> 
     <g:Label> Header & Navigation </g:Label> 
    </g:north> 
    <g:center> 
     <g:SplitLayoutPanel> 
     <g:east size='128'> 
      <g:Label> Right Sidebar </g:Label> 
     </g:east> 
     <g:center> 
      <g:ScrollPanel> 
      <g:Label> Component Box </g:Label> 
      </g:ScrollPanel> 
     </g:center> 
     </g:SplitLayoutPanel> 
    </g:center> 
    <g:south size="2"> 
     <g:Label> Group control </g:Label>    
    </g:south> 
</g:DockLayoutPanel> 
+0

이것은 간단한 DockLayoutPanel 설정의 좋은 예입니다. –

+0

나는이 질문을 가지고 나를 도울 수 있는지 살펴 보시기 바랍니다. http://stackoverflow.com/questions/4841957/gwt-docklayout-panel-not-working. 고맙습니다 – DucDigital

1

gwt 용 응용 프로그램과 같이 gwt-mosaic을 제안합니다. demo을 확인해야합니다. 물론 순수한 자바이므로 모자이크 구성 요소를 디버그하는 것은 매우 쉽습니다.

2

layout panels으로 쉽게 수행 할 수 있습니다.

앱이 페이지를 채우게하려면 RootLayoutPanel을 사용하십시오.

앞서 설명한대로 앱을 분할하려면 DockLayoutPanel을 사용하세요.

+0

제가이 문제를 가지고 있습니다. http://stackoverflow.com/questions/4841957/gwt-docklayout-panel-not-working. 감사합니다. – DucDigital