どんなプStackLayoutPanelにDecoratorPanel用UiBinder?

StackOverflow https://stackoverflow.com/questions/2013169

  •  19-09-2019
  •  | 
  •  

質問

とした非自明なUIプログラムを使用GWTうことにより忠実に再現するUIを使用UiBinder.私は利用したことのないようにコUI前のシステムが作ってい進展を見ることができる、などの特典のアプローチかずを取得しDecoratorPanelを包むStackLayoutPanelます。

StackNavigator.java

import com.google.gwt.core.client.GWT;
import com.google.gwt.uibinder.client.UiBinder;
import com.google.gwt.user.client.ui.Composite;
import com.google.gwt.user.client.ui.Widget;

public class StackNavigator extends Composite {

    private static StackNavigatorUiBinder uiBinder = GWT.create(StackNavigatorUiBinder.class);

    interface StackNavigatorUiBinder extends UiBinder<Widget, StackNavigator> {}

    public StackNavigator() {
        initWidget(uiBinder.createAndBindUi(this));
    }

}

StackNavigator.ui.xml

<!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" xmlns:bandmates="urn:import:org.redboffin.bandmates.client">

    <ui:style>  
        .gwt-DecoratorPanel {
            width: 200px;
            height: 200px;
        }
        .gwt-DecoratorPanel .middleCenter {
            height: 100%;
            width: 100%;
        }
    </ui:style>

    <g:DecoratorPanel>
        <g:StackLayoutPanel unit='PX'>
            <g:stack>
                <g:header size='20'>Item One</g:header>
                <g:Label>TODO : Item One List Widget</g:Label>
            </g:stack>
            <g:stack>
                <g:header size='20'>Item Two</g:header>
                <g:Label>TODO : Item Two List Widget</g:Label>
            </g:stack>
             <g:stack>
                <g:header size='20'>Item Three</g:header>
                <g:Label>TODO : Item Three List Widget</g:Label>
            </g:stack>
        </g:StackLayoutPanel> 
    </g:DecoratorPanel>

</ui:UiBinder>

されずに包まれDecoratorPanel、StackLayoutPanel表示し、期待どおりの動作をする。時に包まれDecoratorPanel、StackLayoutPanel見ることが出来ません。その代わりに小さな青色の丸が、私の推測はDecoratorPanelのコーナーグラフィック束とを確実に固定してください。このため、私たセットの幅と高さのDecoratorPanelの中間領域を100%としてのGWT APIに含まれています。

いう期待していかな誤解ものです。誰でもできるのですか？

い:-)

役に立ちましたか？

解決

彼らはProvidesResize、いくつかの種類の、本質的に別のLayoutPanel何かに含まれていない場合は、

LayoutPanelsはうまく動作しません。 DecoratorPanelはLayoutPanelではなく、1を含むように意図されていません。

この問題は、まだそれはあなたがそれを宣言しているかの問題ではありません、UiBinderサンプルメッセージなしに起こるであろう。

他のヒント

してみてください DecoratorLayoutPanel クラスでの実装 DecoratorPanel このサブクラス LayoutPanel.そのために対応 LayoutPanel の枠組みとは異なり DecoratorPanel)、あなたを包み込む StackLayoutPanel ます。

（免責事項:のコードを寄贈したり、自由なライセンス制限がない。での開催を自分のブログ http://hkwebentrepreneurs.com, である非営利のブログです。)

更新:

による説明るこ DecoratorLayoutPanel クラスを模したGWTの DecoratorPanel 加9ウィジェットは、配置した3×3グリッド8つの一番外側のウィジェットは、CSSを使用 DecoratorPanel's丸いコーナーでは、デフォルトのサイズの5px.の中央ウィジェットは、可能な限り最高の性能と使って、 LayoutPanel ます。

利益には同じ丸-角の影響 DecoratorPanel, ができるの追加 LayoutPanel 子どものを自動的にサイズです。

ライセンス： CC-BY-SA と 帰属
所属していません StackOverflow
scroll top