Vaadin DesignerをJavaコードに接続する

Question

Vaadin Designerの問題について本当に助けが必要です。 デザイナーの助けを借りて私自身のUIを開発しました。これまでのところとても良い、私はそれが見えるようにしたいように見えます。しかし、今、ソースコードをどこで入手すればよいのでしょうか。ボタンが押されていますか？プロジェクトには、 anotherDesign（私がUIを作成したもの） anotherDesign（自動生成されていますが、編集しないでください）と MyUI（標準クラス）のクラスだけがあります。

誰かが私の意見を見て助けてくれるなら、それは素晴らしいだろう。おそらくそれは私がデザイナーの初心者で、一般的な情報と助けが必要なためです。とにかく

Thxを、

サイモン

Answer 1

あなたが自動生成されたクラスを拡張するクラスを記述します。

AnotherDesignExt extends AnotherDesign 

Answer 2

FF0000を使用すると、自動的に生成されたコンパニオンのJavaを拡張する必要があるという点で、絶対的に正しいですファイル。簡単な例を見てみましょう：あなたはVerticalLayoutのボタンを持っているとMyDesign.htmlでの宣言型のフォーマットは次のようになります。

<vaadin-vertical-layout size-auto> 
    <vaadin-button plain-text _id="button"> 
     Button 
    </vaadin-button> 
</vaadin-vertical-layout> 

そして、あなたは次のようになりますあなたのJavaコンパニオンファイルMyDesign.javaあります

@DesignRoot 
@AutoGenerated 
@SuppressWarnings("serial") 
public class MyDesign extends VerticalLayout { 
    protected Button button; 

    public TestDesign() { 
     Design.read(this); 
    } 
} 

を

ボタンにクリックリスナーを追加するには、Javaクラスを拡張してボタンにアクセスします。

public class MyDesignComponent extends MyDesign { 

    public MyDesignComponent() { 
     button.addClickListener(e -> Notification.show("Hello world!")); 
    } 
} 

そして、あなたは他のVaadinコンポーネントと同じように、最終的にあなたのUIにあなたが例えば、MyDesignComponentを使用することができます：たとえば

public class MyUI extends UI { 

    @Override 
    protected void init(VaadinRequest vaadinRequest) { 
     setContent(new MyDesignComponent()); 
    } 
    ...