Question

此图像正在显示但无论我使用的宽度或高度值如何都无法调整大小。你有什么？三江源。

<ui:with field='res' type='com.hellomvp.client.resources.MyResources'/>

    <ui:style>
        .fortaImage { width:'50px'; height:'50px';} 
    </ui:style>

    <g:DockLayoutPanel unit='EM'>
        <g:north size="10"> 
            <g:FlowPanel>
            <g:Image styleName='{style.fortaImage}' resource='{res.fortaLogo}'/>
            <g:InlineLabel>FortaService</g:InlineLabel>
            <g:ListBox></g:ListBox>
            <g:InlineLabel>DateIn</g:InlineLabel>
            <d:DateBox></d:DateBox>
            <g:InlineLabel>DateOut</g:InlineLabel>
            <d:DateBox></d:DateBox>
            <g:Button>Cerca</g:Button>

            </g:FlowPanel>
        </g:north>



    </g:DockLayoutPanel>

Answer 1

当您使用<g:Image resource="..."/>时，GWT会使用背景图片。无法在CSS 2.1中调整背景图像的大小。（我真的希望有可能！）

您所能做的就是在服务器上拥有50x50像素的图像版本，或者使用<g:Image url="..."/>代替。这会创建一个普通的<img src="..."/>而不是背景图片，但您无法在此处指定ClientBundle资源。

Answer 2

addStyleNames="{style.fortaImage}"

不

styleName='{style.fortaImage}'

GWT Uibinder图像显示但未调整大小

2 个答案: