I want to achieve the animation same as google calendar.
Here is the GIF :https://i.stack.imgur.com/ZmOps.gif
I’m using tableView to populate the data. I’ve added the left label to first row of section.I want the label to be animated as user scroll the tableview.
Can anyone provide a knowledge, a bit of code for getting this animation.
Thank you!
Related
I wants user interface into tableview like Google calendar did. It is showing same dates events in different rows but when you scroll up or down, the date in left side gets scroll up down too.
Can you please help me how to achieve this. Please take a look on screenshot.
As i am thinking this can be achieve by using tableview. If i am wrong then happy to follow your suggetion.
I personal think it can be achieved using tableView.
One way to do it is to calculate the scrollView's offset of the table view and pass it to the cell so that it update the top constraint for the date view.
Another way is to set up the constraint follow this idea. I didn't try but I think it could work as well.
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
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!
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.
Check out this image below, this is what I'm trying to accomplish, but I ran into some problems. The first approach I made was to have an imageView (blue square) and 2 separate tableViews within a scrollView. Each tableViewCell would have textFields inside them. The first issue was when the keyboard came into the view, I would move the view up to make sure the bottom textFields were not covered up. I then wanted to be able to scroll up and down so I could still see the top textFields as well. This didn't work because when I nested the tableView inside the scrollView, The scrollView wouldn't scroll. I was also having a problem with setting the firstResponder to pass from textField to textField on the second table only.
I then decided it would be better to create 1 tableView, and add a custom cell to hold my imageView and two textFields. My question is, is it possible to create that custom cell that will hold my imageView and two textFields? would this be a better approach?
Thanks
Wow, I think your can do it easily by UITableView. All you need to do is customising UITableViewCell.
This is possible using subviews. However, why you aren't considering UIViewController or UIScrollViewController for this design?