How to add steps to Angular Material slider - angular-material

Is it possible to show the steps underneath the slider? You can set the amount of steps easily, but we want to see it underneath it like:
--------O------------------------
1 2 3 4 5.....
This is the slider I'm talking about
https://material.angularjs.org/latest/demo/slider

As far as I know there is this feature is not implemented, but have you seen md-discrete?
Otherwise I could recommend https://github.com/angular-slider/angularjs-slider.

Related

Snapping control in openlayers 3

I want to use the snap control in my project. I saw a lot of examples on how to use it in openlayers 2. In my project I am using openlayers 3. Is there a snap control in openlayers 3?
No. It is marked as an open issue, https://github.com/openlayers/ol3/issues/1164. If you look at the source code for modifyinteraction and drawinteraction at https://github.com/openlayers/ol3/blob/master/src/ol/interaction/modifyinteraction.js and https://github.com/openlayers/ol3/blob/master/src/ol/interaction/drawinteraction.js you will see that some of the mechanics of snapping are in place already, but there is no snapping control. OL3 is still in beta (edit, gamma) and there is only a limited budget, so we will either have to wait, or write it yourself and issue a pull request on github :D.

iOS custom Time Picker l

I want to create time picker in iOS like following image
Please suggest me any available framework or way to achieve this type of timer in iOS.
In this image when user click on red circle and drag to the number what he want to set.
For example In given image currently it is 12 i.e 12:00AM if I dragged to 4 then Time should be 04:00 AM
I was also in need of exactly same component so i created one.
Please check the below link...
Here's Link 2 Component
I have given provision of theme in my project, for you requirement you need to set isDarkTheme to TRUE.
Hope this is as per expectations....
Feel free to vote if you like my answer/Project.
Simple and pretty standard stuff can be done with little core graphics or UIDynamics for animation, present controller as model view
Maybe you were looking for this one - ESTimePicker. It is under BSD license, so you can use it in commercial projects...

How to create bar chart using QuartzCore?

I'm creating an app where i need a bar chart.For a question we'll be having 4 or 5 options. I want to show the number of options selected by the users in a bar chart(like 10 members selected option A, 5 members option B etc). How to do it using Quartzcore? Please help me
Have a look at CorePlot, you have a good tutorial there (maybe a liitle outdated but still usable)
http://www.raywenderlich.com/13269/how-to-draw-graphs-with-core-plot-part-1
http://www.raywenderlich.com/13271/how-to-draw-graphs-with-core-plot-part-2

How to make a UIToolbar with steps, arrow style

It's hard to explain what i'm searching for, and not even sure if Apple will allow it (because of the guideline for human interface design), but is it possible to make a step by step "progress" bar in a UIToolbar? The image below will explain a lot. You can see the 1, 2, 3, 4 steps, preferably all buttons (so you can click a step back)
Any help? Or do i have to do it with images?
Thanks
Try to use a similar approach as the one here. Check BASequencecontrol. The source code is available in github.

How can I get a slot machine effect in the IOS SDK with text?

I need to create a list of words then have the words cycle through in a slot machine effect when swiped from top to bottom.
the only issues I'm having problems figuring out is the scrolling text part. UIPICKERVIEW doesn't cycle around (plus I need to only show one option at a time). I've hunted for examples and/or tutorials regarding this but haven't found anything that points me in the right direct.
Anyone know of a tutorial or have suggestions where I can get started or further my research? thanks.
You could use iCarousel for this:
https://github.com/nicklockwood/iCarousel
Run the Basic iOS Demo and select the Cylinder carousel type in vertical orientation with wrap on. If that looks like what you want, the documentation will explain how you can set it up in your project.

Resources