How to use UICollectionViewDelegateFlowLayout? - uicollectionview

This is the first time I use UICollectionView and it is quite interesting, but I hit the following problem. Can anyone help me clarify what is happening ?
With the following code:
- (CGSize)collectionView:(UICollectionView *)collectionView
layout:(UICollectionViewLayout*)collectionViewLayout
sizeForItemAtIndexPath:(NSIndexPath *)indexPath
{
return CGSizeMake(280.0,36.0);
}
I have this display:
Obviously I need a higher space to display the cell reading "Nous sommes" because it has a second line now invisible.
Since this is the fifth line I use the following code (expecting to solve the problem):
- (CGSize)collectionView:(UICollectionView *)collectionView
layout:(UICollectionViewLayout*)collectionViewLayout
sizeForItemAtIndexPath:(NSIndexPath *)indexPath
{
return CGSizeMake(280.0,indexPath.row!=4?36.0:72.0);
}
But here is the result:
Returning a size with a larger height causes the cell to extent horizontally (which I do not want) while still giving the space (vertically) without using it.
I am missing something. Please explain if you can.

I assume the blue rectangle is a subview of the cell (because it is less than your cell width of 280 in the first example). The problem is likely that you need to set your struts & springs (or constraints if you're using Auto Layout) such that your subviews resize the way you want when the cell gets resized. Looking at your layout, I think you want to specify fixed width and flexible height (or the Auto Layout equivalent).
If you're still stuck, please post details about your struts & springs (or Auto Layout constraints).

Related

iOS8 - constraints ambiguously suggest a height of zero

Has anyone got any idea how to debug this?
Warning once only: Detected a case where constraints ambiguously suggest a height of zero for a tableview cell's content view. We're considering the collapse unintentional and using standard height instead.
The rows have a fixed height as set by
- (CGFloat)tableView:(UITableView *)tableView
heightForRowAtIndexPath:(NSIndexPath *)indexPath{
return 34.0;
}
And all the constraints seem to be happy...
Forcing a return height and estimated height made the warning disappear in my case.
- (CGFloat)tableView:(UITableView *)tableView
estimatedHeightForRowAtIndexPath:(NSIndexPath *)indexPath {
return 44;
}
- (CGFloat)tableView:(UITableView *)tableView
heightForRowAtIndexPath:(NSIndexPath *)indexPath {
return 44;
}
Another solution where you don't need the two overrides is simply to use self.tableView.rowHeight = 44; in your loadView or init method.
What can also be done is adding vertical constraints from the top and to the bottom of the content view. This will make autolayout happy (because he now knows how to calculate the height of the cell himself).
If you're using autoLayout constraints and UITableViewAutomaticDimension, this error is not some erroneous problem to be discarded by overriding your height in code. It means that determining the cell height automatically isn't working because you don't have the proper vertical constraints needed.
If you're like me and were getting this error and needed help identifying which cell was throwing the error, you can add the following line right before the return of your 'heightforRowAtIndexPath' method.
NSLog(#"Section %ld Row %ld", (long)[indexPath section], (long)[indexPath row]);
This will print out a long list of sections and rows, but the error will appear immediately following the particular cell that is causing the error, and you can quickly identify which cell is causing the problem and fix your constraints accordingly. This is particularly helpful for static cells. Overriding the height with a manually entered number will work if you're not using autoLayout and automatic cell heights, but will essentially disable these features which is a very poor solution if its something you're trying to utilize.
If you weren't previously using the 'heightForRowAtIndexPath' method but want to debug this error without undoing your UITableViewAutomaticDimension setting, simply add this to your code:
- (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath {
NSLog(#"Section %ld Row %ld", (long)[indexPath section], (long)[indexPath row]);
return UITableViewAutomaticDimension;
}
There appears to be a bug in XCode 6.1 that causes this problem if using auto-layout and you don't specify a value for the Row Height for each Table View Cell, but instead you leave the "default" value. Simply checking the "Custom" checkbox next to the Row Height, for every cell, makes the warning go away.
Yes, You get all constrains "happy" even in case when you only have horizontal constrains for items in table view cell. I had same issue. You need to add also vertical constrains. Doing so, that warning will go away.
The constraints can be happy for the purpose of layout, but not happy for the purpose of automatic row height. A happy layout would mean the content can be laid out without ambiguity. That would satisfy the checks in Interface Builder.
A happy layout for automatic row height would mean that, in addition to the above, you're also including constraints to the bottom of the cell.
More here: Detected a case where constraints ambiguously suggest a height of zero
I used Row Height 43 (or <> 44) in the Table View size inspector and the error disappeared. Using 44 I get the error. Xcode version 6.0.1.
--
This answer was removed by a moderator, please don't, it fixes the problem. This SOLVES the problem for me and may do it for others too. So could you be so kind not to delete it again.
I couldn't get to remove the warning, but to make constraints work I set the ,new to iOS8 , tableview property estimatedRowHeight to the fixed height, and removed heightForRowAtIndexPath implementation.
If you're getting that warning, it's most likely because you're using auto layout and your cells don't have any constraints inside them.
You should either stop using auto layout or implement constraints that unambiguously define the height of the cells.
You can turn auto layout off in interface builder by unchecking the "Use Autolayout" option in the file inspector on the right.
If you choose to use auto layout and the height of your cells is fixed, implementing the appropriate constraints should be easy. Simply add height constraints for subviews of the cell's content view, and implement vertical space constraints between the subviews, and between the subviews and the content view. For example if your cell has one label in it, this would work:
Vertical constraints
Vertical space constraint between the top of the content view and the top of the label
Fixed height constraint of label
Vertical space constraint between the bottom of the label and the bottom of the content view
Horizontal constraints
Horizontal space constraint between the leading edge of the content view and the leading edge of the label
Fixed width constraint of label
Horizontal space constraint between the trailing edge of the label and the trailing edge of the content view
You can use AutoLayout to calculate the right height for you. Here is a nice post about Dynamic Cell Height on iOS 8: http://natashatherobot.com/ios-8-self-sizing-table-view-cells-with-dynamic-type/
In Swift forcing a return height fixed my problem:
override func tableView(tableView: UITableView, heightForRowAtIndexPath indexPath: NSIndexPath) -> CGFloat {
if(indexPath.row == 0){
return CGFloat(131.0)
}else if(indexPath.row == 8){
return CGFloat(97.0)
}else{
return CGFloat(44.0)
}
}
For a bog standard fix, no constraints, no estimating heights, or over engineering the problem. I created a default project, wired up the tableview but forgot to put the height delegate in the view controller. To simply make this warning go away you need this.
- (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath{
return 44;
}
In your table's view controller.
I was using a mapView inside uitableviewcell. I changed the height of map view to 1/3th of the device screen size. I got the same error. I fixed the error by adding missing constraints to the content view of the uitableviewcell.
1) Clear the contentView constraints.
2) Set Reset to Suggested constants to contentView.
3) Add missing constraints - if any
4) We make sure the content view has all the required constraints.
In my case, it is because I'm designing the cell with xib, and I forget to add that xib file to the target.
After I add that xib file to the target, the problem is gone
While the answers on this page discussing adding height constraints or manually returning rowHeights like 44 in heightForRowAtIndexPath cause the warning to go away, they are superfluous because this is a bug in Xcode visible in at least Version 6.3.2 (6D2105).
If you set a breakpoint in viewDidLoad, you'll see that self.tableView.rowHeight = -1 (UITableViewAutomaticDimension) even if you specify a row height of 44 in the storyboard. This is because Apple incorrectly assumes that you want dynamic row heights if you leave the row height at 44, because they didn't provide a flag for you to specify your preference.
Here are some possible solutions and their results:
Set row height to 43 or 45 in storyboard (works).
Manually return a height of 44 in heightForRowAtIndexPath (works).
Add height constraints between the UITableViewCell’s elements and its contentView (works).
Unfortunately, these solutions either require you to change your design, add unnecessary constraints or add unnecessary code to work around a bug. I tried (what I thought to be) the simplest solution:
Set each UITableViewCell’s height to 44 (Custom) in the storyboard (fails).
I really wanted a pure storyboard solution to this, so finally I tried:
Add a user-defined runtime attribute to the UITableView in the storyboard, and name the UITableView with a note about how its rowHeight is being set so future developers can find it: (works):

These bugs are all too common in iOS development and force developers to spend excessive time weighing the ramifications of how their solutions will affect maintainability in the long run.
Since finding a conceptually correct solution that is maintainable and doesn’t seem obfuscated is so elusive, and assuming that Apple will fix the bug and that 44 is going to be the default row height for the foreseeable future, then the constraint or user-defined runtime attribute solutions are probably the most maintainable.
There are two important things happening here, I think.
1) It's super easy to make the constraints wrong if you're ctrl+dragging. So, double check that you have it done correctly. Best to use the tray on the left side of the screen to draw these constraints.
2) Instead of specifying the estimatedRowHeight in ViewDidLoad or somewhere else, use the delegate method
override func tableView(tableView: UITableView, estimatedHeightForRowAtIndexPath indexPath: NSIndexPath) -> CGFloat {}
This fixed the problem right away for me.
I've also seen this error when using universal storyboards or xibs. If you neglect to specify proper constraints for the Any x Any size class, I've seen this error appear.
Apple seems to have fixed this for iOS9. The error only happened on 8.4 for me.
I went round and round for days between this error and another error in which constraints were being created (no idea where) that conflicted with the constraints I wanted. I even had it working in one instance where every visible property was identical to the other. The only solution I found was to go atomic - create an entirely new file with xib and start again reconnecting outlets copy-pasting the old code. It might not be the best solution, but sometimes, if the problem is not visible, there is little else to do. At very least, going atomic is a good way to review what is going on.

