Question

我真的很难重新设计SplitLayoutPanel的{{1}}拖拉机。我主要担心的是改变颜色。我已经尝试过这个解决方案：Solution但是我无法让它工作。我使用gwt作为Eclipse插件和GWT 2.6。

Answer 1

经过几个小时的搜索和尝试，我终于找到了答案（当然与上面提到的非常相似）。我忘了添加

.gwt-SplitLayoutPanel {}

到css。

这是我的代码剪辑：

<!DOCTYPE ui:UiBinder SYSTEM 'http://dl.google.com/gwt/DTD/xhtml.ent'>
<ui:UiBinder
xmlns:ui="urn:ui:com.google.gwt.uibinder"
xmlns:g="urn:import:com.google.gwt.user.client.ui"

<ui:style>
@external .gwt-SplitLayoutPanel-HDragger;
@external .gwt-SplitLayoutPanel-VDragger;

.menuBar {
    font-size: 40px;
    font-color:red;
    font-weight: bold;
    background-color: black;
}
.gwt-SplitLayoutPanel {
}

.gwt-SplitLayoutPanel-VDragger {
    background: #228899 url(img/Hdragger.png) center center no-repeat;
    cursor: row-resize;
}
    .gwt-SplitLayoutPanel-HDragger {
    background: #228899 url(img/Vdragger.png) center center no-repeat;
    cursor: col-resize;
}
</ui:style>
<g:DockLayoutPanel  unit="EM">
<g:north size="3">
  <!-- ...some Widget-->
</g:north>
<g:center>
  <g:SplitLayoutPanel styleName='{style.gwt-SplitLayoutPanel}' ui:field="splitLayoutPanel">
    <g:west size="270">
       <!-- ...some Widget-->
    </g:west>
...

不要忘记以下两行，没有这些，dosnt工作！

@external .gwt-SplitLayoutPanel-HDragger;
@external .gwt-SplitLayoutPanel-VDragger;

以下部分是显示拖动器，它是可选的：

url(img/Vdragger.png) center center no-repeat;

如何在GWT UIBinder模板＃2中重新设置SplitLayoutPanel的拖动器

1 个答案: