0

現在、画面のサイズがいつ変更されるかに応じて、PaperDialog を中央に配置しようとしています。現時点では、画面のサイズを取得する方法を見つけただけですが、初期化時にこの情報を収集するだけなので、一度だけです。画面サイズが変わったときに十分に注意する必要があります。PaperDialog は何らかの形でそれに準拠し、画面の真ん中に配置する必要がありますが、これを行う方法がわかりません。Dart コードとマークアップは以下のとおりです。さらに情報が必要な場合はお知らせください。

ダーツ:

 var width = window.screen.width;
 var height = window.screen.height;

  _LOG.info("Browser width: "+width.toString());
  _LOG.info("Browser height: "+height.toString());

HTML:

<paper-dialog id="properties" style='background-color:#fbfbfb; margin: 0 auto; border-style: double; border-color: #FEB33F; position:fixed;'>

 <paper-tabs id="Tabs" noink="true" selected="{{page}}" style='width:250px; height:30px; color:#333333;'>
      <paper-tab id="sTab">S</paper-tab>
      <paper-tab id="uTab">U</paper-tab>
    </paper-tabs>

    <core-pages selected="{{page}}">
      <div id="s">
      <!--Page one -->
      </div>
      <div id="u">
      <!--Page two -->
      </div>
    </core-pages>
 </paper-dialog>
4

0 に答える 0