Reply to thread

Message

<blockquote data-quote="morpheus_xx" data-source="post: 1142606" data-attributes="member: 48495">I thought to make a break, but then I got an idea how to implement the fading in media list:[ATTACH]166677[/ATTACH] [ATTACH]166678[/ATTACH] [ATTACH]166679[/ATTACH]Please ignore the duplicated knobs, I have no idea yet about the cause. But the listview itself looks good with this. And code is also not very complicated. I only need to distinguish horizontal/vertical gradient.In principle I set the fade offsets depeding on knob position (relative to scrollviewer top/bottom)[CODE=XML]&nbsp; &lt;Style x:Key=&quot;LeftSideScrollViewerStyle&quot; TargetType=&quot;{x:Type ScrollViewer}&quot;&gt;&nbsp; &nbsp; &lt;Setter Property=&quot;Template&quot;&gt;&nbsp; &nbsp; &nbsp; &lt;Setter.Value&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;ControlTemplate TargetType=&quot;{x:Type ScrollViewer}&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;Grid x:Name=&quot;ScrollViewerGrid&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;Grid.OpacityMask&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;LinearGradientBrush StartPoint=&quot;0.5,0&quot; EndPoint=&quot;0.5,1&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;GradientStop Offset=&quot;0&quot; Color=&quot;#00FFFFFF&quot;/&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;GradientStop Color=&quot;#FFFFFFFF&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;GradientStop.Offset&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;MultiBinding Converter=&quot;{StaticResource ExpressionMultiValueConverter}&quot; ConverterParameter=&quot;{}{0} &amp;gt; 0 ? {1} : {2}&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;TemplateBinding Path=&quot;ScrollBarYKnobPos&quot; /&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;Binding Source=&quot;0.10&quot; /&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;Binding Source=&quot;0&quot; /&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/MultiBinding&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/GradientStop.Offset&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/GradientStop&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;GradientStop Color=&quot;#FFFFFFFF&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;GradientStop.Offset&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;MultiBinding Converter=&quot;{StaticResource ExpressionMultiValueConverter}&quot; ConverterParameter=&quot;{}{0}+{1} &amp;lt; {2} ? {3} : {4}&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;TemplateBinding Path=&quot;ScrollBarYKnobPos&quot; /&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;TemplateBinding Path=&quot;ScrollBarYKnobHeight&quot; /&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;TemplateBinding Path=&quot;ScrollBarYSize&quot; /&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;Binding Source=&quot;0.9&quot; /&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;Binding Source=&quot;1&quot; /&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/MultiBinding&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/GradientStop.Offset&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/GradientStop&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;GradientStop Offset=&quot;1&quot; Color=&quot;#00FFFFFF&quot;/&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/LinearGradientBrush &gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/Grid.OpacityMask&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;Grid.ColumnDefinitions&gt;...[/CODE]</blockquote>

[QUOTE="morpheus_xx, post: 1142606, member: 48495"] I thought to make a break, but then I got an idea how to implement the fading in media list: [ATTACH]166677[/ATTACH] [ATTACH]166678[/ATTACH] [ATTACH]166679[/ATTACH] Please ignore the duplicated knobs, I have no idea yet about the cause. But the listview itself looks good with this. And code is also not very complicated. I only need to distinguish horizontal/vertical gradient. In principle I set the fade offsets depeding on knob position (relative to scrollviewer top/bottom) [CODE=XML] <Style x:Key="LeftSideScrollViewerStyle" TargetType="{x:Type ScrollViewer}"> <Setter Property="Template"> <Setter.Value> <ControlTemplate TargetType="{x:Type ScrollViewer}"> <Grid x:Name="ScrollViewerGrid"> <Grid.OpacityMask> <LinearGradientBrush StartPoint="0.5,0" EndPoint="0.5,1"> <GradientStop Offset="0" Color="#00FFFFFF"/> <GradientStop Color="#FFFFFFFF"> <GradientStop.Offset> <MultiBinding Converter="{StaticResource ExpressionMultiValueConverter}" ConverterParameter="{}{0} > 0 ? {1} : {2}"> <TemplateBinding Path="ScrollBarYKnobPos" /> <Binding Source="0.10" /> <Binding Source="0" /> </MultiBinding> </GradientStop.Offset> </GradientStop> <GradientStop Color="#FFFFFFFF"> <GradientStop.Offset> <MultiBinding Converter="{StaticResource ExpressionMultiValueConverter}" ConverterParameter="{}{0}+{1} < {2} ? {3} : {4}"> <TemplateBinding Path="ScrollBarYKnobPos" /> <TemplateBinding Path="ScrollBarYKnobHeight" /> <TemplateBinding Path="ScrollBarYSize" /> <Binding Source="0.9" /> <Binding Source="1" /> </MultiBinding> </GradientStop.Offset> </GradientStop> <GradientStop Offset="1" Color="#00FFFFFF"/> </LinearGradientBrush > </Grid.OpacityMask> <Grid.ColumnDefinitions> ...[/CODE] [/QUOTE]

Verification