2016-11-15 7 views
1

私は、Pivo​​tを使用してWindowsのユニバーサルUWPアプリケーションを使用して、ページ間でスワイプする機能を提供しています。 3つのUIページ(page1、page2、page3)を持っていて、それぞれに3つのPivotItemがあるとしましょう。質問は、Pivo​​tItemの内部で、私は現在フレームをそれぞれ持っており、フレームを使ってUIページを表示しています。これは動作していますが、これはわかりますが、フレームはUIなどのコンテンツを動的に表示するために使用されるため、これは冗長なようです。グリッド内のタブのボタンまたはリンクが1つあり、クリックされたボタンまたはピボットを使用することに応じてUIビューを回転させるために1つのフレームを使用すると思われます。私がピボットを選んだ主な理由は、私はモバイルをターゲットにしており、ページ間でスワイプしたいと思っています。Windows UWP UIをスワイプする

ピボットを使用する場合、私は各ピボットアイテムに何を入れますか?フレームはそれぞれ正しいですか?または、私はUIElementのような他のアイテムを使うべきですか?

ありがとうございます!

+1

私はこれは非常によくそれを説明すると思う:https://msdn.microsoft.com/en-us/windows/uwp/controls-and-patterns/tabs-pivot – gregkalapos

+0

そのリンクの記事はかなりうまく記述されていますが、投稿する前にその記事を実際に読みました。サンプルをダウンロードして見ました。しかし、ドキュメントにはまだ投稿された質問であるギャップが残されています。私は自分のアプリを記事のスクリーンショットのように見せたいが、そこからダウンロードしたサンプルはスクリーンショットのようには見えない。これは、記事のサンプルxamlのように、「コンテンツはここに」と書かれ、テキストのような各PivotItemに直接いくつかの簡単なコントロールを埋め込む基本的なテンプレートです。 –

+0

私が特に知りたいのは、Pivo​​tItemでコントロールを直接読み込むのではなく、Pivo​​tItemの各参照を持ち、他のページを使用するだけです。ここでも、フレームが私のページを指しているPivotItemの内側のフレームを使用しています(これはコードでも設定できます)。しかし、それは正しいですか?各PivotItemにフレームを使用する必要がありますか、Pivo​​tItemのContentプロパティを設定するなどして、Pivo​​tItemが別のページを直接参照できますか? –

答えて

3

私が特に知りたいことは、Pivo​​tItemでコントロールを直接スタッフィングするのではなく、どのように各PivotItem参照を持ち、他のページを使用するのですか?

Pivotは、それがPageを含むあらゆる種類のアイテムのコレクションを含めることができるの.so ItemsControlです。あなたは以下のようなPivotItemのページを使用することができます。

<Page 
x:Class="ProjectName.MainPage" 
xmlns:local="using:ProjectName" 
... 
mc:Ignorable="d"> 

<Grid Background="{ThemeResource ApplicationPageBackgroundThemeBrush}"> 
    <Pivot x:Name="rootPivot" Title="Pivot Title"> 
     <PivotItem Header="Pivot Item 1"> 
      <!--reference the page with local:PageName--> 
      <local:PageOne></local:PageOne> 
     </PivotItem> 
     <PivotItem Header="Pivot Item 2"> 
      <local:PageTwo></local:PageTwo> 
     </PivotItem> 
     <PivotItem Header="Pivot Item 3"> 
      <local:PageThree></local:PageThree> 
     </PivotItem> 
    </Pivot> 
</Grid> 

+0

Pefect!これは私が探していたものです。ありがとうございました!最後の関連する質問は、このアプローチでは、ページをスワイプしてからスワイプすると破棄されるたびにページがインスタンス化されますか? –

+0

ページをスワイプしても破壊されません。あなたが他の人にスワップするとページが非表示になりました。ルートページに移動すると、それらはすべて初めてインスタンス化されます。 –

+0

もう1つ注目すべきは、このアプローチでは、ページの 'OnNavigatedTo' /' OnNavigatingFrom'がトリガーされないことです。トリガーしたい場合は、フレームを使用する必要があります。 –

関連する問題