2011-04-08 8 views
1

Vaadin 구성 요소를 배치하는 데 많은 시간을 할애하고 있으며 자신의 Vaadin 응용 프로그램을 개발할 때 다른 사람들의 경험이 GUI를 배치 할 때 무엇인지 궁금해하고있었습니다.Vaadin 구성 요소의 정확한 배치에 문제가 있음

전 angel이라는 핵심 개발자로 내 경험/지식, 현재 angel이라는 응용 프로그램 디자이너/개발자가 사용하지 않는 한, CSS를 사용하여 구성 요소의 위치를 ​​만지지해야한다는 것입니다 중 하나 CssLayout 나 : CSS의 위치에 관한

답변

4

CustomLayout.

이러한 레이아웃을 사용하면 CSS에서 허용하는 모든 기능을 수행 할 수 있지만 (Vaadin은 포함 된 구성 요소에 인라인 크기를 추가합니다.) 다른 핵심 레이아웃을 사용하면 당신은 레이아웃 시스템의 내부 동작을 친밀하게 알고 있습니다.

코어 레이아웃에 대한 옵션은 CSS 스타일링에 대한 추가 자유를 제공하는 DashLayout 및 WeeLayout 부가 기능을 참조하십시오.

하지만 Java API를 사용하여 위치 지정 구성 요소에 대해 이야기하는 경우 많은 시간을 소비하는 위치를 조금 명확하게 설명하십시오.

+0

CSS를 수정하면서 내가 가진 한 가지 문제점은 Vaadin 7 이후 버전에서 변경 될 가능성이있는 Vaadin의 한 부분 인 것 같습니다. 또는 Vaadin 7에서도 CSS 레이아웃이 그대로 유지됩니까? – Zubair

+1

내 의지가 있다면 Vaadin 7에서 CSS의 부분이 바뀔 것입니다. 여기에서 계획 한 아이디어를 읽을 수 있습니다 : http://dev.vaadin.com/wiki/Vaadin7/Proposals/ ThemingImprovements – Jouni

+0

괜찮아요, 고마워요, 좋은 읽을 :) – Zubair

1

픽셀 위치 및 크기를 사용하는 AbsoluteLayout을 사용하는 데스크톱 세계에서 볼 때 구성 요소 레이아웃을 수행하는 방법은 매우 간단합니다.

이것은 Java 전용 레이아웃과 CssLayoutCustomLayout으로 얻는 강력한 웹 스타일 레이아웃 메커니즘 사이의 약간의 트레이드 오프이지만, 이들을 지능적으로 혼합하여 상당히 멀리 떨어져 있어야합니다.

+0

다른 브라우저 크기를 다룰 때 AbsoluteLayout이 어떻게 도움이됩니까? – Zubair

1

저는 CSS를 사용하여 일부 구성 요소 또는 패널의 배경 스타일을 지정합니다 ...
내 응용 프로그램의 기본 레이아웃은 대개 iTunes와 유사하게 보입니다. (일부 splitpanel, expandratio 또는 gridlayout)
그리고 나는 창 (전화 센터() 거의 매번)을 많이 사용합니다.
구성 요소 트리의 깊은 계층 구조에 대해 걱정하여 구성 요소 간의 통신을 어렵게했습니다. 그러나 BlackBoard 부가 기능으로 이제는 쉽습니다.
this 뭔가 흥미롭지 만 시도 할 시간이 없습니다.
그리고 XML을 사용하여 선언적 양식/테이블 필드 팩토리를 구현할 생각입니다.
imho, vaadin으로 개발하는 것은 기쁨입니다 ...

+0

웹에 Vaadin과 함께 칠판을 사용하는 방법을 설명하는 자료가 있습니까? – Zubair

+1

칠판은 레이아웃이나 컴포넌트의 위치를 ​​다루는 데 도움이되지 않습니다 (레이아웃을위한 해결책을 찾는다면 그렇지 않습니다) ...하지만 많은 컴포넌트가있을 때 (그리고 다른 레이아웃이나 패널), 칠판을 사용하면 이벤트 리스너가 해당 구성 요소 간의 통신을 처리 할 수 ​​있습니다. 칠판의 [wiki] (https://github.com/wolfie/Blackboard/wiki/)를보십시오. –

관련 문제