GWT - 글로벌 CSS 스타일을 설정하는 가장 좋은 방법

Question

Google은 GWT와 함께 기본 위젯 당 하나의 CSS 파일을 사용하는 GXT를 사용하고 있습니다. GWT에서 글로벌 CSS 스타일을 사용하는 가장 좋은 방법은 무엇입니까? 예를

global.css 

.backgroundBorder { 
    border-style: solid; 
    border-width: 2px; 
    border-radius: 3px; 
} 

당신은 ClientBundles 및 CssResources을 사용할 수 있습니다

@backgroundBorder 

Answer 1

동의합니다. 또한 위의 AppClientBundle에 인터페이스가 포함됩니다. 이것은 당신이 방법으로 위젯의 스타일을 할 수있는 가능성을 제공

public interface AppClientBundle extends ClientBundle { 

    public static final AppClientBundle INSTANCE = GWT.create(AppClientBundle.class); 

    @Source({ "css/template/global.css" }) 
    MyStyle css(); 
    public interface MyStyle extends CssResource { 
    String backgroundBorder(); 
    } 
} 

:

Widget.setStylePrimaryName(AppClientBundle.INSTANCE.css().backgroundBorder()); 

희망하는 데 도움이 ...

Answer 2

myWidget.css를 들어

.

https://developers.google.com/web-toolkit/doc/latest/DevGuideClientBundle#CssResource

당신의 엔트리 포인트에서 전역 CSS를 설정할 수 있습니다. 그와 마찬가지로 :

YourStyle.getTheme().getAppClientBundle().getGlobalCss().ensureInjected(); 

그리고 당신이 그와 같은 유사 할 수 clientbundle :

public interface AppClientBundle extends ClientBundle { 

    @Source({ "css/template/global.css" }) 
    CssResource getGlobalCss(); 

} 

내의 experiance에서, 이것은 최선의 방법입니다.