나는 프레이밍에 둥근 모서리를 사용하는 응용 프로그램을 작성하려고합니다. RoundedLinePanel이있는 package on google code을 찾았습니다 ... 작동합니다.gwt 둥근 패널 (DecoratorPanel과 비슷한 표준 기반 위젯)
몇 가지 궁금한 점이 있습니다. GWT에서 모서리가 둥근 div를 만들 때 사람들이 사용하고있는 것입니까? release notes은 거의 1 년 후에 변경되지 않았다고 말합니다.
또한이 div의 고정 높이를 설정할 수 없습니다 (setHeight는 내부 div가 아닌 wrapper div에 설정 됨). 그래서 고정 된 높이의 응용 프로그램으로 유용하지 않습니다.
마지막으로, GWT에서 둥근 모서리 div를 만드는 데 더 좋은 메커니즘을 제안 할 수 있다면 전 모든 귀입니다.
CSS 3을 사용하여 둥근 모서리를 그리는 좋은 방법이 있습니다 (따라서 IE < = 8에서는 작동하지 않지만 IE9 개발자 미리보기에서는 작동합니다). 관련된 스타일을 보려면 http://css3please.com/을보십시오. border-radius (또는 -moz-border-radius 또는 -webkit-border-radius 속성)을 사용하면 상당히 간단합니다. GWT에서는 둥근 테두리를 만들고 싶은 요소에 원하는 스타일 클래스 이름을 추가하기 만하면됩니다. 물론 레거시 브라우저에서 둥근 모서리를 지원하는 것은 어렵지만이를 수행해야합니까?
레거시 브라우저의 경우 실제 컨텍스트에 따라 상당히 어려워집니다. 그것은 항상 국경을위한 이미지를 포함합니다. 상자의 테두리를 가리는 이미지를 만들어야합니다. 무슨 일을하는지 트릭은 in this answer라고 설명합니다. GWT에서 이것을 사용하려면 uibinder, htmlelement를 사용하거나 자신 만의 위젯을 만들 수 있습니다. 기술에 대한 더 광범위한 설명은 here에서도 찾을 수 있습니다.
사실 나는 현재 국경 - 반경 (moz/web equivalent)을 사용하고 있는데, (내 사무실에서) gripe은 Firefox/Webkit에서만 작동한다는 것입니다. 그래, 나는 그것을 할 필요가있다. – brad
가장 일반적으로 발견되는 솔루션 인 decoratorPanel은 GWT의 현재 버전에서 사용되지 않습니다 (예 : GWT 2.1.1과 함께 사용하는 경우 GWT 요구 사항과 호환되지 않음). doctype, decoratorPanel 및 IE, 특히 IE8).
필요한 GWT 2.1.1 doctype (! doctype html)은 IE8에 대한 일반적인 rounded-corners.htc도 비활성화합니다.
당신은 클래스를 추가 둥근 모서리 속성의 CSS3 시리즈를 사용할 수 있지만 모서리가 기본 GWT와 충돌의 높은 확률을 가지고 반올림 자바 스크립트 9.
JQuery와 및 기타 이전 IE 버전에서 작동하지 않습니다 js, 그래서 우리는 개인적으로 이것들에 대한 테스트를하지는 않았지만 그것들을 가능한 해결책으로 버렸습니다.
진정한 크로스 브라우저 호환 및 일관된 모양을 만들기 위해 둥근 모서리 이미지를 사용해야했습니다.
"패키지"의 저자는 물론 편향되어 있지만 ;-) 패키지는 div가있는 둥근 모서리를 만드는 방법입니다. 당신의 문제를 높이 설정. http://code.google.com/p/cobogw/issues/list에서 자세한 내용을 작성하거나 버그 보고서를 제출할 수 있습니까? 다른 요청이나 문제가 있으시면 자유롭게보고하거나 여기에 언급하십시오. –
글쎄요, 확실히 여기에 물어 보거나 위의 링크에서 문제를 만들어야합니까? – brad
pr/cr 요청이있는 경우 쉽게 추적 할 수 있으므로 링크에서 확인하십시오. –