インターネット上のGWTPでCSSを適切に使用する方法の完全な段階的なガイドラインを見つけることは非常に困難です.
私はEclipseとGWTPを使用してアプリを構築しています.ウィジェット(ボタン、テキストボックスなど)にいくつかの単純なCssスタイルを設定したいと考えています.
OK、これが私が得たものです: TestPresenter.java、TestView.java & TestView.ui.xml
-TestView.ui.xml 内:
<ui:UiBinder .....>
<ui:style src='myStyle.css' />
<g:HTMLPanel>
<g:Button text="My But 1" addStyleNames="{style.myBut}" ui:field="myBut1"/>
<g:Button text="My But 2" ui:field="myBut2"/>
</g:HTMLPanel>
</ui:UiBinder>
myStyle.css
TestPresenter.java、TestView.java、および TestView.ui.xml を格納する同じフォルダーにあります。
-TestPresenter.java (2 つのボタンがあります- myBut 1 & myBut 2): myBut2 に「myBut」を追加しました
getView().getMyBut2().addStyleName("myBut");
実行後、2 つのボタンが表示されます。最初の myBut1 は正しい CSS を取得しましたが、myBut2 はまだデフォルトの Css を表示しています。に変更しましgetView().getMyBut2().setStyleName("myBut");
たが、それでも機能しませんでした。
したがって、おそらくここでいくつかのクラスが欠落していると思います。そのため、eClipse は「myBut」CSS を認識できず、myBut2 に適用できませんでした。
では、myBut2 に eClipse で正しい Css を表示させるにはどうすればよいでしょうか?