UIImageView inside UITableViewCell is laid out incorrectly in edit mode
up vote
1
down vote
favorite
I have a fairly simple UITableViewCell:
Nothing extraordinary, but I ran into an issue. Whenever I enable the edit mode, the position and size of UIImageView change, completely ignoring the constraints that pin it to the edges of its superview (the one with blue background):
The superview is laid out correctly:
I expected to see messages about broken constraints in the system log, but there is nothing of the sort.
Why does this happen and how do I fix it?
Here's the project that reproduces the issue: https://www.icloud.com/iclouddrive/0NvLeUettZub5uQIXUM4p0bGw#TestApp
EDIT: I tried calling layoutIfNeeded() on the image container when the edit mode is activated:
class NoteTableViewCell: UITableViewCell {
override func setEditing(_ editing: Bool, animated: Bool) {
super.setEditing(editing, animated: animated)
noteImageView.superview?.layoutIfNeeded()
}
}
now the layout is incorrect even if I don't enable the edit mode.
EDIT 2: @Desdenova suggested that this might be caused by the horizontal UIStackView, but replacing it with equivalent constraints did not fix the problem.
ios uitableview uikit
asked Nov 15 at 13:46
Andrii Chernenko
6,21055266
|
show 2 more comments
up vote
1
down vote
favorite
I have a fairly simple UITableViewCell:
Nothing extraordinary, but I ran into an issue. Whenever I enable the edit mode, the position and size of UIImageView change, completely ignoring the constraints that pin it to the edges of its superview (the one with blue background):
The superview is laid out correctly:
I expected to see messages about broken constraints in the system log, but there is nothing of the sort.
Why does this happen and how do I fix it?
Here's the project that reproduces the issue: https://www.icloud.com/iclouddrive/0NvLeUettZub5uQIXUM4p0bGw#TestApp
EDIT: I tried calling layoutIfNeeded() on the image container when the edit mode is activated:
class NoteTableViewCell: UITableViewCell {
override func setEditing(_ editing: Bool, animated: Bool) {
super.setEditing(editing, animated: animated)
noteImageView.superview?.layoutIfNeeded()
}
}
now the layout is incorrect even if I don't enable the edit mode.
EDIT 2: @Desdenova suggested that this might be caused by the horizontal UIStackView, but replacing it with equivalent constraints did not fix the problem.
ios uitableview uikit
asked Nov 15 at 13:46
Andrii Chernenko
6,21055266
Nicely asked question. Nice and clear :) Looking at project now. Did you try: setNeedsLayout on the view?
– Woodstock
Nov 15 at 13:51
@Woodstock thank you :) Which view do you mean? The image container?
– Andrii Chernenko
Nov 15 at 14:00
I would have thought the UITableViewCell’s View
– Woodstock
Nov 15 at 14:02
Also try calling self.view.layoutIfNeeded() where self is the tableviewCell. (After invoking the edit of course)
– Woodstock
Nov 15 at 14:05
@Woodstock Obviously edit mode lays out the sub views. My best guess would be horizontal stack view is misbehaving. And I don't think he even needs that stack view.
– Desdenova
Nov 15 at 14:13
|
show 2 more comments
up vote
1
down vote
favorite
up vote
1
down vote
favorite
I have a fairly simple UITableViewCell:
Nothing extraordinary, but I ran into an issue. Whenever I enable the edit mode, the position and size of UIImageView change, completely ignoring the constraints that pin it to the edges of its superview (the one with blue background):
The superview is laid out correctly:
I expected to see messages about broken constraints in the system log, but there is nothing of the sort.
Why does this happen and how do I fix it?
Here's the project that reproduces the issue: https://www.icloud.com/iclouddrive/0NvLeUettZub5uQIXUM4p0bGw#TestApp
EDIT: I tried calling layoutIfNeeded() on the image container when the edit mode is activated:
class NoteTableViewCell: UITableViewCell {
override func setEditing(_ editing: Bool, animated: Bool) {
super.setEditing(editing, animated: animated)
noteImageView.superview?.layoutIfNeeded()
}
}
now the layout is incorrect even if I don't enable the edit mode.
EDIT 2: @Desdenova suggested that this might be caused by the horizontal UIStackView, but replacing it with equivalent constraints did not fix the problem.
ios uitableview uikit
asked Nov 15 at 13:46
Andrii Chernenko
6,21055266
I have a fairly simple UITableViewCell:
Nothing extraordinary, but I ran into an issue. Whenever I enable the edit mode, the position and size of UIImageView change, completely ignoring the constraints that pin it to the edges of its superview (the one with blue background):
The superview is laid out correctly:
I expected to see messages about broken constraints in the system log, but there is nothing of the sort.
Why does this happen and how do I fix it?
Here's the project that reproduces the issue: https://www.icloud.com/iclouddrive/0NvLeUettZub5uQIXUM4p0bGw#TestApp
EDIT: I tried calling layoutIfNeeded() on the image container when the edit mode is activated:
class NoteTableViewCell: UITableViewCell {
override func setEditing(_ editing: Bool, animated: Bool) {
super.setEditing(editing, animated: animated)
noteImageView.superview?.layoutIfNeeded()
}
}
now the layout is incorrect even if I don't enable the edit mode.
EDIT 2: @Desdenova suggested that this might be caused by the horizontal UIStackView, but replacing it with equivalent constraints did not fix the problem.
ios uitableview uikit
ios uitableview uikit
asked Nov 15 at 13:46
Andrii Chernenko
6,21055266
asked Nov 15 at 13:46
Andrii Chernenko
6,21055266
edited Nov 15 at 14:56
asked Nov 15 at 13:46
Andrii Chernenko
6,21055266
asked Nov 15 at 13:46
Andrii Chernenko
6,21055266
asked Nov 15 at 13:46
Andrii Chernenko
6,21055266
6,21055266
Nicely asked question. Nice and clear :) Looking at project now. Did you try: setNeedsLayout on the view?
– Woodstock
Nov 15 at 13:51
@Woodstock thank you :) Which view do you mean? The image container?
– Andrii Chernenko
Nov 15 at 14:00
I would have thought the UITableViewCell’s View
– Woodstock
Nov 15 at 14:02
Also try calling self.view.layoutIfNeeded() where self is the tableviewCell. (After invoking the edit of course)
– Woodstock
Nov 15 at 14:05
@Woodstock Obviously edit mode lays out the sub views. My best guess would be horizontal stack view is misbehaving. And I don't think he even needs that stack view.
– Desdenova
Nov 15 at 14:13
|
show 2 more comments
Nicely asked question. Nice and clear :) Looking at project now. Did you try: setNeedsLayout on the view?
– Woodstock
Nov 15 at 13:51
@Woodstock thank you :) Which view do you mean? The image container?
– Andrii Chernenko
Nov 15 at 14:00
I would have thought the UITableViewCell’s View
– Woodstock
Nov 15 at 14:02
Also try calling self.view.layoutIfNeeded() where self is the tableviewCell. (After invoking the edit of course)
– Woodstock
Nov 15 at 14:05
@Woodstock Obviously edit mode lays out the sub views. My best guess would be horizontal stack view is misbehaving. And I don't think he even needs that stack view.
– Desdenova
Nov 15 at 14:13
Nicely asked question. Nice and clear :) Looking at project now. Did you try: setNeedsLayout on the view?
– Woodstock
Nov 15 at 13:51
Nicely asked question. Nice and clear :) Looking at project now. Did you try: setNeedsLayout on the view?
– Woodstock
Nov 15 at 13:51
@Woodstock thank you :) Which view do you mean? The image container?
– Andrii Chernenko
Nov 15 at 14:00
@Woodstock thank you :) Which view do you mean? The image container?
– Andrii Chernenko
Nov 15 at 14:00
I would have thought the UITableViewCell’s View
– Woodstock
Nov 15 at 14:02
I would have thought the UITableViewCell’s View
– Woodstock
Nov 15 at 14:02
Also try calling self.view.layoutIfNeeded() where self is the tableviewCell. (After invoking the edit of course)
– Woodstock
Nov 15 at 14:05
Also try calling self.view.layoutIfNeeded() where self is the tableviewCell. (After invoking the edit of course)
– Woodstock
Nov 15 at 14:05
@Woodstock Obviously edit mode lays out the sub views. My best guess would be horizontal stack view is misbehaving. And I don't think he even needs that stack view.
– Desdenova
Nov 15 at 14:13
@Woodstock Obviously edit mode lays out the sub views. My best guess would be horizontal stack view is misbehaving. And I don't think he even needs that stack view.
– Desdenova
Nov 15 at 14:13
|
show 2 more comments
active
oldest
votes
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',
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%2f53320870%2fuiimageview-inside-uitableviewcell-is-laid-out-incorrectly-in-edit-mode%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
active
oldest
votes
active
oldest
votes
active
oldest
votes
active
oldest
votes
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.
Some of your past answers have not been well-received, and you're in danger of being blocked from answering.
Please pay close attention to the following guidance:
- 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%2f53320870%2fuiimageview-inside-uitableviewcell-is-laid-out-incorrectly-in-edit-mode%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
Nicely asked question. Nice and clear :) Looking at project now. Did you try: setNeedsLayout on the view?
– Woodstock
Nov 15 at 13:51
@Woodstock thank you :) Which view do you mean? The image container?
– Andrii Chernenko
Nov 15 at 14:00
I would have thought the UITableViewCell’s View
– Woodstock
Nov 15 at 14:02
Also try calling self.view.layoutIfNeeded() where self is the tableviewCell. (After invoking the edit of course)
– Woodstock
Nov 15 at 14:05
@Woodstock Obviously edit mode lays out the sub views. My best guess would be horizontal stack view is misbehaving. And I don't think he even needs that stack view.
– Desdenova
Nov 15 at 14:13