Как да центрирам вертикално и хоризонтално всички клетки в UICollectionView с помощта на UICollectionViewFlowLayout?
Оформлението на потока оставя разстояние отдясно или отдолу в зависимост от посоката на превъртане. Искам да задам еднакви подложки от всички страни. Играх си със свойството sectionInset на UICollectionViewFlowLayout.
Бих предложил да внедрите протокола UICollectionViewDelegateFlowLayout за динамично постигане на хоризонтално и вертикално центриране на вашите клетки. От справочника на протокола UICollectionViewDelegateFlowLayout:
Протоколът UICollectionViewDelegateFlowLayout дефинира методи, които ви позволяват да координирате с UICollectionViewFlowLayout обект, за да реализирате базирано на мрежа оформление. Методите на този протокол определят размера на елементите и разстоянието между елементите в мрежата.
Всички методи в този протокол са незадължителни. Ако не приложите конкретен метод, делегатът на оформлението на потока използва стойности в собствените си свойства за подходящата информация за интервали.
Обектът на оформлението на потока очаква делегираният обект на изгледа на колекцията да приеме този протокол. Следователно, внедрете този протокол върху обект, присвоен на свойството делегат на вашия изглед на колекция.
Вероятно ще се интересувате най-много от метода collectionView:layout:insetForSectionAtIndex:, който може да се използва за регулиране на вмъкването от четирите страни на екрана с помощта на нещо като UIEdgeInsetsMake. Можете да определите вмъкванията според размера на екрана, като извадите подходящото количество, като размера на клетките, от съответното измерение на екрана (вертикално или хоризонтално). След това разделете на две, за да получите равни вмъквания за определено измерение.
Използвано вмъкване на раздел?
Добре, опитайте да играете със свойство minimumLineSpacing и свойство minimumInteritemSpacing
minimumLineSpacing
За вертикално превъртаща се мрежа това разстояние между редовете представлява минималното разстояние между последователните редове. За хоризонтално превъртаща се мрежа тази стойност представлява минималното разстояние между последователните колони. Това разстояние не се прилага към пространството между горния и първия ред или между последния ред и долния колонтитул.
minimumInteritemSpacing
За вертикално превъртаща се мрежа това разстояние представлява минималното разстояние между елементите в един и същи ред. За хоризонтално превъртаща се мрежа тази стойност представлява минималното разстояние между елементите в една и съща колона. Това разстояние се използва за изчисляване на това колко елементи могат да се поберат в един ред, но след като броят на елементите бъде определен, действителното разстояние може евентуално да се коригира нагоре.
Подклас UICollectionViewFlowLayout и заменете метода layoutAttributesForElementsInRect:, за да подравните вашия UICollectionViewCells:
-(NSArray*)layoutAttributesForElementsInRect:(CGRect)rect {
NSArray* array = [super layoutAttributesForElementsInRect:rect];
CGRect visibleRect;
visibleRect.origin = self.collectionView.contentOffset;
visibleRect.size = self.collectionView.bounds.size;
for(UICollectionViewLayoutAttributes* attributes in array) {
if(CGRectIntersectsRect(attributes.frame, rect)){
CGFloat d = UIInterfaceOrientationIsPortrait(_orientation)?
CGRectGetMidY(visibleRect)-attributes.center.y :
CGRectGetMidX(visibleRect)-attributes.center.x;
CGFloat w = visibleRect.size.width;
CGFloat h = visibleRect.size.height;
CGFloat dRatio = UIInterfaceOrientationIsPortrait(_orientation)? d/(h/2) : d/(w/2);
CGFloat angle = MAX_ANGLE*dRatio; // an angle between 0 and MAX_ANGLE based on proximity to center
CGFloat radians = DEGREES_TO_RADIANS(angle);
debug = 0;
CATransform3D rotationAndPerspectiveTransform = CATransform3DIdentity;
rotationAndPerspectiveTransform.m34 = PERSPECTIVE;
rotationAndPerspectiveTransform = UIInterfaceOrientationIsPortrait(_orientation)?
CATransform3DRotate(rotationAndPerspectiveTransform, radians, 1.0f, 0.0f, 0.0f) :
CATransform3DRotate(rotationAndPerspectiveTransform, radians, 0.0f, 1.0f, 0.0f);
attributes.transform3D = rotationAndPerspectiveTransform;
}
}
return array;
}
Не съм редактирал този код за вас и има препратки към макроси и променливи на екземпляри, така че ще трябва да го промените, за да правите това, което искате. Това беше използвано за създаване на оформление в стил coverflow, но принципите ще бъдат същите за вас, но без 3D бизнеса. Трябва да зададете вмъкването на секцията, за да гарантирате един ред или колона във вашия поток.
