How to make a turnover efffect by swiper.js? - jquery-mobile

Below is the mockup, I don't know how to make it.
Expected: tap on left big img on vertical, then the right can add .active to the correct item. But left effect is hard to implement.
Could someone help me?
enter image description here

Related

FMX Edit inverts selection when moving mouse too far away

I am facing a strange issue that I can reproduce with a vanilla FMX Form.
First I place an Edit, set the horizontal alignment in TextSettings to Center or Trailing, and run the application. If I start selecting some text and move the mouse far enough to the right, the selection inverts. In fact, it seems like the required distance from the right edge of the edit is exactly the same as the distance from the end of the selection to that edge.
Here's a gif to illustrate the issue:
Does anybody know what is going on there? I have a hard time imagining this is by design. Any ideas for a workaround / fix would be appreciated.

Swift : Create region to UIPanGesture

I have this design here : http://imgur.com/XHMBUdj
I would like to allocate the left half of the screen(splitting vertically) to panning up and down for the blue bars and allocate the right half of the screen(splitting vertically) to panning up and down for the red bars.
I can already use UIPanGestureRecognizer, however, I just need help making the region in which if the user pans on the right side of the screen, "this" happens and if the user pans on the left side, "this" happens.
A friend of mine recommended using UIBezierPath. Could someone help me out? Code will be much appreciated!
I looks like it would be easier to have two UIPanGestureRecognizers.
In your view, you can add a subview that take up the left half on the screen that contains the blue bars and the microphone and add another subview that is on the right half of the screen containing the red bars and the music icon.
Then you can create two separate UIPanGestureRecognizers and add one to each of the views. Then each side will have its one recognizer that will take care of the side detection for you.

How to get rid of space before and after first and last items in UITabBar?

I have standard UITabBarController with 5 items. Everything is fine except that UITabBar does not draw selected item indicator image of first or last item from/to the edge, but keeps small space before/after it as shown in picture. I can't get rid of it and it drives me nuts. Any help is appreciated, thanks.
You should look into
UIEdgeInset property into tabbar. Play with it a bit and you will get the hang of it.
Here's an example--
self.tabBarItem.imageInsets = UIEdgeInsetsMake(6//topOffset, 0//left, -6//bottomOffset, 0//right);
But keep in mind that whatever the value of edgeinset you give, give the opposite value to its opposite side,meaning if you give top 6, then give bottom -6
Or else the image will keep on growing or shrinking after each click.
Hope this helps

How to apply UIView shifts when scrolling between pages

i'm trying to apply a shift effect to subviews of a UIView, but those shifts should'n have the same phase. A good example of that is the welcome screen in SoundClound.
As you can see, in the second image i'm scrolling to the second page, and the label slides more than the image (so it looks that the label moves faster than the image). So the subviews lose the alignment when scrolling, but recover it back if we stop the swipe.
Does anyone know how this effect is named? and where can i find some help to implement it?
Thanks a lot!
"Parallax scrolling" is what you want to search for.
Basically it is done by moving foreground objects faster background objects to simulate depth.
Check out http://blog.denivip.ru/index.php/2013/08/parallax-in-ios-applications/?lang=en for a starting point!

How do you use a button on an image that can be zoomed?

I have placed buttons at certain parts of an image. When the user touches the button on the image the image will perform an animation. My problem is I would like to give the user the ability to zoom the image. If the image is zoomed in or out I need the button to change with the zoom so that it is always covering the same part of the image. Any suggestions would be greatly helpful. I am looking for a good place to start. Thanks for your help.

Resources