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

vertical-alignment middle support added

Browse Source
This commit is contained in:
Vladimir Enchev
2015-10-14 09:42:29 +03:00
parent d2571e124c
commit 19b03bbbb9
6 changed files with 13 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
apps/tests/ui/style/style-properties-tests.ts
View File

@ -91,10 +91,13 @@ export function test_setting_minHeight_property_from_CSS_is_applied_to_Style() {
}
export function test_setting_verticalAlignment_property_from_CSS_is_applied_to_Style() {
test_property_from_CSS_is_applied_to_style("verticalAlignment", "vertical-align", "bottom");
}
export function test_setting_verticalAlignment_middle_is_applied_to_Style() {
test_property_from_CSS_is_applied_to_style("verticalAlignment", "vertical-align", "middle");
}
export function test_setting_horizontalAlignment_property_from_CSS_is_applied_to_Style() {
test_property_from_CSS_is_applied_to_style("horizontalAlignment", "horizontal-align", "right");
}

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

@ -717,7 +717,7 @@ export class View extends proxy.ProxyObject implements definition.View {
childTop = top + child.marginTop * density;
break;
case enums.VerticalAlignment.center:
case enums.VerticalAlignment.center || enums.VerticalAlignment.middle:
childTop = top + (bottom - top - childHeight + (child.marginTop - child.marginBottom) * density) / 2;
break;

5
ui/enums/enums.d.ts vendored
View File

@ -161,6 +161,11 @@
*/
export var center: string;
/**
* Same as center. An element should be aligned in the middle.
*/
export var middle: string;
/**
* An element should be bottom aligned.
*/

1
ui/enums/enums.ts
View File

@ -41,6 +41,7 @@ export module HorizontalAlignment {
export module VerticalAlignment {
export var top = "top";
export var center = "center";
export var middle = "middle";
export var bottom = "bottom";
export var stretch = "stretch";
}

2
ui/layouts/stack-layout/stack-layout.ios.ts
View File

@ -114,7 +114,7 @@ export class StackLayout extends common.StackLayout {
var childRight = right - left - paddingRight;
switch (this.verticalAlignment) {
case enums.VerticalAlignment.center:
case enums.VerticalAlignment.center || enums.VerticalAlignment.middle:
childTop = (bottom - top - this._totalLength) / 2 + paddingTop - paddingBottom;
break;

2
ui/styling/stylers.android.ts
View File

@ -175,7 +175,7 @@ export class DefaultStyler implements definition.stylers.Styler {
gravity |= android.view.Gravity.TOP;
break;
case enums.VerticalAlignment.center:
case enums.VerticalAlignment.center || enums.VerticalAlignment.middle:
gravity |= android.view.Gravity.CENTER_VERTICAL;
break;