|
I am working on a WPF application handling lists too long to fit in the window, so it needs a scroll bar. But elements of the list (a vertical stack panel) may flash up indicators that preferably should be acted on without too much delay; they should not be outside the window.
So I imagine a modified scrollbar mechanisms: A certain fraction of the contents is displayed in normal size (or even normal++, for those of us who are not as young as we used to be). Lines above or below this area is gradually reduced in size, so that more of them would fit above/below the "reading zone" of the window (with the attention indicators visible), without scrolling out. The reading zone would be somewhat like a cylinder lens, except with a central flat area of constant magnification.
Preferably, the size falloff outside the reading zone should be configurable, as well as the fraction of the window making up the reading zone. It would also be nice if it could be applied to columns of a table one-by-one, so that the columns remain straight from top to bottom, even though the cell contents is reduced in size.
I tried to google for 'cylinder lens scrollbar', without much success. Has anyone around here seen such a scrolling mechanism? Do you have hits for other google terms? Or should I just sit down and start implementing it myself?
(I suspect that my implmentation would be too much tailored to my specific needs at the moment; if there is anything like this out in the wild, it is probably of far more general use!)
|
|
|
|
|
You want "dynamic" font sizes relatived to the position of an item in the "view port".
Nothing really to do with "scroll bars" per se.
You need "code behind" to assign "font sizes" to each item (e.g. user control) in your observable collection based on your view port and item position.
Or, create a fixed set of "panes", of different font size; and "pass" items through them. Simulates a list and probably easier to grok.
(Or use a vertical "carousel" control).
WPF: Carousel Control
CodePlex Archive
"(I) am amazed to see myself here rather than there ... now rather than then".
― Blaise Pascal
modified 19-Feb-18 13:03pm.
|
|
|
|
|
Gerry Schmitz wrote: You want "dynamic" font sizes relatived to the position of an item in the "view port".
That is one way to describe it. But also non-text, like check boxes etc. should be scaled down.
Gerry Schmitz wrote: Nothing really to do with "scroll bars" per se.
Except the way you use it, and handle it. By moving the slider at the right side of the window, you pull up and down not the text within the entire window, but the text within the reading area. The implementation will not have much in common with the standard scrollbar, but the use will.
Yes, for my specific application, I could write class specific code behind that will probably not be useful to any other application. My hope was that someone had created a more general solution. (If you are lucky, that "someone" may be myself during the next couple weeks  )
|
|
|
|
|
I have been up almost all night reading on this subject. I have my main ViewModel (ShellViewModel), when the user selects a button a new window opens for the user to type something and a file chooser to select the file to read.
All I want to do is pass the Text typed in and the file path (as a string) back to the main view model for processing.
I believe I understand the concept of using EventAggregator to pass an event containing the data I want from the second window to the first. My problem is all the examples are showing the main VM creating two separate VM and the data is passed between the two individual VM's.
My ShellViewModel has the following method when the button is selected (I know using WindowManager in this fashion is not "best practice", but works for now:
public void LoadSchedule()
{
WindowManager windowManager = new WindowManager();
SelSchedViewModel vm = new SelSchedViewModel();
windowManager.ShowDialog(vm);
}
I have added a Handle to the ShellViewModel as well as Implimented "IHandle<scheduleinfo>"
Handle Code in ShellViewModel:
public void Handle(ScheduleInfo message)
{
ScheduleName = message.ScheduleName;
FileInfo = message.FileLocation;
}
I have created the class "SheduleInfo" to hold the data for the event
public class ScheduleInfo
{
public string ScheduleName
{
get;
private set;
}
public string FileLocation
{
get;
private set;
}
public ScheduleInfo(string SN, string FL)
{
ScheduleName = SN;
FileLocation = FL;
}
}
SheduleName and FileLocation have been added to ShellViewModel:
public string ScheduleName
{
get { return _scheduleName; }
set {
_scheduleName = value;
NotifyOfPropertyChange(() => ScheduleName);
}
}
public string FileInfo
{
get { return _fileInfo; }
set {
_fileInfo = value;
NotifyOfPropertyChange(() => FileInfo);
}
}
The second window "SelSchedViewModel" has a load button that when text is written in the text box and a file has been selected, is supposed to pass that data back and close this windows.
I am stuck on how to set up the SelShedViewModel to send the data back and how to properly initialize EventAggregator in the ShellViewModel and in the second view model. All the tutorials I found use the constructor of the receiving View Model (I tried) adding below to my ShellViewModel but I cant access "events"
public ShellViewModel()
{
IEventAggregator events = new EventAggregator();
}
I was thinking I need to move below to the ShellViewModel constructor and just use Windows Manager to call it, adding the "events" (will try this in a bit):
SelSchedViewModel vm = new SelSchedViewModel(events);
I don't know why this concept is confusing me so much. I have made the entire project public on gitHub for now. Any help would be appreciated.
And if y'all (yes I live in Texas) want to supply constructive criticism on my project be my guess. Remember the project was private until no so the commit messages were intended for me and might be a little rough 
[Link to my project on GitHub]
BTW, I am self-learning so I am looking for help to get this done not for anyone to do it for me. This project is a tool I want to use to make one of my normal day to day operations quicker at work, this is not a "for sale" project.
Thank You all for the help! Sorry for the length (here's a potatoe[some might get this old comment] - stress enduced humor)
|
|
|
|
|
I do MVVM if I had no choice.
My "personal" projects are allowed to "fly" and change is part of the process.
What you're describing is pain for a "possible" future (employment) gain ... the 2 never coincide.
"(I) am amazed to see myself here rather than there ... now rather than then".
― Blaise Pascal
|
|
|
|
|
What I am describing is using work situations to learn. There is a chance I will be asked to work with our development/IT department on our in house application because I have been a hobby programmer and have more than 20 years experience in the companies primary focus industry.
If I get offered a position in the development team, I'll jump all over it.
Other than that, not sure what your post is getting at.
|
|
|
|
|
That's good ... learning MVVM in this case has a specific goal.
I often see people struggling over some aspect literally "for days" because of the "rules".
Most apps will live and die never needing to "switch out the UI".
Spending half your time "engineering" instead of "shipping" serves no one.
And you will never convince me that MVVM is a "productivity booster" for the majority.
In MVVM, you're always struggling with the "plumbing", rarely the "business rules" (which is the point of IT; not "patterns").
"(I) am amazed to see myself here rather than there ... now rather than then".
― Blaise Pascal
|
|
|
|
|
In a way I do agree with you, however, unless you are the top dog in a situation, you must follow others concepts.
Here I have 2 issues, one I am trying to learn this concept because my company does use an MVVM framework, albeit custom fabbed.
I have also learned a long time ago to learn more than one way to accomplish your goals, this provides you the ability to adapt and overcome when required.
The second issue is more a personal one. I hate it when I have trouble solving something!!
You Gerry, In ways I agree but I (being still an amateurs amateur, there is little I can do with changing the mind of the person who has spent the past 4 years developing, maintaining and upgrading the companies SW.
|
|
|
|
|
Ask them "why" they are using MVVM. (Most people can't).
The answer (or lack of one) will tell you volumes about what drives the "standards" people in your organization.
"(I) am amazed to see myself here rather than there ... now rather than then".
― Blaise Pascal
|
|
|
|
|
I have implemented custom sort for a ListCollection view. The data is displayed in a DataGrid. The actual sorting is functioning. I have this code:
ObservableCollection<ConnectionViewModel> _connections;
private ICollectionView CV { get; set; }
public ConnectionsTabViewModel()
{
_connections = new ObservableCollection<ConnectionViewModel>();
CV = CollectionViewSource.GetDefaultView(_connections);
}
public void Sort()
{
if (CV is ListCollectionView view)
{
view.CustomSort = new ConnectionViewModelComparer();
}
}
public void StopSorting()
{
if (CV is ListCollectionView view)
{
view.IsLiveSorting = false;
}
}
I want to be able to turn on/off real time sorting when data is edited or added. I thought that setting the ListCollectionView property IsLiveSorting to false would achieve this but if I edit data in the DataGrid the rows are still sorted in real time. Have I misunderstood something?
I tried to solve this issue by setting view.CustomSort to null but by doing so the data is returned to the original state/order before sorting. Is there a simple way to turn off sorting and keeping the data in the same order as it was before sorting is turned off?
|
|
|
|
|
Can't you just use a different "view" to get "not-sorting"; realizing you would need to "pre-sort" to have it sorted when not sorting.
Or, why not just let the user sort (by clicking the "sortable" column header).
You "implemented" the custom sort; meaning, you should be able to "turn it off" / un-implement it for a given instance.
"(I) am amazed to see myself here rather than there ... now rather than then".
― Blaise Pascal
|
|
|
|
|
I decided that I will not use live sorting in the application. Still I couldn't turn it off. Instead of using an ICollectionView for sorting I transfererd the ObservableCollection data using ObservableCollection.ToList() to a List and sorted the list data. I then used the list as a constructor argument to create a new ObservableCollection. Not a very efficient solution but it is good enough for now.
|
|
|
|
|
In the end, "results" is what really matters.
"(I) am amazed to see myself here rather than there ... now rather than then".
― Blaise Pascal
|
|
|
|
|
I have to create a desktop client installation package with prerequisite as .NET framework. However in the prerequisite on publish tab is that .NET framework 4 is missing. How to include .net 4 as prerequisite in my package?
modified 24-Jan-18 5:53am.
|
|
|
|
|
I've got 4 RadioButtons:
<StackPanel Orientation="Vertical">
<pre>
<RadioButton Content="Labor/Equipment"
GroupName="builderTypeEntry"
IsChecked="{Binding BuilderType, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}"/>
<RadioButton Content="Labor/Equipment & Hardware"
GroupName="builderTypeEntry"
IsChecked="{Binding BuilderType, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}"/>
<RadioButton Content="Labor/Equipment, Hardware, & Trusses"
GroupName="builderTypeEntry"
IsChecked="{Binding BuilderType, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}"/>
<RadioButton Content="Labor/Equipment, Hardware, Trusses, & Lumber"
GroupName="builderTypeEntry"
IsChecked="{Binding BuilderType, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}"/>
They around bound to a property on the VM:
private int _BuilderType;
public int BuilderType
{
get { return _BuilderType; }
set
{
if (_BuilderType != value)
{
_BuilderType = value;
RaisePropertyChanged("BuilderType");
}
}
}
When I toggle thge buttons the property's Setter is being called twice - the first time sets it to 1 regardless of what button I click. The second time sets it back to 0.
On the first call the call stack only shows the call to the setter. The second call shows to RaisePropertyChanged, and then back to the setter again.
This is really bizarre. I can't figure this out. Anyone see what's wrong here??
If it's not broken, fix it until it is.
Everything makes sense in someone's mind.
Ya can't fix stupid.
|
|
|
|
|
Maybe because you're trying to bind all four radio buttons to the same property?
I'd expect to see either a converter on the IsChecked bindings to convert the int to a value, or four separate bool properties in the VM.
"These people looked deep within my soul and assigned me a number based on the order in which I joined."
- Homer
|
|
|
|
|
We need to use WPF desktop application on Windows XP. I know Microsoft has stopped the support for XP.
Can you please let me know which .NET version i need to install?
Any idea what will be disadvantages?
|
|
|
|
|
You should use the latest version that is supported with XP which is 4.0. Note that it requires XP service pack 3.
The disadvantages are that you can't use features of newer .Net versions and that support for version 4.0 has ended January 2016.
|
|
|
|
|
I have a style that use in some combo boxes to display a separator:
<ComboBox ItemsSource="{Binding Items}"<br />
SelectedItem="{Binding SelectedItem}"
DisplayMemberPath="Caption"
SelectedValuePath="{Binding SelectedItemId, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}">
<pre>
<ComboBox.ItemContainerStyle>
<Style TargetType="{x:Type ComboBoxItem}"
BasedOn="{StaticResource {x:Type ComboBoxItem}}">
<Style.Triggers>
<DataTrigger Binding="{Binding Caption}" Value="">
<Setter Property="Template">
<Setter.Value>
<ControlTemplate TargetType="{x:Type ComboBoxItem}">
<Separator HorizontalAlignment="Stretch" IsEnabled="False"/>
</ControlTemplate>
</Setter.Value>
</Setter>
</DataTrigger>
</Style.Triggers>
</Style>
</ComboBox.ItemContainerStyle>
This works perfectly when I don't have a data template. In this next example I want a checked list so I have checkboxes as well as captions in a DataTemplate:
<ComboBox Grid.Row="0"
Grid.Column="3"
FontSize="14"
HorizontalAlignment="Left"
VerticalAlignment="Center"
MinWidth="250"
ItemsSource="{Binding Company.CompanyTypes}"
SelectedValuePath="{Binding SelectedCompanyTypeId, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}"
IsEnabled="{Binding AreFieldsEnabled}"
Margin="3">
<pre>
<ComboBox.ItemContainerStyle>
<Style TargetType="{x:Type ComboBoxItem}"
BasedOn="{StaticResource {x:Type ComboBoxItem}}">
<Style.Triggers>
<DataTrigger Binding="{Binding Caption}" Value="">
<Setter Property="Template">
<Setter.Value>
<ControlTemplate TargetType="{x:Type ComboBoxItem}">
<Separator HorizontalAlignment="Stretch"
IsEnabled="False"/>
</ControlTemplate>
</Setter.Value>
</Setter>
</DataTrigger>
</Style.Triggers>
</Style>
</ComboBox.ItemContainerStyle>
<ComboBox.ItemTemplate>
<DataTemplate>
<StackPanel Orientation="Horizontal">
<CheckBox IsChecked="{Binding IsSelected}"
Margin="2"
HorizontalAlignment="Left"
VerticalAlignment="Center"/>
<TextBlock Text="{Binding Caption}"
Margin="2"
HorizontalAlignment="Left"
VerticalAlignment="Center"/>
</StackPanel>
</DataTemplate>
</ComboBox.ItemTemplate>
In this case the separator line doesn't appear, the bar itself is clickable, and the checkbox is showing.
How can I apply a stlye to solve these 3 problems?
Thanks
If it's not broken, fix it until it is.
Everything makes sense in someone's mind.
Ya can't fix stupid.
|
|
|
|
|
I am creating an application to learn WPF and MVVM pattern. I have a BindableCollection<string> in my ViewModel with anywhere from 1 to 5000 strings values.
I want to put a ListBox or other control in my View that is bound to this Collection. I want the TextBox to be divided into 3 columns and if the data goes further then the three columns can handle, scroll bars are created.
I have been searching for hours and can not find a method that is working. Can you anyone direct me in a direction to get this working?
|
|
|
|
|
Member 13610324 wrote: I have been searching for hours
Probably because your requirements are a little weird, or at least the way you a looking at them.
For a start no user will want to look at 5000 items in a list - supply a filter before extracting the records from the database.
The textbox requirement is not valid, just bind your collection to the listbox, if your collection has more than the 3 columns then create specific columns in xaml (rather than auto generate). A data template will give you very fine control of the content.
If you set the column width to "Auto" it will resize to the content (I think). This may end up with a column wider than you view and a scroll bar on the listbox.
If you want to manage the width then use word wrap instead of scroll bars. This looks ugly but scroll bars are not available on each cell.
|
|
|
|
|
The 5k amount of data is not my request, it is that of my boss. Maybe if I explain the purpose of the application.
I work for a large truck dealership group. My boss wants a small desktop app that will read a .cvs file of repair order data -> have a box where he can enter the number of repair orders (up to 5k, idk why so much) -> press a button -> a list is populated with the RO number (String) of randomly selected ROs from the CVS file.
I am just trying to format some control to make three columns wide with vertical scroll bars if needed, each column will be a continuation of the last.
I laid here thinking last night, I could have the code in the viewmodel divide the primary collection into 3 new collections and have those collections bind to a datagrid or multiple column listbox.
|
|
|
|
|
Dwayne Barsotta wrote: divide the primary collection into 3 new collections
No create the ONE new collection with 3 fields, bind that to the ListBox.
Dwayne Barsotta wrote: The 5k amount of data is not my request, it is that of my boss
As the developer you need to manage you bosses requirements, point out that loading 5k will be slow and he cannot possibly comprehend the detail of all those records. When he replies that he wants to look at some detail point out that he just defined a filter.
Never underestimate the power of human stupidity
RAH
|
|
|
|
|
I took your last comment to heart. After a discussion with him he finally understood, I informed him he needed to break his data down into more manageable chunks.
|
|
|
|
|
I read both your explanations, and still can't visualize your planned UI.
In any event, one might use a ScrollViewer to "wrap" the "target control" in order to provide it with scrollbars when it exceeds a certain dimension.
Note that the expected results depends on how the target control was constructed; i.e stack panels behave differenently than grids, when it comes to layout.
And sometimes, one has to disable one scrollbar, in order for the "other" (V or H) to work properly.
"(I) am amazed to see myself here rather than there ... now rather than then".
― Blaise Pascal
|
|
|
|
General 
News 
Suggestion 
Question 
Bug 
Answer 
Joke 
Praise 
Rant 
Admin 
Submit an article or tip
