1

ここに、DecoratorPanel を使用して構築された私のビューがあります。これを変更して背景画像を表示するにはどうすればよいですか? CSS スタイルを適用する例はたくさんありますが、私の CSS の知識は限られているため、これが進むべき道であれば、CSS スタイルを作成して適用する方法の実際の例を誰かが持っているでしょう。

これが私のコードです public class EditContactView extends Composite implements EditContactPresenter.Display { private final TextBox firstName; プライベート最終 TextBox lastName; プライベート最終 FlexTable detailsTable;

      public EditContactView() {
        DecoratorPanel contentDetailsDecorator = new DecoratorPanel();
        contentDetailsDecorator.setWidth("18em");
        initWidget(contentDetailsDecorator);

        VerticalPanel contentDetailsPanel = new VerticalPanel();
        contentDetailsPanel.setWidth("100%");

        detailsTable = new FlexTable();
        detailsTable.setCellSpacing(0);
        detailsTable.setWidth("100%");         
        firstName = new TextBox();
        lastName = new TextBox();
        initDetailsTable();
        contentDetailsPanel.add(detailsTable);

        HorizontalPanel menuPanel = new HorizontalPanel();
        contentDetailsPanel.add(menuPanel);
        contentDetailsDecorator.add(contentDetailsPanel);
      }

      private void initDetailsTable() {
        detailsTable.setWidget(0, 0, new Label("Firstname"));
        detailsTable.setWidget(0, 1, firstName);
        detailsTable.setWidget(1, 0, new Label("Lastname"));
        detailsTable.setWidget(1, 1, lastName);
        firstName.setFocus(true);
      }

      public HasValue<String> getFirstName() {
        return firstName;
      }

      public HasValue<String> getLastName() {
        return lastName;
      }

      public Widget asWidget() {
        return this;
      }

    }
4

1 に答える 1

0

スタイル名の設定について - 希望する任意のウィジェットで setStyleName ("myDecoratedPanelStyle") を呼び出すだけです - gwtがスタイル gwt-TextBox をstandard.cssに追加する方法の例と確認

.css ファイルに .myDecoratedPanelStyle を追加します

myDecoratedPanelStyle 
{
   background-image:url('path/paper.gif');
   background-color:#cccccc;
}

また参照 - https://developers.google.com/web-toolkit/doc/latest/DevGuideUiCss

于 2013-01-17T16:03:46.580 に答える