2012-02-18 24 views
10

私はWinPhone開発から始めているだけで、垂直スクロールの設定方法を理解することはできません。たとえば、私は新しいピボットのAppを始めました、そしてこのコードは、ユーザーがスクロールアップすることを可能にし、すべてのエントリを表示するために所有してdは:Windows Phone垂直スクロールの方法

<controls:PivotItem Header="Login"> 
    <!--Double line list with text wrapping--> 
    <ListBox x:Name="FirstListBox" Margin="0,0,-12,0" ItemsSource="{Binding Items}"> 
     <ListBox.ItemTemplate> 
      <DataTemplate> 
       <StackPanel Margin="0,0,0,17" Width="432" Height="78"> 
        <TextBlock Text="{Binding LineOne}" TextWrapping="Wrap" Style="{StaticResource PhoneTextExtraLargeStyle}"/> 
        <TextBlock Text="{Binding LineTwo}" TextWrapping="Wrap" Margin="12,-6,12,0" Style="{StaticResource PhoneTextSubtleStyle}"/> 
       </StackPanel> 
      </DataTemplate> 
     </ListBox.ItemTemplate> 
    </ListBox> 
</controls:PivotItem> 

を今、私はとのStackPanelで、私自身のピボットアイテムを追加するとき、一度に画面に表示されるアイテムより多くのアイテムは、それらをすべて見るためにスクロールすることはできません。私はここで何が欠けていますか?

ありがとうございました。

答えて

23

StackPanelにScrollViewerを追加すると、スクロール可能になります。

6

内蔵のスクロール機能を提供したサンプルコードのListBox。ただし、既にこのスクロール機能が含まれているものを使用していない場合は、ScrollViewerを追加する必要があります。

<controls:PivotItem Header="Example"> 
    <ScrollViewer Margin="12,0,12,0"> 
     <StackPanel> 
      <TextBlock Text="Example1" FontSize="150" /> 
      <TextBlock Text="Example2" FontSize="150" /> 
     </StackPanel> 
    </ScrollViewer> 
</controls:PivotItem> 
1

コンテンツが垂直ページをオーバーフローしている場合、デフォルトの「垂直」スクロールが利用できるはずです。

私は同様のコントロールをプロパティにバインドされたリストボックスで持っていました。 「リスト」を持つと、自動的にスクロールすることができます。

スタックパネルの上にスクロールビューアーを追加しないでください。スクロールビューアーは、必要のないリスト項目ごとにスクロールを有効にします。

<controls:PivotItem Header="all authors" Foreground="#FF0C388A"> 
      <Grid> 
       <ListBox Margin="0,0,-12,0" ItemsSource="{Binding AllAuthorsList}" Foreground="#FF0C388A"> 
        <ListBox.ItemTemplate> 
         <DataTemplate> 
           <StackPanel Margin="0,0,0,17" Width="432" Height="Auto"> 
            <TextBlock Tap="TextBlockAuthor_Tap" Text="{Binding}" TextWrapping="Wrap" Style="{StaticResource PhoneTextExtraLargeStyle}" Foreground="#FF0C388A"/> 
           </StackPanel> 
         </DataTemplate> 
        </ListBox.ItemTemplate> 
       </ListBox> 
      </Grid> 
     </controls:PivotItem> 
関連する問題