After finding myself inspired by the upcoming Workout app for iOS/Apple Watch, I found myself dissecting what appears to be a UITableView with this circular progress indicator. I've seen some circular progress indicators online (iOS-Circle-ProgressView) but have been unsuccessful in implementing this into a custom cell in my UITableView.
I'm intersted in implementing the above into my project, but my attempts to import it seem to result in a blank space in the cell, and no circular indicator.
Is it possible to implement such an item inside a custom cell? Or would it have to live in its own view controller?
Thank you!
Related
I am trying to implement the same style of UI as the new Uber iOS app, at least the pull-up view. I am wondering if this is a UICollectionView or a UITableView. How are the inner horizontal scrollable views implemented? I have done something like this before in iOS back in 2009, but that was UITableView inside a UITableView. Just wondering if UICollectionView is what should be used now?
Also, how do they allow you to drag the view up and then switch to a new view?
They seem to be simply animating transitions. There are similar questions here on SO addressing this for the card implementations used in Apple’s Music and Mail apps. As for the horizontal swiping, I would use a collection view nowadays but I don’t see it wrong using a tableView.
Hope this will help
I am new to iOS development and unable to identify how Google/YouTube built this view in the YouTubeTV app. Is this built using an UITableView?
Essentially, the top row is selectable (Pre-animation). As you scroll up, the top row gets pushed up and out of view (Mid-animation), while the second row fades and grows into, and replaces, the top row). I've included screenshots of the animation in-progress. Thanks for the info and assistance.
This would be done with a UITableView or a UICollectionView. What you would do is enable paging on the Table/Collection view, so that it only ever displays entire cells in the visible area of the view. You can then manipulate the height use the heightForCellAtIndexPath: function - as an example of how it could be done on a tableview.
There is actually a really good example on github - typically we try to give more full answers on SO, but in this case, this could be relevant to you just starting out. Not affiliated in anyway, but it's a really good example.
https://github.com/aslanyanhaik/youtube-iOS
I was wondering if this nice master-detail transition where you click on the tableView cell and it expand to disclose the detail , with the cell's label being the navigation bar title is an interface which is part of the SDK object library or it is a customised one?
This is a custom transition between ViewControllers.
There's a nice example of a few transitions (including this one) in this library.
Of course you'll need to add the tableview etc' but this is a great place to start.
I've tried few things but so far this is the best option I could think of.
Animating the frames of all the visible cells and making use of childViewController is how I achieved it.
Animation test project
https://github.com/armaluca/iOS-App-Store-Explore-Section-Animation
Would be nice to know any other possible solution and ultimately to know how Apple did it!
It is custom implementation.There is no API in UIKit/UITableView which implements this behaviour. Only animation to present a cell is there(which I think is used here).
This behaviour can be implemented like-
Add sections(News, Productivity, etc) in table with zero cells(numberOfRowsInSection: = 0 for all sections). Then on tapping any section just reload that section(reloadSections:withRowAnimation:) by adding a cell to it(numberOfRowsInSection: = 1) and animation(maybe UITableViewRowAnimationMiddle). Scroll that section/row to top in same animation loop(UI update cycle).
I'm trying to achieve a view transition like the new iOS7 weather app transition, using a collapsing/expanding view.
Does anyone know if a lib already exist for that ?
Thanks
User antol put some effort into replicating the behavior:
https://github.com/Antol/APPaginalTableView
But note that APPaginalTableView doesn't have a separate controller for the expanded pages.
You can see it in action here:
https://www.youtube.com/watch?v=X1YvxDMr0yA
EDIT
Check out this project. It demonstrates how to do the first part of the Weather app's transition using normal View Controllers and the transitioning API.
I know this is a little late for a follow up, but I've looked for a library to do this, as well, but haven't found one.
https://github.com/chefnobody/Colors
I was able to do this using the new UIViewController Transitioning API. This example should get you started:
http://www.teehanlax.com/blog/custom-uiviewcontroller-transitions/
To augment this example to get the pinch/pull table view cell separation animation you would need to identify the table view cell that was selected (or "selected" relative to the pinch gesture"), then in -animateTransition: you would animate the cells above and below the selected cell out of view, revealing your details view controller.
An alternative to APPaginalTableView if you are looking to use the storyboard more and set subview controllers to the table. I was working on the same problem and this is my "playground" for it. https://github.com/nissaba/customcellTest.git
I would like to display an indeterminate NSProgressIndicator in my app, but I can't find anything online that tells me explicitly how to do it. Could someone point me to some sort of tutorial or provide me some example code?
If you want a progress view (a horizontal bar) you should use UIProgressView. If you want an indeterminate spinning activity indicator, you can use a UIActivityIndicatorView. Both of these can be added to a storyboard or NIB, or can be added programmatically in iOS. Both of those two class references include links to samples.
NSProgressIndicator is not an iOS control.