xaml ScrollViewer, размытая граница - приложение для Windows Store

Question

Возможно ли иметь какое-то изображение размытой границы при прокрутке? Чтобы лучше понять, я добавил фотографию того, что хочу, чтобы успеть.

Ограничение, которое у меня есть, что под ScrollViewer У меня есть фоновое изображение. Таким образом, я не могу использовать заполненный Rectangle с белым до прозрачного градиента в левой части ScrollViewer.

Answer 1

С WinRT отказалась от поддержки OpacityMask, и я не уверен, что если вы хотите установить его с альфа-каналом. С учетом сказанного, хотя, почти всегда есть работа вокруг. Так что, если вы просто используете естественный z-порядок и подделываете его? Что-то вроде этого;

<!-- Grid as Container --> 
<Grid> 

    <ScrollViewer VerticalScrollBarVisibility="Disabled" HorizontalScrollBarVisibility="Visible"> 
     <!-- example backgrounds, like images, just for the concept example. --> 
     <StackPanel Orientation="Horizontal"> 
      <Rectangle Height="75" Width="300" Fill="Red" Margin="20,0"/> 
      <Rectangle Height="75" Width="300" Fill="Red" Margin="20,0"/> 
      <Rectangle Height="75" Width="300" Fill="Red" Margin="20,0"/> 
      <Rectangle Height="75" Width="300" Fill="Red" Margin="20,0"/> 
      <Rectangle Height="75" Width="300" Fill="Red" Margin="20,0"/> 
     </StackPanel> 
    </ScrollViewer> 

    <!-- An adhoc gradient overlay to just float over the ScrollViewer itself. 
     Then using Margin to fit it to the shape of the Scrollviewer and still 
     allow hit visibility to the scrollbar etc. --> 

    <Rectangle Width="50" HorizontalAlignment="Left" Margin="1,1,0,20"> 
     <Rectangle.Fill> 
      <LinearGradientBrush EndPoint="1,0.5" StartPoint="0.1,0.5"> 
       <GradientStop Color="White" Offset="0.3"/> 
       <GradientStop Color="Transparent" Offset="1"/> 
      </LinearGradientBrush> 
     </Rectangle.Fill> 
    </Rectangle> 

</Grid> 

Конечно, вы, вероятно, захотите изменить некоторые значения, как в RectangleMargin в примере, чтобы сделать его выглядеть точно правильно с вашей собственной установки, но концепция должна быть там и вариант. Надеюсь это поможет.