Горизонтальная прокрутка до конца с помощью ScrollViewer XAML wp8

У меня есть ScrollViewer в моем XAML. Я хочу прокрутить его по горизонтали до конца правой стороны, чтобы пользователь мог видеть все элементы управления в ScrollViewer.Горизонтальная прокрутка до конца с помощью ScrollViewer XAML wp8

Вот мой код:

<ScrollViewer x:Name="ScrollFilter" HorizontalScrollBarVisibility="Auto" HorizontalScrollMode="Enabled"> 
       <StackPanel HorizontalAlignment="Left"> 
        <Rectangle x:Name="RecAntiqueFilter" Fill="Red" Height="100" Width="100" DoubleTapped="RecAntiqueFilter_DoubleTapped" Tapped="RecAntiqueFilter_Tapped"/> 
        <Rectangle x:Name="RecBlurFilter" Fill="Green" Height="100" Width="100" Margin="0,-100,-200,0" Tapped="RecBlurFilter_Tapped"/> 
        <Rectangle x:Name="RecHSTFilter" Fill="Blue" Height="100" Width="100" Margin="0,-100,-400,0" Tapped="RecHSTFilter_Tapped"/> 
        <Rectangle x:Name="RecBFilter" Fill="Green" Height="100" Width="100" Margin="0,-100,-600,0" Tapped="RecBlurFilter_Tapped"/> 
        <Rectangle x:Name="RecHFilter" Fill="Blue" Height="100" Width="100" Margin="0,-100,-800,0" Tapped="RecHSTFilter_Tapped"/> 
        <Rectangle x:Name="RecFilter" Fill="Green" Height="100" Width="100" Margin="0,-100,-1000,0" Tapped="RecBlurFilter_Tapped"/> 
        <Rectangle x:Name="RecHcFilter" Fill="Yellow" Height="100" Width="100" Margin="0,-100,-1200,0" Tapped="RecHSTFilter_Tapped"/> 
        <Rectangle x:Name="RecFake" Fill="Transparent" Height="100" Width="400" Margin="0,-100,-1400,0"/> 

       </StackPanel> 
      </ScrollViewer>

Как это сделать?

источник

2015-07-11 Shahriar Siraj Snigdho

Для горизонтального прокрутки вы должны использовать панель стека ориентация property, Обновленный код приведен ниже.

<ScrollViewer x:Name="ScrollFilter" HorizontalScrollBarVisibility="Auto" HorizontalScrollMode="Enabled"> 
       <StackPanel Orientation="Horizontal" HorizontalAlignment="Left"> 
        <Rectangle x:Name="RecAntiqueFilter" Fill="Red" Height="100" Width="100" DoubleTapped="RecAntiqueFilter_DoubleTapped" Tapped="RecAntiqueFilter_Tapped"/> 
        <Rectangle x:Name="RecBlurFilter" Fill="Green" Height="100" Width="100" Margin="0,-100,-200,0" Tapped="RecBlurFilter_Tapped"/> 
        <Rectangle x:Name="RecHSTFilter" Fill="Blue" Height="100" Width="100" Margin="0,-100,-400,0" Tapped="RecHSTFilter_Tapped"/> 
        <Rectangle x:Name="RecBFilter" Fill="Green" Height="100" Width="100" Margin="0,-100,-600,0" Tapped="RecBlurFilter_Tapped"/> 
        <Rectangle x:Name="RecHFilter" Fill="Blue" Height="100" Width="100" Margin="0,-100,-800,0" Tapped="RecHSTFilter_Tapped"/> 
        <Rectangle x:Name="RecFilter" Fill="Green" Height="100" Width="100" Margin="0,-100,-1000,0" Tapped="RecBlurFilter_Tapped"/> 
        <Rectangle x:Name="RecHcFilter" Fill="Yellow" Height="100" Width="100" Margin="0,-100,-1200,0" Tapped="RecHSTFilter_Tapped"/> 
        <Rectangle x:Name="RecFake" Fill="Transparent" Height="100" Width="400" Margin="0,-100,-1400,0"/> 
</StackPanel> 
</ScrollViewer>

источник

2015-07-11 16:47:05

Wow! Ты просто спас мне день. Спасибо за помощь. Я пытался это сделать с прошлой ночи. Btw, есть ли в любом случае, я могу изменить Horizontal ScrollBar? Например, изменение цвета полосы прокрутки или изменение ее ширины? –

Добро пожаловать;) Для стилей изменений вы можете проверить страницу MSDN; https://msdn.microsoft.com/en-us/library/cc278076(v=vs.95).aspx ... Я раньше этого не делал. –

Горизонтальная прокрутка до конца с помощью ScrollViewer XAML wp8

ответ

Смежные вопросы