Databases
StackOverflow2013
Postsdbo
POHow do I animate the inner views of a collection view cell while changing it's size?
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POHow do I animate the inner views of a collection view cell while changing it's size?
    primarykey
    data
    text
    <p>I have a collection view, and I'm going for the effect where when a cell is tapped on, it grows to take up the entire screen. To accomplish this, I'm essentially just calling <code>performBatchUpdates</code> inside <code>didSelectItemAtIndexPath</code>, and the <code>sizeForItemAtIndexPath</code> knows to return a larger size for a selected cell. This all works pretty well, the cell grows and shrinks as desired. </p> <p>The problem is inside of the cell. The collection view cell is made up of a moderately complex view hierarchy managed by constraints. I want the sub views of the cell to grow and shrink with the animating cell. Unfortunately, my subviews are snapping immediately to their new position as the cell slowly animates to it's new size. How can I ensure the content of the cell animates with the cell size?</p> <p>Here are the two relevant methods from the collection view controller:</p> <pre><code>- (CGSize) collectionView:(UICollectionView *)collectionView layout:(UICollectionViewLayout *)collectionViewLayout sizeForItemAtIndexPath:(NSIndexPath *)indexPath { if ([collectionView.indexPathsForSelectedItems containsObject:indexPath]) return CGSizeMake(collectionView.bounds.size.width - 20, collectionView.bounds.size.height - (20 + [self.topLayoutGuide length])); else return CGSizeMake(260, 100); } - (void) collectionView:(UICollectionView *)collectionView didSelectItemAtIndexPath:(NSIndexPath *)indexPath { [collectionView performBatchUpdates:nil completion:nil]; } </code></pre>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PTQuestion
    1. USMike
    1. USMike
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. COYour subviews are snapping into place most likely because some flag that denotes the cell being expanded switches from false to true, and then `layoutSubviews` gets called, which immediately moves the subviews to their expanded positions. I'm just guessing though - if you add code we'll be able to see if that's the case. On another note - should the cell expand over the top of the other cells in the collection, or should it push them out of the way? If it should expand over the top, I recommend adding a new view above the UICollectionView and animating that.
      singulars
      1. POHow do I animate the inner views of a collection view cell while changing it's size?
      1. USIan
    2. COI added the two relevant methods that do the resizing on selection. There's very little other code in the view controller. The cell itself is a few nib files, nothing that I can easily add to the post.
      singulars
      1. POHow do I animate the inner views of a collection view cell while changing it's size?
      1. USMike
 

Querying!

 
Guidance
A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload