-1

在我上传的截屏视频中，您可以看到我的 GWT Bootstrap3（请参阅https://gwtbootstrap3.github.io/gwtbootstrap3-demo/）项目的重新加载。我显示的页面几乎是空的（因此没有其他需要显示的图标）。当我在 chrome 浏览器上按 F5 键时，视频开始播放。您会注意到屏幕重新加载，然后按钮显示为空白方块，然后用图标填充。 http://www.screencast.com/t/dd7B9lr6

我怎样才能设法立即显示他们的图标

按钮作为 ButtonGroups 中的 ButtonToolbar 放置在垂直面板中

[...]

<g:VerticalPanel addStyleNames="{styles.tables.listBeanTable} ub-AbstractSummaryWidget">                                        

        <b:ButtonToolBar addStyleNames="{styles.summary.menuBar} hiddenPrint">
            <b:ButtonGroup >

                <b:Tooltip title="{msgs.refresh}" container="body">
                    <b:Button ui:field="refreshButton" icon="REFRESH"/>
                </b:Tooltip>
                <b:Tooltip title="Delete meeting" container="body">
                    <ui:attribute name="title" description="Label for button: delete meeting"/>
                    <b:Button ui:field="deleteMeetingButton" visible="false" icon="REMOVE"/>                    
                </b:Tooltip>

[...]

我不确定是否确切地何时绘制图标来替换方块。是调用“initWidget(uiBinder.createAndBindUi(this));” 在小部件的构造函数类中？

如果您要说：嘿，买一台功能更强大的笔记本电脑，那么它的显示速度会更快。gwtbootstrap3 示例（例如https://gwtbootstrap3.github.io/gwtbootstrap3-demo/#icons）显示立即正确。

感谢汉内斯的任何帮助

4

2 回答 2

0

图标是从Font Awesome加载的。它们只是<i>应用了适当 CSS 样式的标签——这种样式强制<i>标签的内容成为所需的图标。我敢打赌，问题在于字体没有“足够快”地加载。也许它没有缓存？也许它是从较慢的服务器加载的？检查浏览器的开发人员工具，了解字体从哪里加载以及需要多长时间。它应该从相对于您的 webapp 的文件夹中加载，除非您可能正在使用该GwtBootstrap3CDN.gwt.xml模块。

于 2015-06-08T14:04:18.390 回答
0

真正解决问题的是对 gwt 2.7 的更改。所有性能问题都消失了。此外，在上面的案例中，它有助于在 ui.xml 中设置 ButtonToolBar 不可见 (setVisible("false"))。并在 Ctor 的末尾使其可见“setVisible（”true）。

于 2015-08-09T04:46:16.923 回答