Customized WPF controls, RangePanel with custom vertical/horizontal positioning, RangeItemsControl with bindable ItemsSource and Visual Studio-like scrollbar with markers
License: MIT License
I suspect this is probably user error, but in case anyone has come across it before:
We have a RangeScrollBar which binds to listview as a vertical scrollbar. In this model it has 10 marks added.
If I resize the window once it is visible, they all appear:
Sticking breakpoints in the binding, the 10 objects it binds to are in the right list to be databound from the moment the DataContext is constructed.
Hi,
I am trying to refactor my Diff Overview control (which inherites from Slider) shown on the left side of this screenshot:
into a control version that is based on a Scrollbar since that seems to be more natural in terms of the control behavior. In that process I am trying to integrate your WpfRangeControl on this branch:
https://github.com/Dirkster99/Aehnlich/tree/Overview_Refactoring
where I have this per DiffLineViewModel showing whether the line is different (Context) compared to the other view and its linenumber (IndexLineNumber) - you can download the branch and compile/start the TextFileDemo to see how that currently works...
Where I cannot seem to get further is at the binding - I have tried to use a binding similar to one of your demo projects but I cannot seem to get it to work :-( - the code I am having looks like this:
<range:RangeScrollbar Grid.Column="1" Width="30" Margin="3"
VerticalAlignment="Stretch" HorizontalAlignment="Stretch"
ViewportSize="{Binding NumberOfTextLinesInViewPort}"
Minimum="0"
Maximum="{Binding DiffCtrl.MaxNumberOfLines}"
Value="{Binding OverViewValue, Mode=OneWay,UpdateSourceTrigger=PropertyChanged}">
<range:RangeItemsControl
ItemsSource="{Binding DiffCtrl.ViewA.DocLineDiffs}"
>
<range:RangeItemsControl.ItemTemplate>
<DataTemplate>
<Ellipse Name="elp" Fill="DarkRed" Width="8" Height="8"
range:RangePanel.Position="{Binding IndexLineNumber}"
range:RangePanel.Alignment="Center"
/>
<DataTemplate.Triggers>
<Trigger Property="ItemsControl.AlternationIndex" Value="0">
<Setter TargetName="elp" Property="Fill" Value="DarkSalmon" />
</Trigger>
</DataTemplate.Triggers>
</DataTemplate>
</range:RangeItemsControl.ItemTemplate>
</range:RangeItemsControl>
</range:RangeScrollbar>
...but there is no Elipse item showing up in the RangeScrollbar UI space - what am I doning wrong? Could you please help me to get this to work? I probably don't understand all sides of the RangeScrollbar and the RangeItemsControl but I hope you can point me into the right direction :-)
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
Django
The Web framework for perfectionists with deadlines.
Laravel
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
Microsoft
Open source projects and samples from Microsoft.
Google
Google ❤️ Open Source for everyone.
Alibaba
Alibaba Open Source for everyone
D3
Data-Driven Documents codes.
Tencent
China tencent open source team.