I want to display slider like control with Database values, Like below image.
Is there any control available for this? and How can I make this,
Database values will between 1-100. I have no idea from where to start
You can try learning about System.drawing and make your own control, i have done this in the past when i made a custom progress bar, I used this tutorial on YouTube and it might help you as well.
Also with making your own control you can change anything, get creative.
I think you need to use Timeline Chart ,
Here is Google Timeline Chart Example :)
Related
I'm trying to make a custom Slider inside a UWP app, which should look and function somewhat like the scroll in Windows 10 built-in Photos application:
There are two main features which exist in this screenshot, yet I couldn't find a way to implement myself:
All the positions within the same range in the slider/scrollbar, should have the same tooltip value. In the screenshot example, you can see that all photos within a specific range of the slider (between two ticks) show the same tooltip, which is the name of that month.
The gaps between the ticks aren't always the same. In the screenshot example, they rely on the amount of photos taken in each month, relatively to the total amount of photos.
I have found that in WPF, it's quite easy and straight-forward to set custom values for the ticks on a Slider (see here), but in UWP these attributes seem to be gone. Also, couldn't find anything about it in the official docs. I did notice there's a UWP control called TickBar, but couldn't find any examples in order to understand if it's relevant for my question.
Am I missing something, or is it really not possible to achieve such UX without making my own fully-custom UI Control?
It's not a Slider control. If you want to make such a control, you would have to do a lot of customization. You might need to make a UserControl. This UserControl nees some basic UWP controls to make it look like the MS Photos app.
For example, you might need an custom ItemsControl(the StaggeredPanel looks very similar) to manage the layout of pictures in the page, and customize the ScrollBar, use two ItemsControls to show the Year/Month on the right side. You also need some label to show the text when you pointer move on the ScrollBar, the label might be the TextBlock control etc. You also might need some animations.
Anyway, to make such a control, you need a lot of basic knowledge and do a lot of customization. It's complex. You could submit a Feature Request on WPDev UserVoice.
If I have a simple WPF app. This app runs some scripts to process data and I want to display some of that data (statistics) on the screen. What is the best control to use (text box, richtextbox, etc)?
I want the control to show data/update data as the script is running in the background.
Start by doing a little sketch on a paper how your form will look like. This helps you answer your own question.
Displaying statistic depends on the way you want to display them:
You can use a DataGrid when you have to display table form statistic results.
You can use TextBlock when you have to display final results (kind of Aggregations, Sums, Averages etc)
The most common whay to display statistics is by using Chart control
At any time, you can refer to the Microsoft's UX Guide
I want to make chart in C# with limit highlight like on screen below
Does someone know some library to make something like this?
summarizing I have implemented a chart control as a simple Canvas with a Polyline on it. The next thing I need is to be able to zoom the chart.
I would like to know how would you that (just the idea, no details needed). What I would like to do is to create somehow a bigger Canvas and paint the line bigger and just show a part of the Canvas to the user, and the he drags the Chart it will move the Canvas. Something like in the following picture. Do you think this is possible?
Kael Rowan from Microsoft Research built a ZoomableCanvas class that may do exactly what you want. You can also see all the posts he wrote about it. You can even try a running XBAP example if your browser supports it.
We use the RenderTransform for this, create your zoom and pan matrix( or transform ) and apply that to your canvas. The nice thing is, that you can still have elements that can display behind or on top of the canvas with the identity transform or with another. For example for a grid or screen space elements like a minimap, which should always be visible. You might also want to look into this old question, which is somehow related.
I'm about to implement a slider control component in .NET that's along the lines of a music recording control.
With the timebased equalizer graph, and with the abilities of a regular slider. How to go about this?
Thanks guys - I wasn't very explanatory in my question -- I did find this which I very much like - http://www.codeproject.com/KB/progress/MediaSlider.aspx -- I'll customize it to my needs.
Try the Track Bar Control from DevExpress
http://www.devexpress.com/Products/NET/Controls/WinForms/Editors/editors/TrackBarControl.xml