I would like to build a carousel for selecting items from a list. It should give the user the possibility to scroll through the list by moving the mouse to the top area of the list (which should accelerate the scrolling) and the scrolling should stop when the mouse is in the middle.
Something close to is was the PathListBox from Microsoft. I tried to build the sample but the items are jumping from one end to the other one in a very strange way when I switch to the next item.
(source: microsoft.com)
So my question is, if there is something similar in WPF / C# to build such an item-list which can be animated prettily but without the animation bugs?
try these
http://wpfcarousel.codeplex.com/
http://www.codeproject.com/Articles/181835/WPF-Carousel-Control
Related
https://gist.github.com/shubh007-dev/f86814b5efe379f2529c37596139733b
The above link is to my code in which I've made a Custom Bottom Sheet. I've also added a scrollable view inside the bottom sheet.
Scenario:
First problem:
When my bottom sheet is pulled up and reaches it's top position, I'm easily able to drag up my scroll view and not able to reach the end of the view. The end of the view in my case is the Text eu efficitur mattis.
Second problem:
When my bottom sheet is pulled up and reaches it's top position, and now when I drag down to go at the top of ScrollView, the scroll lags and is dragged down sometimes. Also, I'm able to drag down easily only when I drag up a bit and then can drag down.
I tried these cases in iPhoneX simulator and an MI device. The issue is same. Can someone please tell how can I get smooth scrolling in this bottom sheet.
PS: I don't want to use a library. I only want to be able to improve my component.
Thank you
I don't have the answer the answer to your problems, but it sounds like you want debug the performance of your app for problem #2.
Read on that topic:
https://medium.com/#adamjacobb/react-native-performance-profiling-32dd00b93351,
https://matwrites.com/measuring-performance-and-debugging-react-native-apps-part-i/
I have a list and its scroll bar on the right along with two custom buttons representing upscroll and downscroll. These two buttons simulate scrolling by using list.setSelectedIndex(index, true) and are placed above and below my scrollbar via my custom layout.
I have two questions regarding this:
1). Since the upscroll and downscroll buttons are overlayed on top of the list, they disappear when i click elsewhere..and they kind of flash into appearance when i click the area it's supposed to be in. How can I remedy this behavior?
2). I have a scrollbar image that I have used in the "Scroll" theme in the GUI builder. It's alignment is IMAGE_ALIGNED_CENTER. However the scroll thumb doesn't reach the end of the bar when i scroll to the end of the list via my upscroll and downscroll buttons. The upscroll and downscroll buttons essentially scroll the list by one index with each press (using setSelectedIndex(index, true)).
Thanks
How do you overlay the buttons. I'm assuming you just set them into a specific location which disallowed as we can't possibly adapt them to the various resolutions. I suggest reading the developer guide section on layouts very carefully.
To place something on top of the list in a portable way you need to use the LayeredLayout or the LayeredPane and a Container + correct layout to position this within (e.g. BorderLayout EAST).
In this blog post there is a sample for making a scrollbar but it isn't "on top". It can be used as a starting point.
I have created a usercontrol that is essentially a text editor (using Graphics.Drawstring in OnPaint).
I have set AutoScroll = true, and AutoScrollMinSize values appropriately. Everything is working how it should...
EXCEPT, i would like the control to scroll itself WHILST I am currently scrolling (i.e. click and drag the scroll bar... and whilst it is being dragged the control should be scrolling the entire time). At the moment it only scrolls when the scroll bar is released (mouse up).
I have tried implementing _Scroll and invalidating the control, but that just makes it flicker uncontrollably.
I cannot find any examples online for this, due to it being difficult to describe!
Can anyone point me in the right direction please?
Control.Invalidate() will make something flicker badly. I faced this problem drawing cross-hairs over a mouse position on a PictureBox drawing a line chart before. The trick is to use (and I cant remember which one is best to come first)
Control.Update();
Control.Refresh();
in the Scroll event. Depending on what else you are drawing in the Control and how you are drawing it this may be better for you. Also this is tested on PictureBox, Control may be another matter.
Being new to silverlight I'm struggling to 'get going' with the following.
Basically I wish to create some form of grid like control (custom or user?).
The idea is similar to that of a planner. Along the top are times (set intervals). Downwards are subjects. Then over the grid like background rectangles (or something) indicate when the subject is planned for.
The actual design of the above is not the issue. i.e. a grid with ractangles overlaid. But my issue is I wish this grid to be scrolled up and down (with bounds fixing the top and bottom when the subject lines start and end). And also the grid to be scrolled left and right (with bounds fixing how far left and right it can scroll, current time & 3 days into future).
Based on the above needs, I don't wish to create a control which is very large, and just dragged into view (unless this is the only way?) but instead show the grid at a current time and when dragged dynamically load the next few hours worth of content, possibly with a few hours buffer.
The appearance I am seeking is it looking like it is one massive control, but truely its not, its dynamic.
Does this make sense? Am I worrying about nothing? Should I create a massive grid well into the future and then just handle the load of data dynamically over the top? Its just my concern if I want a grid 3 month into the future this would be massive and a waste of memory.
I'm struggling to find examples on the net, but feel this maybe to do with me not knowing what to search for. This isn't about getting a detailed answer and someone doing it for me, but instead about guidance pointing me in the right direction.
Many thanks
About the up-down scroll: you can simply put a grid containing your data in a ScrollViewer control - this will handle all the scrolling for you. Another solution would be using a listbox control - this is better if you use MVVM. You can bind it to a data source and set as data template a custom control.
For the left-right scroll. I'm thinking you could use gestures for this. Like - catch left-to-right and right-to-left flicks and change the data in your grid / listbox according to the gesture's direction. You could also place two buttons at the top of the grid to handle scrolling from one day to the other (just like in the calendar controls: gestures + buttons).
Can it be prevented that, when the user is viewing the last PanoramaItem, that he can scroll further to the right? - which moves back to the the first PanoramaItem.
(and, vice-versa, preventing to scroll from the first to the last by swiping to the left)
I'm asking this because in my app I have a panorama-page with only 2 PanoramaItems. The user can scroll from one to the other by swiping to the left or to the right. I want to prevent that other animation when scrolling beyond the last PanoramaItem.
Is it possible?
Sounds to me that you perhaps you shouldn't be using the Panorama at all. Looking at your other question about making the items smaller, it seems you want to push the Panorama beyond its designed purpose.
Perhaps you need is ScrollViewer with your two items (laid out using Grids) in a StackPanel with a horizontal orientation.
This is apparently how panorama is designed to work. There isn't a parameter to disable the capability.
Breaking from this behaviour would likely confuse users by introducing inconsistent behaviour between apps.
There are visual cues to indicate to the user that they are wrapping around with their scrolling action. The Title is displayed from the begining again and if your background image supports it, the join of the right side and left side indicates that the panorarma is wrapping around.