Cardview animation in anddroid - android-cardview

I have a list of cards. When someone taps on that card, it should expand from that position and then open a fragment which contains the description of that card. It is exactly similar to what happens in the BuzzFeed app.

Shared Element Activity Transition is what you are looking for I think. This link might help you.

Related

Application walkthrough when opened for the first time

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).

Recreating the iTunes (iOS app) tableViewCell which previews songs

I'm creating an app which would provide the user with a list of audio files and let them sample a small piece of audio when they select the song (just like the iTunes iOS app).
I love the way the iTunes iOS App has implemented it (image attached); wherein I can click on a cell and the album cover flips over to show a progress indicator and a stop button. I can select a cell and the sample starts to play, and the moment I stop it, the progress indicator flips back over to show the album/song art.
I'd like to create something like that for my app. Any suggestions on how I can go ahead with it.
Thanks a ton in advance! :D
EDIT: Based on Till's suggestion, I'm adding this edit. What I wish to get by asking this question is suggestions for the best approach to make the flip animation, showing a custom view in a UITableViewCell image space, possible. Currently, I'm not worried about playing the audio or displaying the progress of the playback. I simply need suggestions on the best approach to perform the flip animation and substitute the image with a custom UIView. :) Thanks again! :D
You will need to create it. I suggest making it as a custom tablecell. If you polish it well enought, you can put it on CodeCanyon and make it worth your while.
Also, I can recommend looking at the works on http://cocoacontrols.com/ - It might not have exactly this one, but it has many interesting controls and inspirations.
This is exactly what u looking for:
https://github.com/marshluca/AudioPlayer
You can also refer to some Sources :
https://github.com/lipka/LLACircularProgressView

UIView with touchesMoved event for scrolling UIimages from web?

Actually i need a uiview on which touch moved event will be attached and i need that when we swipe left and right the images should be downloaded from web and should be displayed on uiview ,only one full image will be displayed on this uiview.
Second thing which i need is that when user viewing any image then their next and previous images should be downloaded, for fast viewing on images.
Let me know if i am not able to convey my question's message to u.
Thanks in advance to all my great developers friends.
I think below link will help you
https://github.com/vvanhee/MWPhotoBrowser

iPhone App: How do they do that?

I am sure many of you would have seen Jamie's Receipe app.
In that, they have a shopping list. If you click on an item in the shopping it, it animates and strikes off that item from the list.
I would like to know how do they do that? How can we have such a strike off?
Thanks!
the answer is the same as in all those "how do they do that?" question.
They've created a custom UIView that does this.
Programming is not just arranging available Interface elements. Sometimes it involves the creation of something new.
EDIT: The strikeouts are indeed only images. You can find strike_out_0.png to strike_out_3.png in the app bundle.
most likely it's just a UIImageView placed on top of the text and then animated.
This has information on how to animate a UIImageView
http://appsamuck.com/day2.html

iPhone/iPad Flipboard Page Turn Animation?

I want to make an animation that is exactly the same as the Flipboard's one. I have tested Leaves and EPGLTransitionView on github, however, Leaves gives me the hand gesture but doesn't implement the page turn animation (its animation is like the iBook's one), and EPGLTransitionView doesn't implement the hand gestures.
Could anyone help me? Thanks in advance.
Sincerely,
Kai.
This github project might be what you are looking for: https://github.com/Dillion/iOS-Flip-Transform.