Skip to content
This repository was archived by the owner on May 1, 2024. It is now read-only.

[iOS/Win] Label will not unnecessarily expand #827

Merged
merged 3 commits into from
Mar 22, 2017
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Original file line number Diff line number Diff line change
@@ -0,0 +1,35 @@
using Xamarin.Forms.CustomAttributes;
using Xamarin.Forms.Internals;

namespace Xamarin.Forms.Controls.Issues
{
[Preserve(AllMembers = true)]
[Issue(IssueTracker.Bugzilla, 53362, "Layout regression in Grid on iOS: HorizontalOption = Center does not center", PlatformAffected.iOS)]
public class Bugzilla53362 : TestContentPage
{
protected override void Init()
{
var label1 = new Label { Text = "auto sized row", TextColor = Color.Silver, HorizontalOptions = LayoutOptions.Center, BackgroundColor = Color.Purple };
var label2 = new Label { Text = "row size 20", TextColor = Color.Silver, HorizontalOptions = LayoutOptions.Center, BackgroundColor = Color.Purple };
var label3 = new Label { Text = "row size 25", TextColor = Color.Silver, HorizontalOptions = LayoutOptions.Center, BackgroundColor = Color.Purple };

var grid = new Grid
{
RowDefinitions =
{
new RowDefinition { Height = new GridLength(1, GridUnitType.Auto) },
new RowDefinition { Height = new GridLength(20, GridUnitType.Absolute) },
new RowDefinition { Height = new GridLength(25, GridUnitType.Absolute) },
new RowDefinition { Height = new GridLength(1, GridUnitType.Auto) },
}
};

grid.Children.Add(label1, 0, 0);
grid.Children.Add(label2, 0, 1);
grid.Children.Add(label3, 0, 2);
grid.Children.Add(new Label { Text = "If the three labels above are not all centered horizontally, this test has failed." }, 0, 3);

Content = grid;
}
}
}
Original file line number Diff line number Diff line change
Expand Up @@ -260,6 +260,7 @@
<Compile Include="$(MSBuildThisFileDirectory)Bugzilla51503.cs" />
<Compile Include="$(MSBuildThisFileDirectory)Bugzilla51505.cs" />
<Compile Include="$(MSBuildThisFileDirectory)Bugzilla52533.cs" />
<Compile Include="$(MSBuildThisFileDirectory)Bugzilla53362.cs" />
<Compile Include="$(MSBuildThisFileDirectory)_Template.cs" />
<Compile Include="$(MSBuildThisFileDirectory)Issue1028.cs" />
<Compile Include="$(MSBuildThisFileDirectory)Issue1075.cs" />
Expand Down
26 changes: 21 additions & 5 deletions Xamarin.Forms.Platform.WinRT/LabelRenderer.cs
Original file line number Diff line number Diff line change
Expand Up @@ -72,15 +72,31 @@ public override SizeRequest GetDesiredSize(double widthConstraint, double height
_perfectSizeValid = true;
}

if (widthConstraint >= _perfectSize.Request.Width && heightConstraint >= _perfectSize.Request.Height)
var widthFits = widthConstraint >= _perfectSize.Request.Width;
Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This bug did not affect Windows, but the logic here was copied from iOS, so I copied the fix over for housekeeping purposes.

var heightFits = heightConstraint >= _perfectSize.Request.Height;

if (widthFits && heightFits)
return _perfectSize;

var result = base.GetDesiredSize(widthConstraint, heightConstraint);
result.Minimum = new Size(Math.Min(10, result.Request.Width), result.Request.Height);
if (Element.LineBreakMode != LineBreakMode.NoWrap)
var tinyWidth = Math.Min(10, result.Request.Width);
result.Minimum = new Size(tinyWidth, result.Request.Height);

if (widthFits || Element.LineBreakMode == LineBreakMode.NoWrap)
return result;

bool containerIsNotInfinitelyWide = !double.IsInfinity(widthConstraint);

if (containerIsNotInfinitelyWide)
{
if (result.Request.Width > widthConstraint || Element.LineBreakMode == LineBreakMode.WordWrap || Element.LineBreakMode == LineBreakMode.CharacterWrap)
result.Request = new Size(Math.Max(result.Minimum.Width, widthConstraint), result.Request.Height);
bool textCouldHaveWrapped = Element.LineBreakMode == LineBreakMode.WordWrap || Element.LineBreakMode == LineBreakMode.CharacterWrap;
bool textExceedsContainer = result.Request.Width > widthConstraint;

if (textExceedsContainer || textCouldHaveWrapped)
{
var expandedWidth = Math.Max(tinyWidth, widthConstraint);
result.Request = new Size(expandedWidth, result.Request.Height);
}
}

return result;
Expand Down
27 changes: 21 additions & 6 deletions Xamarin.Forms.Platform.iOS/Renderers/LabelRenderer.cs
Original file line number Diff line number Diff line change
Expand Up @@ -30,16 +30,31 @@ public override SizeRequest GetDesiredSize(double widthConstraint, double height
_perfectSizeValid = true;
}

if (widthConstraint >= _perfectSize.Request.Width && heightConstraint >= _perfectSize.Request.Height)
var widthFits = widthConstraint >= _perfectSize.Request.Width;
var heightFits = heightConstraint >= _perfectSize.Request.Height;

if (widthFits && heightFits)
Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Refactored, but the logic is the same.

return _perfectSize;

var result = base.GetDesiredSize(widthConstraint, heightConstraint);
result.Minimum = new Size(Math.Min(10, result.Request.Width), result.Request.Height);
if (Element.LineBreakMode != LineBreakMode.NoWrap)
var tinyWidth = Math.Min(10, result.Request.Width);
result.Minimum = new Size(tinyWidth, result.Request.Height);
Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

More refactoring, no change here.


if (widthFits || Element.LineBreakMode == LineBreakMode.NoWrap)
Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This is the change that fixes this bug. Don't continue on to the "expand" logic if the text already fits the container.

return result;

bool containerIsNotInfinitelyWide = !double.IsInfinity(widthConstraint);
Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Simplification of if (!double.IsInfinity(result.Request.Width) && !double.IsInfinity(widthConstraint)).


if (containerIsNotInfinitelyWide)
{
if (!double.IsInfinity(result.Request.Width) && !double.IsInfinity(widthConstraint))
if (result.Request.Width > widthConstraint || Element.LineBreakMode == LineBreakMode.WordWrap || Element.LineBreakMode == LineBreakMode.CharacterWrap)
result.Request = new Size(Math.Max(result.Minimum.Width, widthConstraint), result.Request.Height);
bool textCouldHaveWrapped = Element.LineBreakMode == LineBreakMode.WordWrap || Element.LineBreakMode == LineBreakMode.CharacterWrap;
bool textExceedsContainer = result.Request.Width > widthConstraint;

if (textExceedsContainer || textCouldHaveWrapped)
{
var expandedWidth = Math.Max(tinyWidth, widthConstraint);
result.Request = new Size(expandedWidth, result.Request.Height);
}
Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

The rest of these changes are all refactoring for readability.

}

return result;
Expand Down