The new facebook app has a new feature. There is a little circle in the bottom of a message that means where is the user in the conversation. (hist last seen message).
It is pretty awesome, but i couldn´t figure out how it was developed. I´m pretty sure they created a new cell type, to show where is each user in the conversation. And then, if the user reads it, it just update the table and the user will be in another message that he just read. This would be ok.
But my question is, during this transition, the little circle is animated from the current message to the new position, and the others little circle are animated to make space for the new coming little circle. How is that possible? To animate something on top of a listview?
Thanks in regards,
Can you give me a screenshot of what you're talking about so I can look at it, or give steps to get to the screen you're talking about?
Facebook does some pretty remarkable stuff with iOS. If you want to see some of the crazier things, check out the app Paper that was developed using the Pop Framework. In there you might find some of the UI actions you're looking for.
Related
I am using the MessageKit to create a real time chat in my Swift App. One issue I am getting is, I want my chat from the user to be on the left, and the chat from the person they are talking to, to be on the right. As of now this is flipped, and I am unsure what function that is being set in, or if this is just default and there isn't a way to change it. I see functions for changing the direction of the bubbles, and avatar location but nothing to quickly fix which side each new message goes on. Can someone help me figure out this issue. Here is what it currently looks like:
But instead I would want the second image to be orange and on the right side, and the orange text to be silver and on the left side. Thanks!
I feel like this should be a quick fix, I am just unsure which like function likely part of the deleagte that I can change, as it is my first time using this messageKit library.
Not sure if this will fix everything but on MessagesDataSource protocol there is isFromCurrentSender
just reverse the return from that and I believe that most of the components use that function for layout.
I am implementing a way for the user to see a time-stamp for all messages when the any message is swiped to the left. Similar to the way iMessage does it.
(source: tekrevue.com)
Approach 1:
I invested some time in researching on StackOverflow. The nearest I got an answer to my problem:
How to Show time like iMessage iPhone app in UITableView
This question was asked in 2014, is meant for Objective-C and the only answer suggests to implement a Pod. I am gonna be honest with you, I am not a big fan of Pods. They do slow down my project.
(To be fair, the GitHub mentioned in the comments of the linked question was updated to Swift)
Approach 2:
After the first Approach, I was thinking about using Cell-Actions / Swipe-able TableView Cells.
The idea was to replace the buttons by a single label. This would get the job done but it wouldn't "feel the same" as the users are used to from iMessage. Only one message would slide instead of all messages and when the user stops swiping, the cells/messages wouldn't animate back to their standard position.
How can I do this "grouping" animation like Apple mail or the Gmail iPad app?
Does this need to be hard coded, and completely done with the animation framework, or does Apple expose an API for this to be done. I checked the developer docs, and I don't see anything like this. But Gmail was able to exactly replicate Apple's animation, and that's why I am curious to know if it can be done in an easier way.
I am 95% sure Apple does not have a UIStackOfPaperViewController or anything like that. You would have to code this up yourself.
Conceptually, it isn't too complicated: a background view with a texture, and each subview tilted at a random angle and a drop shadow beneath. You could do the drop shadow by drawing a gradient in a view around the "real" view. Core Animation's default behaviors would probably do the right thing, e.g. if you create the page view off screen and then set the final location, it will fly onto the stack pretty much how you would like it.
If you don't need support for releases earlier than iOS 6, there's probably good stuff in the Collection View Controller to make this easier.
Hopefully that's enough information to get you started, but your question is really broad. It's difficult to answer "How do I do X?" if you don't specify your starting point, or answer "How can I do this in an easier way?" if you don't specify what you think the hard way is first.
I want to know if is possible simulate the little movement of icons in iPhone springboard when I do a long press in one of them. Can you help me?
LOL!
I was at a conference last year and one of the talkers was an ex Apple employee around at the time of creating that icon wobble.
When they were creating it they used a combination of animation of scale, rotation and translation (both up, down and left, right).
When showing it to Steve Jobs he couldn't be satisfied by any of the wobbles that he was shown.
In the end they created some custom sliders (behind the home screen) that he was able to access so that he could customise the animation himself and get it "just right".
I know this doesn't help at all but thought it might be interesting.
Anyway, it looks like the link that Robotic Cat provided in the comments might give you something worth looking at.
I'm really curious as to how apple does this transition: If you go to a photo within the photos app, then try to send it in an email, you'll see this pretty cool transition where Apple grabs the image, slides up a modal email vc, then places the image into the message. Pretty cool.
Anyway, im wondering if anyone has any ideas as to how to do something like that. One way I'm thinking about doing it is to actually reproduce it, stick it on the UIWindow, then animate it that way. I'm actually kind of stumped as to how this could work. Any thoughts??
I actually got pretty close tonight with this (sample project up on Github). It's a bit "Fake it to make it", but then again, so is the Photos app if you really watch the animation closely. The values for the animation are hard coded in, but it's mostly for scale and move, which means this should work with pretty much any image (don't quote me on that). The code is iOS 5+ for now because Xcode keeps yelling at me about deprecated modal presentation methods...