UICollectionView within UITableViewCell with Swipe - ios

I am using Xcode 7.1 and Swift 2.1 version.
I am looking for something as shown in the picture
Here in the left screen (Before Swiping), I have a UITableView in which there are certain cells in which I have to implement a right swipe functionality.Now when I swipe right the one coming from right must be a UICollectionView as shown in right picture (After Swipe) as there can be many options (a,b,c,d,e....). So they should be in some scroll view like UICollectionView.I searched a lot and found some libraries like
https://github.com/MortimerGoro/MGSwipeTableCell
https://github.com/CEWendel/SWTableViewCell
They provide array of UIButton or a single Button with image or text. We can add multiple buttons but they will shrink accordingly.
I want something called a UIView in which I can place UICollectionView and make its datasource accordingly with fixed size cells as shown in the picture.Any source or link for the same is highly appreciable.
Thanks

Related

IOS animation in this video

I am stuck in below task where I need similar animation in UITableView.
But I am also not sure what component used in this video (UITableView or UICollectionView)?
Animated component
Any leads highly appreciated
First up, there are multiple ways to implement this.
If the video shows the exact output you expect, you can achieve this with two UITableViews. One for the names on the bottom and one for the images on top.
Now, within the scrollViewDidScroll method, listen to the scroll changes within the tableView that contains the text and scroll the tableView with the images accordingly. If you're going for constant sized cells, the scroll coeffecient would be the sizeOfCellWithImage:sizeOfCellWithText

Login page with scrolling horizontally only images

I want to create tinder like login page(onboarding). While scrolling images horizontally, the header must be the same for every UICollectionViewCell. However, but when I scroll, header doesn't stay fixed. Every time I scroll headers go left or right also. Should I use something different rather than UICollectionView ?
Imageviews must move but textview must stay fixed.
Your Collectionview cell must only content imageview and not textfield.
Also if you share the UI design of what is required and developed screen then it will be more easy to give you correct answer.
Hope this will be helpful.

How do I implement the below view in iOS (Objective-C or Swift)?

Basically I'm trying to implement the feature which is attached as an image. I'm trying to create generic component. Where view can have list of items and minimum that could be shown will be two and there should be a button with 3 more options and click on should expand the view and auto adjust with the container using auto layout. Can any one help me giving brief idea how do I implement this? would be really help full.
Image and Component that I'm trying to implement is as below:
You will use UITableView with 2 UICustomCell one for default view like your image and another for expand view, use NSMutableArray to save flag value that decide to use the first cell or second cell, and in UIButton action reset this array and reload your UITableView.
I hope I help you.
1) If I right understand, the flexible solution it's creating UITableViewCell and UICollectionView as one of subviews (another - UIImageView). UICollectionView has two kinds of cells:
Cell with label - item.
Show more button.
Each time when you press Show more button just can reload UICollectionView without restrictions or insert new items.
But in this case you should manually calculate tableview's height. Implement sizeThatFits in UITableViewCell.
2) Also can add UIStackView and use it for your goal but UIStackView has bad performance.
Hope it helps you!

How to build this layout in Swift

I'm working on an app that has one page where it should be an image at the top and then a table underneath it. The thing is that when I scroll, I want everything to scroll, including the image. What is the best approach for this:
a scrollview with an image view and a table view ?
create some kind of static cell in the tableview for the image?
Does anyone know some examples?
Any help is appreciated!
Best way is to use a UITableViewController. With that you can implement all the cells easily and efficiency. Then drag and drop an imageView on top of the tableView in the UITableViewController. You can place it right between the tableView and the Top to get what you want.

Mixing UIScrollViews and UITableViews

If you look at the Featured tab of the Apple App Store app on an iPhone 6, there is a unique UI layout that I can't figure out how to replicate.
At the very top there is a navigationBar. Below this there is a UIScrollView that animates through a number of featured items. Below this is what appears to be a UITableView with a number of custom programmed cells.
My first guess was that the UIScrollView at the top was added to a custom cell at the top of a UITableView. If you swipe up the UIScrollView moves with the objects below like it is a cell. You can see that the vertical scroll indicator starts at the top of the UIScrollView.
The part that is unique is that if you swipe down, the objects below the UIScrollView move down like a UITableView and the UIScrollView stays in place. This means that the UIScrollView is not a custom cell at the top of a UITableView.
I tried making this work a number of different ways but I can replicate this. Does anyone know how this can be done?
You can use a tableview header,the header is a scrollview
If you scroll tableview up,just use tableview default behavior,the header will scroll up.
If you scroll down,use UIScrollViewDelegate to calculate the tableview header new frame,and adjust it.So it remain at top
Not sure if I got you correctly, you may use UICollectionView as vertical scroll. Then, you create a custom UICollectionViewCell, each with horizontal scroll.
I haven't tried it though but done something similar to this. Hope you find a way!

Resources