javascript/NativeScript
1
0
Fork 0
mirror of https://github.com/NativeScript/NativeScript.git synced 2025-08-16 11:42:04 +08:00
Code Issues Packages Projects Releases Wiki Activity

Fix verticalAlignment center placement

Browse Source
This commit is contained in:
hshristov
2015-04-28 13:20:06 +03:00
parent 51543fd85c
commit 291bc3d86d
2 changed files with 25 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
apps/tests/layouts/grid-layout-tests.ts
View File

@ -448,6 +448,29 @@ export function test_GridLayout_ColumnWidth_when_4stars_and_width_110() {
TKUnit.assertAreClose(cols[3].actualLength, 27, delta, "Column[3] actual length should be 27");
}
export function test_GridLayout_margins_and_verticalAlignment_center() {
rootLayout.height = 200;
rootLayout.width = 200;
var btn = new helper.MyButton();
btn.text = "btn";
btn.height = 100;
btn.width = 100;
btn.marginBottom = 50;
btn.marginRight = 50;
rootLayout.addChild(btn);
TKUnit.waitUntilReady(function () {
return btn.isLayoutValid;
}, ASYNC);
var density = utils.layout.getDisplayDensity();
var delta = Math.floor(density) !== density ? 1.1 : DELTA;
TKUnit.assertAreClose(btn.layoutTop, 25, delta * density, "vertical margins");
TKUnit.assertAreClose(btn.layoutLeft, 25, delta * density, "horizontal margins");
}
export function test_GridLayout_set_columns_in_XML() {
var p = <page.Page>builder.parse("<Page><GridLayout columns=\"auto, *, 10*, 100 \"><Button/></GridLayout></Page>");
var grid = <layout.GridLayout>p.content;

4
ui/core/view-common.ts
View File

@ -513,7 +513,7 @@ export class View extends proxy.ProxyObject implements definition.View {
break;
case enums.VerticalAlignment.center:
childTop = top + ((bottom - top - childHeight) / 2) + (child.marginTop - child.marginBottom) * density;
childTop = top + (bottom - top - childHeight + (child.marginTop - child.marginBottom) * density) / 2;
break;
case enums.VerticalAlignment.bottom:
@ -541,7 +541,7 @@ export class View extends proxy.ProxyObject implements definition.View {
break;
case enums.HorizontalAlignment.center:
childLeft = left + ((right - left - childWidth) / 2) + (child.marginLeft - child.marginRight) * density;
childLeft = left + (right - left - childWidth + (child.marginLeft - child.marginRight) * density) / 2;
break;
case enums.HorizontalAlignment.right: