Vaadin(春)のレイアウトに画像を追加する方法

プログラマー

Webアプリに画像を追加したいのですが、問題があります。

private void newImage(){
    Image image = new Image("src/main/resources/images/sponsor.png");
    absoluteLayout.addComponent(image);
}

私はそのようなことをしました、そしてそれはうまくいきません。について何かを検索しましたがFileResource、それを行う方法がまだわかりません。

私の画像ファイルはディレクトリに配置されますsrc/main/resources/images

画像ディレクトリ内のsponsor.png

ドキュメントサイトも読みましたが、まだ機能していません:https//vaadin.com/components/vaadin-image

LeifÅstrand

絶対レイアウトコンポーネントと、Image1つの引数のみを取るコンストラクターを持つクラスの存在は、Vaadin 8(またはそれ以前)を使用していることを意味しますが、リンクしたドキュメントはVaadin10以降用です。

スクリーンショットからわかるように、画像パスを渡すコンストラクターパラメーターの名前はcaptionです。したがって、これは画像データ自体への参照ではなく、画像の横に表示されるテキストです。

またResource、2番目のコンストラクターパラメーターとして、または別のsetSourceメソッドを使用して、画像にを割り当てる必要がありますファイルがのsrc/main/resources場合、最も簡単な方法はClassResource、クラスパスからデータをロードするを使用することです。

まとめると、実際の例は次のようになります。

Image image = new Image();
image.setSource(new ClassResource("/images/sponsor.png"));

この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。

侵害の場合は、連絡してください[email protected]

編集
0

コメントを追加

0

関連記事

分類Dev

トップレイアウトに画像を追加する方法

分類Dev

Vaadin:3つのネストされたレイアウトを追加する方法

分類Dev

Vaadinレイアウトにスクロールバーを追加する方法

分類Dev

Androidで背景画像の上にレイアウトを追加する方法

分類Dev

請求書の印刷レイアウトに画像を追加する方法

分類Dev

Androidのレイアウトに画像と境界線を追加する

分類Dev

画像付きのオーバーレイレイアウトにボタンを追加する方法

分類Dev

AndroidXのレイアウトxmlにcardviewを追加する方法

分類Dev

QScrollAreaに複数のレイアウトを追加する方法

分類Dev

NavigationView内に他のレイアウトを追加する方法

分類Dev

比率を使用してレイアウトの1行に画像を追加する

分類Dev

画像でレイアウトを適切に描画し、それにテキストを追加する方法

分類Dev

既存のものに追加FXMLのレイアウトを設定する方法

分類Dev

相対レイアウトまたは任意のレイアウトでビューを動的に追加する方法

分類Dev

C#でプログラム的に画像がない線形レイアウトと空のスペースに画像を追加する方法?Xamarin.Android

分類Dev

プログラム的にタブレイアウトに画像を追加する方法は?

分類Dev

BottomBarレイアウトandroidに中央のボタンを追加する方法

分類Dev

BottomBarレイアウトandroidに中央のボタンを追加する方法

分類Dev

レイアウトのhtml要素にクラスを追加する方法[ASP.NETMVC]

分類Dev

レイアウトに使用してListFragmentを追加する方法

分類Dev

レイアウトを動的に追加する方法

分類Dev

CustomViewをレイアウトに追加する方法

分類Dev

WPFでレイアウトの外側に画像を描画する

分類Dev

レイアウトの中央に画像を移動する

分類Dev

MapFragmentの下に通常のレイアウトを追加する

分類Dev

PyQt5-MainWindowレイアウトの背景に画像を追加します

分類Dev

レイアウトの代わりにHTMLを追加するJquery

分類Dev

Lubuntuに別のレイアウトを追加する

分類Dev

SurfaceViewの上にレイアウトを追加する

Related 関連記事

  1. 1

    トップレイアウトに画像を追加する方法

  2. 2

    Vaadin:3つのネストされたレイアウトを追加する方法

  3. 3

    Vaadinレイアウトにスクロールバーを追加する方法

  4. 4

    Androidで背景画像の上にレイアウトを追加する方法

  5. 5

    請求書の印刷レイアウトに画像を追加する方法

  6. 6

    Androidのレイアウトに画像と境界線を追加する

  7. 7

    画像付きのオーバーレイレイアウトにボタンを追加する方法

  8. 8

    AndroidXのレイアウトxmlにcardviewを追加する方法

  9. 9

    QScrollAreaに複数のレイアウトを追加する方法

  10. 10

    NavigationView内に他のレイアウトを追加する方法

  11. 11

    比率を使用してレイアウトの1行に画像を追加する

  12. 12

    画像でレイアウトを適切に描画し、それにテキストを追加する方法

  13. 13

    既存のものに追加FXMLのレイアウトを設定する方法

  14. 14

    相対レイアウトまたは任意のレイアウトでビューを動的に追加する方法

  15. 15

    C#でプログラム的に画像がない線形レイアウトと空のスペースに画像を追加する方法?Xamarin.Android

  16. 16

    プログラム的にタブレイアウトに画像を追加する方法は?

  17. 17

    BottomBarレイアウトandroidに中央のボタンを追加する方法

  18. 18

    BottomBarレイアウトandroidに中央のボタンを追加する方法

  19. 19

    レイアウトのhtml要素にクラスを追加する方法[ASP.NETMVC]

  20. 20

    レイアウトに使用してListFragmentを追加する方法

  21. 21

    レイアウトを動的に追加する方法

  22. 22

    CustomViewをレイアウトに追加する方法

  23. 23

    WPFでレイアウトの外側に画像を描画する

  24. 24

    レイアウトの中央に画像を移動する

  25. 25

    MapFragmentの下に通常のレイアウトを追加する

  26. 26

    PyQt5-MainWindowレイアウトの背景に画像を追加します

  27. 27

    レイアウトの代わりにHTMLを追加するJquery

  28. 28

    Lubuntuに別のレイアウトを追加する

  29. 29

    SurfaceViewの上にレイアウトを追加する

ホットタグ

アーカイブ