ポリマーアプリレイアウト要素と類似のペーパー要素の明確化

Question

私はポリマーチームが提供する多くの要素を使って作業しています。私はapp-layout要素と同じことが紙要素を使って実現していることを示す文書を見てきました。

たとえば、paper-drawer-panelは、app-drawerと非常によく似ています。紙要素はより多くの構成オプションを有するように見え、複数のpaper-drawer-panel要素がより柔軟性の低いapp-drawerとは対照的に互いに埋め込まれることを可能にする。

<paper-drawer-panel> 
    <div drawer> Drawer panel... </div> 
    <div main> Main panel... </div> 
</paper-drawer-panel> 

対

<main>Main panel....</main> 
<app-drawer>Drawer panel... </app-drawer> 

は似てより一層柔軟な紙要素の上app-layout要素を好む理由はありますか？

Answer 1

私は<app-*>要素は、後でアプリケーション用の標準テンプレートの要求に応じて開発されたと思います。私はそれが理解しやすくなるように名前を変えるだけだと思う​​。

特に、私は大きな効果を

<app-header-layout> 
    <app-header 
    fixed 
    effects="waterfall"> 
    <app-toolbar> 
    ... 
    </app-toolbar> 
</app-header> 
... my main content 
</app-header-layout> 

を使用してきました。実際にはいくつかのツールバーを追加することができ、いくつかのエフェクトでは、ヘッダーがスクロールしていくにつれて消えていく背景を含む、あるツールバーから他のツールバーにフェードすることができます。

私の<app-toolbar>には、ドロップダウンメニューを含むすべてのものが含まれています。

また、このように遅延読み込み作業を行う方法を理解するのが簡単だとわかりました。実際、私のコンテンツには「セッションマネージャ」要素と「ページ」要素のみが含まれています。後者は、セッションマネージャがユーザーを（クッキーまたはログインを介して）正しく検証した後に遅延ロードされます。そのpages要素には、アプリケーション投稿のすべての管理を行う<iron-pages>と<app-location>と<app-route>が埋め込まれています。