I recently came across this app, tinder, which has a really cool functionality.
You start off with X images. User can swipe left or right to go through each image to signal whether the user likes or dislikes something.
An image can be seen here:
I have been looking at UICollectionView to do this, but I am a little confused about the custom layout I should be using.
I have been thinking of generating a bunch of cells and then setting different z-index and stacking them on top of one another with the same frame.x.
Any tutorial/advise/help available?
This is simple UIImageviews. and tinder only showing two top images and set a background frame just like facebook image gallery.
When you swipe top image current thread fire next image and it replace current image with new image. And you can add like, comment views as you want.
This sounded like fun, so I built an open-source library that mimics the interface you described.
https://github.com/modocache/MDCSwipeToChoose
The sample app included in the project is nearly identical to the UI in your screenshot.
Related
I found many tutorials that explain over scroll view which we used to display multiple images inside scroll view.But,when i tried to zoom,which make me stuck.So,I search the other one and i found scroll view which was implemented with UICollectionView-->MVCarouselCollectionView.Its also complicated and have many steps to do to have perfect image sliding library also included full screen zoom feature.But,it have many errors also autolayout issue which i cant use it directly for rotating devices.
So,its there any other alternative 3rd party library like MVCarouselCollectionView which i can use easy in Swift with no autolayout issue?
Any help?
I found these library at githud also many tutorial on raywanderish and appcoda,but they don't explain it completely.Some are work on sliding images inside scrollview but for zooming,its not.When i tried to apply "hamasyou" with zoom view,stuck with its library which mean not worked out.
These are the libraries i found on web
https://github.com/bizz84/MVCarouselCollectionView
http://www.the-nerd.be/2015/06/22/tnimagesliderviewcontroller-image-slider-for-swift/
https://github.com/hamasyou/autolayout
Is there any way that i can do thing like "MVCarouselCollectionView" with no autolayout issue?Please,I really need help.I am stucking at this for a week.
I really need a good source to create image sliding with multiple images and zoom full screen feature.Thanks.
I am losing most of my work time stucking at scrollview,autolayout issues.And now,when i found TNImageSliderViewController.I see that i have hope in scrolling images with no autolayout issue.Thanks to the developer who write TNImageSliderViewController.But,after that I want to do another thing which still keep making me stuck.I tried many tutorial and video and which keep making me stuck.
Here is what i need to do...
1.When I clicked one of my image in scrollview,i want to see full screen of that images i click at another view.
2.That another view should also have capabilities like TNImageSliderViewController which we can slide images.
3.I want to add zoom with pinch or tapped zoom at full screen image that i clicked.
Any Idea?or suggestion or library which it can do it easily and completely with no autolayout issue which we can rotate as we like?
Please help...Please,I really need help.Also all newbie like us might want the same answer like me.
How do you setup in your application to show little bubbles with text and block the rest of the screen from being used and only allow a small section / button to be pressed. I am wanting to create a walkthrough to show users how to use the application and where to find things within the application when it is opened for the first time.
I would like to dim the rest of the application except for the part I want them to click on. Is there a framework already with these features?
There's no frameworks that provide this functionality, as far as I know.
One way you could do this though is to have a set of overlay images which you overlay over the whole screen the first time the user goes to that screen. To determine if the user has already been to a screen, I suggest you look at NSUserDefaults. To create the overlay images, I'd make the image the full size of the screen (i.e. 460x320 if you are showing the status bar) and then have transparent sections where you want to "see through" to the element below. Add a gesture recogniser to the overlaid image view to detect a tap and then hide the image and set the flag in NSUserDefaults to make it not happen the next time the user goes to that screen.
If you don't get a better answer, you could look at MAAttachedWindow on the page at this link. It's written for Cocoa, not Cocoa Touch, so you would have to convert it. I am considering doing this myself. You might find it to be worth the trouble, but I haven't looked at every detail, yet, so I couldn't say for sure. There are only tow files that are involved (.m and .h).
I am trying to add badges to the icons in my app. e.g. in the facebook app, in the home page the number of pending requests is shown on the requests icon.
Can someone provide any links/ideas on how to do this?
Thanks,
V
I know this article is a little bit old, but it helps me recently to make a little class to create custom badges. I thought it would be fair to make this class public for everyone. So here it is CustomBadge.
best regard
- Sascha
Lots of ways to do this. You can overlay a UILabel over the icon (which may be a UIView or UIImageView). YOu can put another view on top of the icon, and draw the text right into that view. Or make your icon view be a subclass of UIView, and when you get called to draw, you draw the icon and the number.
Plus, you may want to play with blend modes, shadow, masking, etc., in order to create something that is visually attractive.
I'd probably start with reading more about Quartz, if you haven't already. The rest is just how you wire it all up.
And some other links:
http://scientificninja.com/development/numeric-badges-on-the-iphone
http://th30z.netsons.org/2009/03/qt4-drawing-notification-badges/
alt text http://th30z.netsons.org/wp-content/uploads/qtdrawbadges.png
The Three20 project (its code is part of the Facebook app) has those badges.
I would like to take a stack of images (or potentially an array of URLs to download images) and display them in full screen, one at a time, using user swipes to smoothly animate the next image in the stack, using the iPhone SDK. Apple's Photo.app seems to do this. Additionally, if the image has not been retrieved yet, I'd like to display the progress indicator.
Can you point me to example code and explain how this technique would be implemented?
You need to use UIScrollview's page control mechanism. Apple has plenty of sample code, including one called, strangely enough, Page Control:
http://developer.apple.com/iphone/library/samplecode/PageControl/index.html
If you want any behavior beyond that, you'll have to roll it yourself.