Gwt UiBinder의 View.java가 아닌 Css의 g : Image에 대해 URL을 설정할 수 있습니까?

Question

<g:Image ui:field="myImage" url="/images/icon/close.png" /> 

이 코드는 잘 작동하지만, 다음은 작동하지 않습니다는

.myCss { background: url(/images/icon/close.png);} 

나는이 문제의 질문 COS를 물었다. 이미지를 10 명의 발표자에서 가까운 아이콘으로 사용해야합니다. 사용자가이 아이콘 위로 마우스를 가져 가면 closeHover.png가 호출됩니다. 그래서 우리가 TestView.java에서 URL을 설정한다면, 우리는 또 다른 10 개의 Views를 위해 URL을 설정해야합니다. 그러나 Css에서 URL을 설정하면 10 번 코딩 할 필요가 없습니다.

Gwt UiBinder의 View.java 대신 g : Image의 URL을 Css로 설정할 수 있습니까?

Answer 1

간단히 말해서 가능합니다. ui:style이 아닌 일반 CSS 클래스 만 지정하면 난독 화되지 않습니다.

하지만 왜 이것을 <g:Image>입니까? 왜 버튼이나 div (HTML 또는 Label)가 아닌가?

Answer 2

ui:image과 @url을 사용해보세요.

먼저 war/images/icon 폴더를 사용하는 대신 uiBinder 클래스의 동일한 패키지로 이미지를 이동하십시오. 다른 패키지, 아무 문제에 이미지를 넣을 경우

<ui:image field="myIcon" src="close.png" /> 

<ui:style> 
@url myIconRef myIcon; 
.myCss { background: myIconRef;} 
</ui:style> 

:

는 다음 코드를 사용합니다. 다음과 같은 상대 경로를 사용하여 참조 할 수 있습니다.

<ui:image field="myIcon" src="../images/icon/close.png" />