Mixing
Cannot change text attributes of section header in UITableView
I'm pretty sure I've tried overriding every function that deals with a UITableViewHeaderFooterView to change the text, font, and textColor for the header in a tableView section.
I tried using this code found from another answer:
override func tableView(tableView: UITableView, willDisplayHeaderView view: UIView, forSection section: Int) {
let header: UITableViewHeaderFooterView = view as! UITableViewHeaderFooterView
header.contentView.backgroundColor = UIColor(red: 0/255, green: 181/255, blue: 229/255, alpha: 1.0)
header.textLabel!.textColor = UIColor.whiteColor()
header.alpha = 0.5
header.textLabel!.text = "foobar"
}
This successfully changed the background color of the header.contentView, however as soon as I add the line of code to change the text of the textLabel, nothing (including the background color) displays at all.
I am able to change the text with titleForHeaderInSection but the code in willDisplayHeaderView does nothing to effect the text attributes. Overriding viewForHeaderInSection also seems to do nothing. Someone please help!
ios swift uitableview
asked Mar 8 '16 at 22:58
darksingedarksinge
611914
add a comment |
I'm pretty sure I've tried overriding every function that deals with a UITableViewHeaderFooterView to change the text, font, and textColor for the header in a tableView section.
I tried using this code found from another answer:
override func tableView(tableView: UITableView, willDisplayHeaderView view: UIView, forSection section: Int) {
let header: UITableViewHeaderFooterView = view as! UITableViewHeaderFooterView
header.contentView.backgroundColor = UIColor(red: 0/255, green: 181/255, blue: 229/255, alpha: 1.0)
header.textLabel!.textColor = UIColor.whiteColor()
header.alpha = 0.5
header.textLabel!.text = "foobar"
}
This successfully changed the background color of the header.contentView, however as soon as I add the line of code to change the text of the textLabel, nothing (including the background color) displays at all.
I am able to change the text with titleForHeaderInSection but the code in willDisplayHeaderView does nothing to effect the text attributes. Overriding viewForHeaderInSection also seems to do nothing. Someone please help!
ios swift uitableview
asked Mar 8 '16 at 22:58
darksingedarksinge
611914
add a comment |
I'm pretty sure I've tried overriding every function that deals with a UITableViewHeaderFooterView to change the text, font, and textColor for the header in a tableView section.
I tried using this code found from another answer:
override func tableView(tableView: UITableView, willDisplayHeaderView view: UIView, forSection section: Int) {
let header: UITableViewHeaderFooterView = view as! UITableViewHeaderFooterView
header.contentView.backgroundColor = UIColor(red: 0/255, green: 181/255, blue: 229/255, alpha: 1.0)
header.textLabel!.textColor = UIColor.whiteColor()
header.alpha = 0.5
header.textLabel!.text = "foobar"
}
This successfully changed the background color of the header.contentView, however as soon as I add the line of code to change the text of the textLabel, nothing (including the background color) displays at all.
I am able to change the text with titleForHeaderInSection but the code in willDisplayHeaderView does nothing to effect the text attributes. Overriding viewForHeaderInSection also seems to do nothing. Someone please help!
ios swift uitableview
asked Mar 8 '16 at 22:58
darksingedarksinge
611914
I'm pretty sure I've tried overriding every function that deals with a UITableViewHeaderFooterView to change the text, font, and textColor for the header in a tableView section.
I tried using this code found from another answer:
override func tableView(tableView: UITableView, willDisplayHeaderView view: UIView, forSection section: Int) {
let header: UITableViewHeaderFooterView = view as! UITableViewHeaderFooterView
header.contentView.backgroundColor = UIColor(red: 0/255, green: 181/255, blue: 229/255, alpha: 1.0)
header.textLabel!.textColor = UIColor.whiteColor()
header.alpha = 0.5
header.textLabel!.text = "foobar"
}
This successfully changed the background color of the header.contentView, however as soon as I add the line of code to change the text of the textLabel, nothing (including the background color) displays at all.
I am able to change the text with titleForHeaderInSection but the code in willDisplayHeaderView does nothing to effect the text attributes. Overriding viewForHeaderInSection also seems to do nothing. Someone please help!
ios swift uitableview
ios swift uitableview
asked Mar 8 '16 at 22:58
darksingedarksinge
611914
asked Mar 8 '16 at 22:58
darksingedarksinge
611914
asked Mar 8 '16 at 22:58
darksingedarksinge
611914
asked Mar 8 '16 at 22:58
darksingedarksinge
611914
asked Mar 8 '16 at 22:58
darksingedarksinge
611914
611914
add a comment |
add a comment |
3 Answers
3
active
oldest
votes
Before trying to set anything there, make sure that the properties you are actually looking for have setters.
Issue
You are setting only the contentView because it can be set alongside with the tintColor, but the other properties are marked with get, so you can get the value but you don't have the permission to set it.
From Docs
public var tintColor: UIColor!
public var textLabel: UILabel? { get }
public var detailTextLabel: UILabel? { get } // only supported for headers in grouped style
public var contentView: UIView { get }
public var backgroundView: UIView?
public var reuseIdentifier: String? { get }
Solution
There is a solution which can be achieved using UIAppearance Protocol
To customize the appearances for instances of a class when contained
within an instance of a container class, or instances in a hierarchy,
use appearanceWhenContainedIn: to get the appearance proxy for the
class. For example, to modify the appearance of bar buttons, based on
the object that contains the navigation bar:
Our case
UILabel.appearanceWhenContainedInInstancesOfClasses([UITableViewHeaderFooterView.self]).textColor = UIColor.whiteColor()
More Details
Solution 2
You can also create your own subclass of UIView and showing it under
func tableView(tableView: UITableView, viewForHeaderInSection section: Int) -> UIView?
This way you can modify whatever you want, rather than trying to customize something that is very limited at customization
edited May 23 '17 at 10:30
Community♦
11
answered Mar 9 '16 at 0:53
EridBEridB
10.5k64166
While it is true that textLabel is a get only property, the text property of textLabel is settable, which is demonstrated by my ability to change the text inside willDisplayHeaderView when I override titleForHeaderInSection. Also, I would prefer not using the UIAppearance protocol as it is only supported in Swift for devices running iOS 9 and up. But the good news is I discovered why overriding viewForHeaderInSection was not working for me (which I think I'll just put in my own answer for clarity's sake)!
– darksinge
Mar 9 '16 at 17:39
add a comment |
This could possibly be a duplicate question, but after reading (a lot) of different solutions, none of them seemed to clarify an important piece of the puzzle when trying to resolve this issue and I think it will be constructive to shed some additional light on this problem.
TL;DR
Either use titleForHeaderInSection in conjunction with viewForHeaderInSection or create and return a UILabel in viewForHeaderInSection and set the height of the header in heightForHeaderInSection.
More thorough explanation
The Root of the Problem:
I was unable to change the text attributes because of an inappropriate use of willDisplayHeaderView. This is because this function should only be used after a UIView (or subclass of UIView) for the header has already been instantiated elsewhere. The header view does not get created unless done so through titleForHeaderInSection or viewForHeaderInSection.
Referring to titleForHeaderInSection From the docs:
Return Value
A string to use as the title of the section header. If you return nil , the section will have no title.
So, the million dollar question: Why couldn't I change the text in viewForHeaderInSection or willDisplayHeaderView unless I also set the text for a section header in titleForHeaderInSection?
Turns out this is a trick question! Sort of.
In the case of using viewForHeaderInSection, the text actually is getting changed - you just can't see it. When you set the text of a section title with titleForHeaderInSection, swift automatically creates a UITableViewHeaderFooterView with a default height constraint for that particular section. Another option for creating a header view is to create and return a class of type UIView in viewForHeaderInSection, however the caveat here is that a default height constraint does not get created, thus you end up with a UIView container with a height of zero and it will not display onscreen - but this is easily remedied by giving it some height by overriding heightForHeaderInSection.
In the case of using willDisplayHeaderView, the problem existed as a result of incorrectly implementing that function. A header of class type UIView must be created either through returning a non-empty string value in titleForHeaderInSection or returning an object of class type UIView in viewForHeaderInSection before willDisplayHeaderView should be used. This is because the parameter named "view" in that function must already exist before you can change it's properties. Seems kind of like a no-brainer.
Solution 1
Simply make sure you return a non-empty string value from titleForHeaderInSection; doing so will ensure that a header view object is instantiated. Use viewForHeaderInSection to set the properties of the header to your liking.
Solution 2
Override the function viewForHeaderInSection and create a new object that inherits from UIView (aka, UILabel, UITableViewHeaderFooterView, UIImageView, or whatever fits your fancy). Return that object, and then (very important!) set the height of the header in heightForHeaderInSection. There is no need to use titleForHeaderInSection with this approach.
There are several other solutions I was able to come up with, but these two are really the only ones that make any sense. And of course, if you are happy with the way your section headers look using Apple's default scheme, save yourself all the trouble and use titleForHeaderInSection exclusively.
answered Mar 9 '16 at 20:34
darksingedarksinge
611914
add a comment |
I had the same issue and tried the answer by darksinge (solution 2).
Still didn't work for me.
In my case, adding to solution2, I also need to change textLabel color(or some other elements of textLabel) at willDisplayHeaderView function.
Seems internally object of UIlabel is overwritten before willDisplayHeaderView called.(assume if the object isKind of UIlabel, overwritten)
Here's some complimentary explanation.
here's the code (SearchTableSectionHeaderFooterView is custom UITableViewHeaderFooterView class.)
override func tableView(_ tableView: UITableView, viewForHeaderInSection section: Int) -> UIView? {
return tableView.dequeueReusableHeaderFooterView(withIdentifier: SectionHeaderFooterIdentifier) as! SearchTableSectionHeaderFooterView
}
override func tableView(_ tableView: UITableView, willDisplayHeaderView view: UIView, forSection section: Int) {
// header textLabel color should be modified here
// ref) https://forums.developer.apple.com/thread/60735
(view as! SearchTableSectionHeaderFooterView).textLabel?.textColor = UIColor.red
}
override func tableView(_ tableView: UITableView, titleForHeaderInSection section: Int) -> String? {
return cells[section].title
}
override func tableView(_ tableView: UITableView, heightForHeaderInSection section: Int) -> CGFloat {
return 36
}
answered Nov 20 '18 at 8:06
simotunessimotunes
329
add a comment |
Your Answer
StackExchange.ifUsing("editor", function () {
StackExchange.using("externalEditor", function () {
StackExchange.using("snippets", function () {
StackExchange.snippets.init();
});
});
}, "code-snippets");
StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "1"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});
function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});
}
});
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f35879727%2fcannot-change-text-attributes-of-section-header-in-uitableview%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
3 Answers
3
active
oldest
votes
3 Answers
3
active
oldest
votes
active
oldest
votes
active
oldest
votes
Before trying to set anything there, make sure that the properties you are actually looking for have setters.
Issue
You are setting only the contentView because it can be set alongside with the tintColor, but the other properties are marked with get, so you can get the value but you don't have the permission to set it.
From Docs
public var tintColor: UIColor!
public var textLabel: UILabel? { get }
public var detailTextLabel: UILabel? { get } // only supported for headers in grouped style
public var contentView: UIView { get }
public var backgroundView: UIView?
public var reuseIdentifier: String? { get }
Solution
There is a solution which can be achieved using UIAppearance Protocol
To customize the appearances for instances of a class when contained
within an instance of a container class, or instances in a hierarchy,
use appearanceWhenContainedIn: to get the appearance proxy for the
class. For example, to modify the appearance of bar buttons, based on
the object that contains the navigation bar:
Our case
UILabel.appearanceWhenContainedInInstancesOfClasses([UITableViewHeaderFooterView.self]).textColor = UIColor.whiteColor()
More Details
Solution 2
You can also create your own subclass of UIView and showing it under
func tableView(tableView: UITableView, viewForHeaderInSection section: Int) -> UIView?
This way you can modify whatever you want, rather than trying to customize something that is very limited at customization
edited May 23 '17 at 10:30
Community♦
11
answered Mar 9 '16 at 0:53
EridBEridB
10.5k64166
While it is true that textLabel is a get only property, the text property of textLabel is settable, which is demonstrated by my ability to change the text inside willDisplayHeaderView when I override titleForHeaderInSection. Also, I would prefer not using the UIAppearance protocol as it is only supported in Swift for devices running iOS 9 and up. But the good news is I discovered why overriding viewForHeaderInSection was not working for me (which I think I'll just put in my own answer for clarity's sake)!
– darksinge
Mar 9 '16 at 17:39
add a comment |
Before trying to set anything there, make sure that the properties you are actually looking for have setters.
Issue
You are setting only the contentView because it can be set alongside with the tintColor, but the other properties are marked with get, so you can get the value but you don't have the permission to set it.
From Docs
public var tintColor: UIColor!
public var textLabel: UILabel? { get }
public var detailTextLabel: UILabel? { get } // only supported for headers in grouped style
public var contentView: UIView { get }
public var backgroundView: UIView?
public var reuseIdentifier: String? { get }
Solution
There is a solution which can be achieved using UIAppearance Protocol
To customize the appearances for instances of a class when contained
within an instance of a container class, or instances in a hierarchy,
use appearanceWhenContainedIn: to get the appearance proxy for the
class. For example, to modify the appearance of bar buttons, based on
the object that contains the navigation bar:
Our case
UILabel.appearanceWhenContainedInInstancesOfClasses([UITableViewHeaderFooterView.self]).textColor = UIColor.whiteColor()
More Details
Solution 2
You can also create your own subclass of UIView and showing it under
func tableView(tableView: UITableView, viewForHeaderInSection section: Int) -> UIView?
This way you can modify whatever you want, rather than trying to customize something that is very limited at customization
edited May 23 '17 at 10:30
Community♦
11
answered Mar 9 '16 at 0:53
EridBEridB
10.5k64166
While it is true that textLabel is a get only property, the text property of textLabel is settable, which is demonstrated by my ability to change the text inside willDisplayHeaderView when I override titleForHeaderInSection. Also, I would prefer not using the UIAppearance protocol as it is only supported in Swift for devices running iOS 9 and up. But the good news is I discovered why overriding viewForHeaderInSection was not working for me (which I think I'll just put in my own answer for clarity's sake)!
– darksinge
Mar 9 '16 at 17:39
add a comment |
Before trying to set anything there, make sure that the properties you are actually looking for have setters.
Issue
You are setting only the contentView because it can be set alongside with the tintColor, but the other properties are marked with get, so you can get the value but you don't have the permission to set it.
From Docs
public var tintColor: UIColor!
public var textLabel: UILabel? { get }
public var detailTextLabel: UILabel? { get } // only supported for headers in grouped style
public var contentView: UIView { get }
public var backgroundView: UIView?
public var reuseIdentifier: String? { get }
Solution
There is a solution which can be achieved using UIAppearance Protocol
To customize the appearances for instances of a class when contained
within an instance of a container class, or instances in a hierarchy,
use appearanceWhenContainedIn: to get the appearance proxy for the
class. For example, to modify the appearance of bar buttons, based on
the object that contains the navigation bar:
Our case
UILabel.appearanceWhenContainedInInstancesOfClasses([UITableViewHeaderFooterView.self]).textColor = UIColor.whiteColor()
More Details
Solution 2
You can also create your own subclass of UIView and showing it under
func tableView(tableView: UITableView, viewForHeaderInSection section: Int) -> UIView?
This way you can modify whatever you want, rather than trying to customize something that is very limited at customization
edited May 23 '17 at 10:30
Community♦
11
answered Mar 9 '16 at 0:53
EridBEridB
10.5k64166
Before trying to set anything there, make sure that the properties you are actually looking for have setters.
Issue
You are setting only the contentView because it can be set alongside with the tintColor, but the other properties are marked with get, so you can get the value but you don't have the permission to set it.
From Docs
public var tintColor: UIColor!
public var textLabel: UILabel? { get }
public var detailTextLabel: UILabel? { get } // only supported for headers in grouped style
public var contentView: UIView { get }
public var backgroundView: UIView?
public var reuseIdentifier: String? { get }
Solution
There is a solution which can be achieved using UIAppearance Protocol
To customize the appearances for instances of a class when contained
within an instance of a container class, or instances in a hierarchy,
use appearanceWhenContainedIn: to get the appearance proxy for the
class. For example, to modify the appearance of bar buttons, based on
the object that contains the navigation bar:
Our case
UILabel.appearanceWhenContainedInInstancesOfClasses([UITableViewHeaderFooterView.self]).textColor = UIColor.whiteColor()
More Details
Solution 2
You can also create your own subclass of UIView and showing it under
func tableView(tableView: UITableView, viewForHeaderInSection section: Int) -> UIView?
This way you can modify whatever you want, rather than trying to customize something that is very limited at customization
edited May 23 '17 at 10:30
Community♦
11
answered Mar 9 '16 at 0:53
EridBEridB
10.5k64166
edited May 23 '17 at 10:30
Community♦
11
edited May 23 '17 at 10:30
Community♦
11
edited May 23 '17 at 10:30
Community♦
11
11
answered Mar 9 '16 at 0:53
EridBEridB
10.5k64166
answered Mar 9 '16 at 0:53
EridBEridB
10.5k64166
answered Mar 9 '16 at 0:53
EridBEridB
10.5k64166
10.5k64166
While it is true that textLabel is a get only property, the text property of textLabel is settable, which is demonstrated by my ability to change the text inside willDisplayHeaderView when I override titleForHeaderInSection. Also, I would prefer not using the UIAppearance protocol as it is only supported in Swift for devices running iOS 9 and up. But the good news is I discovered why overriding viewForHeaderInSection was not working for me (which I think I'll just put in my own answer for clarity's sake)!
– darksinge
Mar 9 '16 at 17:39
add a comment |
While it is true that textLabel is a get only property, the text property of textLabel is settable, which is demonstrated by my ability to change the text inside willDisplayHeaderView when I override titleForHeaderInSection. Also, I would prefer not using the UIAppearance protocol as it is only supported in Swift for devices running iOS 9 and up. But the good news is I discovered why overriding viewForHeaderInSection was not working for me (which I think I'll just put in my own answer for clarity's sake)!
– darksinge
Mar 9 '16 at 17:39
While it is true that textLabel is a get only property, the text property of textLabel is settable, which is demonstrated by my ability to change the text inside willDisplayHeaderView when I override titleForHeaderInSection. Also, I would prefer not using the UIAppearance protocol as it is only supported in Swift for devices running iOS 9 and up. But the good news is I discovered why overriding viewForHeaderInSection was not working for me (which I think I'll just put in my own answer for clarity's sake)!
– darksinge
Mar 9 '16 at 17:39
While it is true that textLabel is a get only property, the text property of textLabel is settable, which is demonstrated by my ability to change the text inside willDisplayHeaderView when I override titleForHeaderInSection. Also, I would prefer not using the UIAppearance protocol as it is only supported in Swift for devices running iOS 9 and up. But the good news is I discovered why overriding viewForHeaderInSection was not working for me (which I think I'll just put in my own answer for clarity's sake)!
– darksinge
Mar 9 '16 at 17:39
add a comment |
This could possibly be a duplicate question, but after reading (a lot) of different solutions, none of them seemed to clarify an important piece of the puzzle when trying to resolve this issue and I think it will be constructive to shed some additional light on this problem.
TL;DR
Either use titleForHeaderInSection in conjunction with viewForHeaderInSection or create and return a UILabel in viewForHeaderInSection and set the height of the header in heightForHeaderInSection.
More thorough explanation
The Root of the Problem:
I was unable to change the text attributes because of an inappropriate use of willDisplayHeaderView. This is because this function should only be used after a UIView (or subclass of UIView) for the header has already been instantiated elsewhere. The header view does not get created unless done so through titleForHeaderInSection or viewForHeaderInSection.
Referring to titleForHeaderInSection From the docs:
Return Value
A string to use as the title of the section header. If you return nil , the section will have no title.
So, the million dollar question: Why couldn't I change the text in viewForHeaderInSection or willDisplayHeaderView unless I also set the text for a section header in titleForHeaderInSection?
Turns out this is a trick question! Sort of.
In the case of using viewForHeaderInSection, the text actually is getting changed - you just can't see it. When you set the text of a section title with titleForHeaderInSection, swift automatically creates a UITableViewHeaderFooterView with a default height constraint for that particular section. Another option for creating a header view is to create and return a class of type UIView in viewForHeaderInSection, however the caveat here is that a default height constraint does not get created, thus you end up with a UIView container with a height of zero and it will not display onscreen - but this is easily remedied by giving it some height by overriding heightForHeaderInSection.
In the case of using willDisplayHeaderView, the problem existed as a result of incorrectly implementing that function. A header of class type UIView must be created either through returning a non-empty string value in titleForHeaderInSection or returning an object of class type UIView in viewForHeaderInSection before willDisplayHeaderView should be used. This is because the parameter named "view" in that function must already exist before you can change it's properties. Seems kind of like a no-brainer.
Solution 1
Simply make sure you return a non-empty string value from titleForHeaderInSection; doing so will ensure that a header view object is instantiated. Use viewForHeaderInSection to set the properties of the header to your liking.
Solution 2
Override the function viewForHeaderInSection and create a new object that inherits from UIView (aka, UILabel, UITableViewHeaderFooterView, UIImageView, or whatever fits your fancy). Return that object, and then (very important!) set the height of the header in heightForHeaderInSection. There is no need to use titleForHeaderInSection with this approach.
There are several other solutions I was able to come up with, but these two are really the only ones that make any sense. And of course, if you are happy with the way your section headers look using Apple's default scheme, save yourself all the trouble and use titleForHeaderInSection exclusively.
answered Mar 9 '16 at 20:34
darksingedarksinge
611914
add a comment |
This could possibly be a duplicate question, but after reading (a lot) of different solutions, none of them seemed to clarify an important piece of the puzzle when trying to resolve this issue and I think it will be constructive to shed some additional light on this problem.
TL;DR
Either use titleForHeaderInSection in conjunction with viewForHeaderInSection or create and return a UILabel in viewForHeaderInSection and set the height of the header in heightForHeaderInSection.
More thorough explanation
The Root of the Problem:
I was unable to change the text attributes because of an inappropriate use of willDisplayHeaderView. This is because this function should only be used after a UIView (or subclass of UIView) for the header has already been instantiated elsewhere. The header view does not get created unless done so through titleForHeaderInSection or viewForHeaderInSection.
Referring to titleForHeaderInSection From the docs:
Return Value
A string to use as the title of the section header. If you return nil , the section will have no title.
So, the million dollar question: Why couldn't I change the text in viewForHeaderInSection or willDisplayHeaderView unless I also set the text for a section header in titleForHeaderInSection?
Turns out this is a trick question! Sort of.
In the case of using viewForHeaderInSection, the text actually is getting changed - you just can't see it. When you set the text of a section title with titleForHeaderInSection, swift automatically creates a UITableViewHeaderFooterView with a default height constraint for that particular section. Another option for creating a header view is to create and return a class of type UIView in viewForHeaderInSection, however the caveat here is that a default height constraint does not get created, thus you end up with a UIView container with a height of zero and it will not display onscreen - but this is easily remedied by giving it some height by overriding heightForHeaderInSection.
In the case of using willDisplayHeaderView, the problem existed as a result of incorrectly implementing that function. A header of class type UIView must be created either through returning a non-empty string value in titleForHeaderInSection or returning an object of class type UIView in viewForHeaderInSection before willDisplayHeaderView should be used. This is because the parameter named "view" in that function must already exist before you can change it's properties. Seems kind of like a no-brainer.
Solution 1
Simply make sure you return a non-empty string value from titleForHeaderInSection; doing so will ensure that a header view object is instantiated. Use viewForHeaderInSection to set the properties of the header to your liking.
Solution 2
Override the function viewForHeaderInSection and create a new object that inherits from UIView (aka, UILabel, UITableViewHeaderFooterView, UIImageView, or whatever fits your fancy). Return that object, and then (very important!) set the height of the header in heightForHeaderInSection. There is no need to use titleForHeaderInSection with this approach.
There are several other solutions I was able to come up with, but these two are really the only ones that make any sense. And of course, if you are happy with the way your section headers look using Apple's default scheme, save yourself all the trouble and use titleForHeaderInSection exclusively.
answered Mar 9 '16 at 20:34
darksingedarksinge
611914
add a comment |
This could possibly be a duplicate question, but after reading (a lot) of different solutions, none of them seemed to clarify an important piece of the puzzle when trying to resolve this issue and I think it will be constructive to shed some additional light on this problem.
TL;DR
Either use titleForHeaderInSection in conjunction with viewForHeaderInSection or create and return a UILabel in viewForHeaderInSection and set the height of the header in heightForHeaderInSection.
More thorough explanation
The Root of the Problem:
I was unable to change the text attributes because of an inappropriate use of willDisplayHeaderView. This is because this function should only be used after a UIView (or subclass of UIView) for the header has already been instantiated elsewhere. The header view does not get created unless done so through titleForHeaderInSection or viewForHeaderInSection.
Referring to titleForHeaderInSection From the docs:
Return Value
A string to use as the title of the section header. If you return nil , the section will have no title.
So, the million dollar question: Why couldn't I change the text in viewForHeaderInSection or willDisplayHeaderView unless I also set the text for a section header in titleForHeaderInSection?
Turns out this is a trick question! Sort of.
In the case of using viewForHeaderInSection, the text actually is getting changed - you just can't see it. When you set the text of a section title with titleForHeaderInSection, swift automatically creates a UITableViewHeaderFooterView with a default height constraint for that particular section. Another option for creating a header view is to create and return a class of type UIView in viewForHeaderInSection, however the caveat here is that a default height constraint does not get created, thus you end up with a UIView container with a height of zero and it will not display onscreen - but this is easily remedied by giving it some height by overriding heightForHeaderInSection.
In the case of using willDisplayHeaderView, the problem existed as a result of incorrectly implementing that function. A header of class type UIView must be created either through returning a non-empty string value in titleForHeaderInSection or returning an object of class type UIView in viewForHeaderInSection before willDisplayHeaderView should be used. This is because the parameter named "view" in that function must already exist before you can change it's properties. Seems kind of like a no-brainer.
Solution 1
Simply make sure you return a non-empty string value from titleForHeaderInSection; doing so will ensure that a header view object is instantiated. Use viewForHeaderInSection to set the properties of the header to your liking.
Solution 2
Override the function viewForHeaderInSection and create a new object that inherits from UIView (aka, UILabel, UITableViewHeaderFooterView, UIImageView, or whatever fits your fancy). Return that object, and then (very important!) set the height of the header in heightForHeaderInSection. There is no need to use titleForHeaderInSection with this approach.
There are several other solutions I was able to come up with, but these two are really the only ones that make any sense. And of course, if you are happy with the way your section headers look using Apple's default scheme, save yourself all the trouble and use titleForHeaderInSection exclusively.
answered Mar 9 '16 at 20:34
darksingedarksinge
611914
This could possibly be a duplicate question, but after reading (a lot) of different solutions, none of them seemed to clarify an important piece of the puzzle when trying to resolve this issue and I think it will be constructive to shed some additional light on this problem.
TL;DR
Either use titleForHeaderInSection in conjunction with viewForHeaderInSection or create and return a UILabel in viewForHeaderInSection and set the height of the header in heightForHeaderInSection.
More thorough explanation
The Root of the Problem:
I was unable to change the text attributes because of an inappropriate use of willDisplayHeaderView. This is because this function should only be used after a UIView (or subclass of UIView) for the header has already been instantiated elsewhere. The header view does not get created unless done so through titleForHeaderInSection or viewForHeaderInSection.
Referring to titleForHeaderInSection From the docs:
Return Value
A string to use as the title of the section header. If you return nil , the section will have no title.
So, the million dollar question: Why couldn't I change the text in viewForHeaderInSection or willDisplayHeaderView unless I also set the text for a section header in titleForHeaderInSection?
Turns out this is a trick question! Sort of.
In the case of using viewForHeaderInSection, the text actually is getting changed - you just can't see it. When you set the text of a section title with titleForHeaderInSection, swift automatically creates a UITableViewHeaderFooterView with a default height constraint for that particular section. Another option for creating a header view is to create and return a class of type UIView in viewForHeaderInSection, however the caveat here is that a default height constraint does not get created, thus you end up with a UIView container with a height of zero and it will not display onscreen - but this is easily remedied by giving it some height by overriding heightForHeaderInSection.
In the case of using willDisplayHeaderView, the problem existed as a result of incorrectly implementing that function. A header of class type UIView must be created either through returning a non-empty string value in titleForHeaderInSection or returning an object of class type UIView in viewForHeaderInSection before willDisplayHeaderView should be used. This is because the parameter named "view" in that function must already exist before you can change it's properties. Seems kind of like a no-brainer.
Solution 1
Simply make sure you return a non-empty string value from titleForHeaderInSection; doing so will ensure that a header view object is instantiated. Use viewForHeaderInSection to set the properties of the header to your liking.
Solution 2
Override the function viewForHeaderInSection and create a new object that inherits from UIView (aka, UILabel, UITableViewHeaderFooterView, UIImageView, or whatever fits your fancy). Return that object, and then (very important!) set the height of the header in heightForHeaderInSection. There is no need to use titleForHeaderInSection with this approach.
There are several other solutions I was able to come up with, but these two are really the only ones that make any sense. And of course, if you are happy with the way your section headers look using Apple's default scheme, save yourself all the trouble and use titleForHeaderInSection exclusively.
answered Mar 9 '16 at 20:34
darksingedarksinge
611914
answered Mar 9 '16 at 20:34
darksingedarksinge
611914
answered Mar 9 '16 at 20:34
darksingedarksinge
611914
answered Mar 9 '16 at 20:34
darksingedarksinge
611914
611914
add a comment |
add a comment |
I had the same issue and tried the answer by darksinge (solution 2).
Still didn't work for me.
In my case, adding to solution2, I also need to change textLabel color(or some other elements of textLabel) at willDisplayHeaderView function.
Seems internally object of UIlabel is overwritten before willDisplayHeaderView called.(assume if the object isKind of UIlabel, overwritten)
Here's some complimentary explanation.
here's the code (SearchTableSectionHeaderFooterView is custom UITableViewHeaderFooterView class.)
override func tableView(_ tableView: UITableView, viewForHeaderInSection section: Int) -> UIView? {
return tableView.dequeueReusableHeaderFooterView(withIdentifier: SectionHeaderFooterIdentifier) as! SearchTableSectionHeaderFooterView
}
override func tableView(_ tableView: UITableView, willDisplayHeaderView view: UIView, forSection section: Int) {
// header textLabel color should be modified here
// ref) https://forums.developer.apple.com/thread/60735
(view as! SearchTableSectionHeaderFooterView).textLabel?.textColor = UIColor.red
}
override func tableView(_ tableView: UITableView, titleForHeaderInSection section: Int) -> String? {
return cells[section].title
}
override func tableView(_ tableView: UITableView, heightForHeaderInSection section: Int) -> CGFloat {
return 36
}
answered Nov 20 '18 at 8:06
simotunessimotunes
329
add a comment |
I had the same issue and tried the answer by darksinge (solution 2).
Still didn't work for me.
In my case, adding to solution2, I also need to change textLabel color(or some other elements of textLabel) at willDisplayHeaderView function.
Seems internally object of UIlabel is overwritten before willDisplayHeaderView called.(assume if the object isKind of UIlabel, overwritten)
Here's some complimentary explanation.
here's the code (SearchTableSectionHeaderFooterView is custom UITableViewHeaderFooterView class.)
override func tableView(_ tableView: UITableView, viewForHeaderInSection section: Int) -> UIView? {
return tableView.dequeueReusableHeaderFooterView(withIdentifier: SectionHeaderFooterIdentifier) as! SearchTableSectionHeaderFooterView
}
override func tableView(_ tableView: UITableView, willDisplayHeaderView view: UIView, forSection section: Int) {
// header textLabel color should be modified here
// ref) https://forums.developer.apple.com/thread/60735
(view as! SearchTableSectionHeaderFooterView).textLabel?.textColor = UIColor.red
}
override func tableView(_ tableView: UITableView, titleForHeaderInSection section: Int) -> String? {
return cells[section].title
}
override func tableView(_ tableView: UITableView, heightForHeaderInSection section: Int) -> CGFloat {
return 36
}
answered Nov 20 '18 at 8:06
simotunessimotunes
329
add a comment |
I had the same issue and tried the answer by darksinge (solution 2).
Still didn't work for me.
In my case, adding to solution2, I also need to change textLabel color(or some other elements of textLabel) at willDisplayHeaderView function.
Seems internally object of UIlabel is overwritten before willDisplayHeaderView called.(assume if the object isKind of UIlabel, overwritten)
Here's some complimentary explanation.
here's the code (SearchTableSectionHeaderFooterView is custom UITableViewHeaderFooterView class.)
override func tableView(_ tableView: UITableView, viewForHeaderInSection section: Int) -> UIView? {
return tableView.dequeueReusableHeaderFooterView(withIdentifier: SectionHeaderFooterIdentifier) as! SearchTableSectionHeaderFooterView
}
override func tableView(_ tableView: UITableView, willDisplayHeaderView view: UIView, forSection section: Int) {
// header textLabel color should be modified here
// ref) https://forums.developer.apple.com/thread/60735
(view as! SearchTableSectionHeaderFooterView).textLabel?.textColor = UIColor.red
}
override func tableView(_ tableView: UITableView, titleForHeaderInSection section: Int) -> String? {
return cells[section].title
}
override func tableView(_ tableView: UITableView, heightForHeaderInSection section: Int) -> CGFloat {
return 36
}
answered Nov 20 '18 at 8:06
simotunessimotunes
329
I had the same issue and tried the answer by darksinge (solution 2).
Still didn't work for me.
In my case, adding to solution2, I also need to change textLabel color(or some other elements of textLabel) at willDisplayHeaderView function.
Seems internally object of UIlabel is overwritten before willDisplayHeaderView called.(assume if the object isKind of UIlabel, overwritten)
Here's some complimentary explanation.
here's the code (SearchTableSectionHeaderFooterView is custom UITableViewHeaderFooterView class.)
override func tableView(_ tableView: UITableView, viewForHeaderInSection section: Int) -> UIView? {
return tableView.dequeueReusableHeaderFooterView(withIdentifier: SectionHeaderFooterIdentifier) as! SearchTableSectionHeaderFooterView
}
override func tableView(_ tableView: UITableView, willDisplayHeaderView view: UIView, forSection section: Int) {
// header textLabel color should be modified here
// ref) https://forums.developer.apple.com/thread/60735
(view as! SearchTableSectionHeaderFooterView).textLabel?.textColor = UIColor.red
}
override func tableView(_ tableView: UITableView, titleForHeaderInSection section: Int) -> String? {
return cells[section].title
}
override func tableView(_ tableView: UITableView, heightForHeaderInSection section: Int) -> CGFloat {
return 36
}
answered Nov 20 '18 at 8:06
simotunessimotunes
329
edited Nov 20 '18 at 8:15
answered Nov 20 '18 at 8:06
simotunessimotunes
329
answered Nov 20 '18 at 8:06
simotunessimotunes
329
answered Nov 20 '18 at 8:06
simotunessimotunes
329
329
add a comment |
add a comment |
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f35879727%2fcannot-change-text-attributes-of-section-header-in-uitableview%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
