Users using ionic3.
The scrolling speed of ion-datetime is too fast for me.
So I want to reduce the scroll sensitivity.
I've manipulated the “animation-duration” property.
I did not get the result I wanted.
For current ion-datetime components:
If you scroll from position 10 to v-speed, you move up to 20
But I'd like to make sure it only moves up to 15 when I scroll at the same v-speed.enter image description here
Related
I have this plunkr I have been messing with that is basically a test of my first use of ag-grid. I started off wanting the following:
Use ag-grid for the first time - done
Sort Array of data based on count, then name - done
Pin Top 5 Results at the Top - done
Auto Scroll slowly (controllable) through bottom "unpinned" results - kind of done (works in edit mode of plunkr but in just the url view mode it just jumps to the bottom... see below for workaround)
Loop back to the top SMOOTHLY once it hits the bottom where it has the appearance of just flowing like a wheel turns - this is where I am lost.
So my problem is, I dont know how to tell it has hit the bottom of the scrollable area and be able to flow the UI to give the appearance as much as possible that it didnt skip a beat and just restarted scrolling from the top in an endless loop. Here is my plunkr https://next.plnkr.co/plunk/J2s7Aeyp2Yr3BefC
Really as long as the "animation" looks nice and smooth I can probably live with it, Im just looking for any help.
WORKAROUND: To see the scroll work if it just jumped to the bottom, hit the red minus button a few times and it will scroll up at that rate, then once at the top just hit the blue plus a few times to make it a positive number and it should scroll smoothly to the bottom.
Thanks for any help
I figured it out, you can look at my plunkr for the working model of looping through the scroll.
I have a horizontal ListView with a series of items with a width of 10 to 20 pixels. The normal scrolling behavior is too responsive in this scenario, making it hard to gently scroll to the next element without passing through it. A nice solution to this UX problem would be to reduce the scrolling sensitivity/speed, by decreasing the offset of each swipe. unfortunately I couldn't find anything regarding this scenario. Any help would be really useful.
I have a map view with an overlay. I want to restrict the user from zooming out too far. So if the user scrolls out and cant see part of the overlay it zooms them back in to the max height of the overlay. Like the zooming I also want the user not to be able to scroll of the edge.
I have managed to implement this (or so I thought). The code that I have written works on my iPhone 5 but then when I tested it on my Bosses phone and the simulator the map keeps trying to resize and get stuck in an infinite loop.
Here is a video of my app in the Loop.
From the video I can see that the map should loop as both edges are displayed off the map. To stop this my code zooms in so you cant see both edges before it is meant to move back to the edge the user has moved from.
As I said this works on one of my device but not the others! I have been trying to fix this for three days now and feel like banging my head on the keyboard! Any help would be amazing.
Here is a copy of my Code.
I have commented it and tried to make it easy to under stand.
EDIT: just updated to iOS 6.0.1. It still works on my iPhone 5 but It starts really far zoomed in and sets the min zoom too low
I have a big UIimage (2000x2000). Image drawed every time on app start, and copied to CALayer.
On Current time i put UIScrollView on main view, and make CALayer with drawn image.
Scrolling on small zoom looks fine. But on min zooming , when whole image visible, image scroll slowed, it becomes not quick responsible on move touch.
So, the question. What can I do, to increase scrolling performance?
The approach I would take is to use a lower resolution version of your image at lower zoom levels (lower = zoomed out).
First, see this post for resizing UIImages.
Respond to the scrollViewDidEndZooming:withView:atScale: method in UIScrollViewDelegate, and switch the images when a certain zoom level is reached. This will take some trial and error to find the correct balance. You may even want to render your image at several different resolutions. Be sure to generate the different sized UIImages in advance so there is no delay while zooming.
I have an image that is 320x480 and upon orientation change this image obviously hangs out of view. There are some images where the focal point of it sits with it's bottom cut off (which isn't undesirable). My issue however is when the user pans vertically to see the full image, the view appears to snap to the bottom meaning the top of the focal point is cutoff. What I wish to happen is that the users can "free-scroll" through the image and perhaps move the images so the focal point is centre screen, instead of cutting off the top and bottom. I understand this is a difficult concept to describe in words so I've attached some images below.
This is how it starts:
This is where it snaps to the bottom:
This is the kind of view I wish to have but cannot:
Is there a way to control this "snapping" or perhaps a method I could use to override it when dealing specifically with this kind of orientation? My issue is that i WANT it to snap when panning left/right onto the other images in the ScrollView, just not up/down.
EDIT:
pagingEnabled is the property that controls this snapping, but is there anyway to detect if the movement is Up/Down or Left/Right and disable or enable this property in each occasion?
Cheers for any help you can offer
You can try using two nested scroll views; one is limited to scrolling horizontally with paging enabled, and one (or one for each page if you're displaying several images?) limited to scrolling vertically with paging disabled. By default this will work like you said, paging/snapping horizontally but free scroll vertically. However, it will only let you scroll in one direction at a time (either horizontally or vertically, not diagonally).
If you want to use nested scroll views like this but you'd like to allow scrolling/dragging in both directions simultaneously, take a look at my solution for this: Nested UIScrollViews scrolling simultaneously