Bug 26361 - XF Label vertical alignment problem for large fonts
Summary: XF Label vertical alignment problem for large fonts
Status: CONFIRMED
Alias: None
Product: Forms
Classification: Xamarin
Component: Forms ()
Version: 1.3.2
Hardware: PC Windows
: Normal normal
Target Milestone: ---
Assignee: Bugzilla
URL:
Depends on:
Blocks:
 
Reported: 2015-01-23 16:18 UTC by philip
Modified: 2017-08-29 03:35 UTC (History)
7 users (show)

Tags: ac ngf label layout
Is this bug a regression?: ---
Last known good build:


Attachments
shows label with bottom alignment instead of desired centering (4.49 KB, image/png)
2015-01-23 16:18 UTC, philip
Details
Test Project(Label not shows with bottom Alignment) (4.53 MB, application/octet-stream)
2015-01-29 08:59 UTC, Atin
Details
green colored pixel shows the problem... (2.11 KB, image/png)
2015-02-01 18:14 UTC, philip
Details
magnified problem (4.94 KB, image/png)
2015-02-01 19:05 UTC, philip
Details


Notice (2018-05-24): bugzilla.xamarin.com is now in read-only mode.

Please join us on Visual Studio Developer Community and in the Xamarin and Mono organizations on GitHub to continue tracking issues. Bugzilla will remain available for reference in read-only mode. We will continue to work on open Bugzilla bugs, copy them to the new locations as needed for follow-up, and add the new items under Related Links.

Our sincere thanks to everyone who has contributed on this bug tracker over the years. Thanks also for your understanding as we make these adjustments and improvements for the future.


Please create a new report for Bug 26361 on Developer Community or GitHub if you have new information to add and do not yet see a matching new report.

If the latest results still closely match this report, you can use the original description:

  • Export the original title and description: Developer Community HTML or GitHub Markdown
  • Copy the title and description into the new report. Adjust them to be up-to-date if needed.
  • Add your new information.

In special cases on GitHub you might also want the comments: GitHub Markdown with public comments

Related Links:
Status:
CONFIRMED

Description philip 2015-01-23 16:18:48 UTC
Created attachment 9478 [details]
shows label with bottom alignment instead of desired centering

I use the following XAML:

<StackLayout WidthRequest="350" HorizontalOptions="Center" Orientation="Horizontal" VerticalOptions="Center" Padding="10,0,0,0" Spacing="0" BackgroundColor="Red">
	<Label Font="35" Text="Yesterday 18" VerticalOptions="Center" HorizontalOptions="Start" TextColor="#FBFBFB" />
</StackLayout>

This yields a label which is vertically bottom aligned instead of centered.  Happens in Android and WP8 (did not test on IOS).  Please see attached image.
Comment 1 Atin 2015-01-29 08:34:14 UTC
I have checked this issue but I am unable to reproduce this behavior. I have created sample app and added code given in description and observed that Label shows in center.

Steps that I have followed:

1.Create a Xmarin.forms project.
2.Add a Forms Xaml Page in the project.
3.Add the given code in the file.
3.Build and deploy.

When I deploy the app the label shows in the center.Please let me know If i missed any step.

Screencast:http://www.screencast.com/t/28gpq6ckAbKa

Xamarin.forms:1.3.2.6309-pre2

Environment Info:

Microsoft Visual Studio Professional 2013
Version 12.0.31101.00 Update 4
Microsoft .NET Framework
Version 4.5.51641

Installed Version: Professional

LightSwitch for Visual Studio 2013   06177-004-0444002-02652
Microsoft LightSwitch for Visual Studio 2013

Team Explorer for Visual Studio 2013   06177-004-0444002-02652
Microsoft Team Explorer for Visual Studio 2013

Visual Basic 2013   06177-004-0444002-02652
Microsoft Visual Basic 2013

Visual C# 2013   06177-004-0444002-02652
Microsoft Visual C# 2013

Visual C++ 2013   06177-004-0444002-02652
Microsoft Visual C++ 2013

Visual F# 2013   06177-004-0444002-02652
Microsoft Visual F# 2013

Visual Studio 2013 Code Analysis Spell Checker   06177-004-0444002-02652
Microsoft® Visual Studio® 2013 Code Analysis Spell Checker

Portions of International CorrectSpell™ spelling correction system © 1993 by Lernout & Hauspie Speech Products N.V. All rights reserved.

The American Heritage® Dictionary of the English Language, Third Edition Copyright © 1992 Houghton Mifflin Company. Electronic version licensed from Lernout & Hauspie Speech Products N.V. All rights reserved.

Windows Phone SDK 8.0 - ENU   06177-004-0444002-02652
Windows Phone SDK 8.0 - ENU

ASP.NET Web Frameworks and Tools 2012.2   4.1.21001.0
For additional information, visit http://go.microsoft.com/fwlink/?LinkID=309563

ASP.NET Web Frameworks and Tools 2013   5.2.21010.0
For additional information, visit http://www.asp.net/

Common Azure Tools   1.3
Provides common services for use by Azure Mobile Services and Microsoft Azure Tools.

Microsoft Azure Mobile Services Tools   1.3
Microsoft Azure Mobile Services Tools

NuGet Package Manager   2.8.50926.663
NuGet Package Manager in Visual Studio. For more information about NuGet, visit http://docs.nuget.org/.

Office Developer Tools for Visual Studio 2013 ENU   12.0.30626
Microsoft Office Developer Tools for Visual Studio 2013 ENU

PowerShell Tools   1.3
Provides file classification services using PowerShell

PreEmptive Analytics Visualizer   1.2
Microsoft Visual Studio extension to visualize aggregated summaries from the PreEmptive Analytics product.

SQL Server Data Tools   12.0.41012.0
Microsoft SQL Server Data Tools

Windows Phone 8.1 SDK Integration   1.0
This package integrates the tools for the Windows Phone 8.1 SDK into the menus and controls of Visual Studio.

Workflow Manager Tools 1.0   1.0
This package contains the necessary Visual Studio integration components for Workflow Manager.

Xamarin   3.9.289.0 (39a70ae)
Visual Studio extension to enable development for Xamarin.iOS and Xamarin.Android.

Xamarin.Android   4.20.0.34 (49a04b966feb40dfdba49d57ba16249b66d606a6)
Visual Studio plugin to enable development for Xamarin.Android.

Xamarin.iOS   8.6.1.0 (3b3ef438017c7ecf486defa9e01567a5f2b3cb2a)
Visual Studio extension to enable development for Xamarin.iOS.

Xamarin.iOS Unified Migration   1.0
Automated migration for Xamarin iOS Classic projects to Unified
Comment 2 Atin 2015-01-29 08:59:23 UTC
Created attachment 9550 [details]
Test Project(Label not shows with bottom Alignment)
Comment 3 philip 2015-02-01 18:13:58 UTC
I am attaching another screen shot from your sample app.

In it I drew green squares above and below the "1" so that you can see what I mean.  The "1" should be centered vertically but it is not.   The are 8 pixels above it and 6 below it.

Maybe I am nitpicking but the text just does not quite center vertically.
Comment 4 philip 2015-02-01 18:14:43 UTC
Created attachment 9586 [details]
green colored pixel shows the problem...
Comment 5 philip 2015-02-01 19:05:50 UTC
Created attachment 9587 [details]
magnified problem
Comment 6 Rui Marinho 2016-04-08 19:10:54 UTC
Thanks i think i see the problem here, we are going to take a look.