Rounded UITableView with thin edges like FaceTime app

How i can create tableview like this?
(separators merges with edges and edges is rounded)
This was out of the box in system version below 7.0. If you want something similar, you can make custom graphic for the first and last cell. In UITableViewDataSource you have got a method, which helps you to control cell's content.
(UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
From indexPath.row you can get cell number to know if it is first or last cell in the section. And you can set your custom cell look.
You can simply add UITextfields without background [UIColor clearColor] and put a background image to your login cell
If you would like to use table view with rounded corner you should go with QuartzCore framework by importing
#import <QuartzCore/QuartzCore.h>
then
in your method from where you create table view use following code -
yourTableView.layer.masksToBounds = TRUE;
yourTableView.layer.cornerRadius = 10.0f; // as per you requirement please give this value.
you can take any number of rows. but table corners remains as it is.
I think this will help you....

Implementing a 7x7 grid programmatically using UICollectionView

How would you implement a 7x7 grid using UICollectionView? This grid would have no spaces in between each cell and also when it rotates the cells would simply resize to fit the screen, so it will always be 7x7 no matter what.
I have the following classes already done, a ViewController, a Cell class, a CollectionViewLayout class.
My original thinking was that I would have to do this in the CollectionViewLayout class, but which methods should I target to do this?
Apart from adjusting the datasource methods to return 7 sections and 7 rows per section, you have to have your view controller comply to the UICollectionViewDelegateFlowLayout protocol.
Assuming you want no spaces (having set the minimum spacing to 0) you can then use this method to size the cell:
-(CGSize)collectionView:(UICollectionView *)collectionView
layout:(UICollectionViewLayout *)collectionViewLayout
sizeForItemAtIndexPath:(NSIndexPath *)indexPath {
return CGSizeMake(self.collectionView.bounds.size.width/7.0,
self.collectionView.bounds.size.height/7.0);
}
Actually, to make this work, you need another 2 tweaks. First, you should react to interface orientations, like this:
-(void)didRotateFromInterfaceOrientation:
(UIInterfaceOrientation)fromInterfaceOrientation {
[self.collectionView.collectionViewLayout invalidateLayout];
}
Second, to ensure one section does not get broken into 2 lines, you might have to use 7.01 for the division rather than 7.0.

Why do we need to change the backgroundcolor of a cell in willDisplayCell?

Note: If you want to change the background color of a cell (by setting
the background color of a cell via the backgroundColor property
declared by UIView) you must do it in the
tableView:willDisplayCell:forRowAtIndexPath: method of the delegate
and not in tableView:cellForRowAtIndexPath: of the data source.
Changes to the background colors of cells in a group-style table view
has an effect in iOS 3.0 that is different than previous versions of
the operating system. It now affects the area inside the rounded
rectangle instead of the area outside of it.
I noticed that changing the background color of a cell in cellForRowAtIndexPath doesn't do anything for plain style cell though it works fine on group cell.
Can anyone explain the design decision?
Also changing the background color of cell.contentView works nevertheless.
Note: I am aware of the work around of simply putting UIView and set the background on our custom TableView Cell. I am asking why and not asking how to fix it.
It seems that apple override the background with the background of the table.
To really change the background, we need to do that after the overriding, and that means in:
- (void)tableView:(UITableView *)tableView willDisplayCell:(UITableViewCell *)cell forRowAtIndexPath:(NSIndexPath *)indexPath { ... }
I tried and it works.

Vertical shift of UITableViewCell origin in iOS5

I have a controller displaying both a status bar and navigation bar, and containing a single UITableView. The UITableView is set programmatically to contain 2 sections, each with a single UITableViewCell and header. Up to and including iOS version 4.3.2, the UITableView displays the two sections stacked nicely, one on top of the other, and a log inserted into the method
(void)tableView:(UITableView *)tableView willDisplayCell:(UITableViewCell *)cell forRowAtIndexPath:(NSIndexPath *)indexPath
reveals that the vertical position of UITableViewCells within the superview are 30.00 and 101.00 respectively. However, when running the same code on iOS5.0, the second section is vertically shifted downward, and the log reveals positions of 30.00 and 144.00 respectively. I've been trying to run this down, but so far no luck. Any ideas as to what could have changed in the new version of the OS that could be causing this behavior? Any insight would be greatly appreciated.
Also of note, the text of the second header was blurred as of iOS5.0, but applying a ceiling function to the value returned by
(float)tableView:(UITableView *)tableView heightForFooterInSection:(NSInteger)section
took care of the problem. The two issues are obviously related, but no amount of tinkering has gotten me closer to the source. Thanks in advance for any help.
It turned out that for this particular UITableView, a footer was not implemented, so the value returned by the heightForFooterInSection: method was superfluous. It would seem that in iOS4.3 and below, if the footer was indeed empty, the system disregarded the footer entirely, regardless of the "height" method. However, iOS5.0 respected the method and allotted the space, whether or not anything was actually occupying that space. Removing the unnecessary method solved the problem.