mirror of
https://github.com/NativeScript/NativeScript.git
synced 2025-11-05 13:26:48 +08:00
79 lines
2.8 KiB
TypeScript
79 lines
2.8 KiB
TypeScript
import TKUnit = require("../TKUnit");
|
|
import viewModule = require("ui/core/view");
|
|
import labelModule = require("ui/label");
|
|
import helper = require("../ui/helper");
|
|
import colorModule = require("color");
|
|
import utils = require("utils/utils");
|
|
import layoutHelper = require("./layout-helper");
|
|
|
|
// <snippet module="ui/layouts/absolute-layout" title="absolute-layout">
|
|
// # AbsoluteLayout
|
|
// Using a AbsoluteLayout requires the AbsoluteLayout module.
|
|
// ``` JavaScript
|
|
import absoluteLayoutModule = require("ui/layouts/absolute-layout");
|
|
// ```
|
|
// </snippet>
|
|
|
|
export var testAll = function () {
|
|
// <snippet module="ui/layouts/absolute-layout" title="absolute-layout">
|
|
// ## Creating and populating a AbsoluteLayout with children
|
|
// ``` JavaScript
|
|
var absoluteLayout = new absoluteLayoutModule.AbsoluteLayout();
|
|
absoluteLayout.width = 230;
|
|
absoluteLayout.height = 230;
|
|
absoluteLayout.style.backgroundColor = new colorModule.Color("LightGray");
|
|
var label;
|
|
// Left Top
|
|
label = new labelModule.Label();
|
|
label.width = 100;
|
|
label.height = 100;
|
|
label.text = "LT";
|
|
label.id = "LT";
|
|
label.style.backgroundColor = new colorModule.Color("Red");
|
|
absoluteLayoutModule.AbsoluteLayout.setLeft(label, 10);
|
|
absoluteLayoutModule.AbsoluteLayout.setTop(label, 10);
|
|
absoluteLayout.addChild(label);
|
|
// ```
|
|
// </snippet>
|
|
|
|
helper.buildUIAndRunTest(absoluteLayout, function (views: Array<viewModule.View>) {
|
|
TKUnit.waitUntilReady(function isReady() {
|
|
return absoluteLayout.isLayoutValid;
|
|
}, 1);
|
|
|
|
var density = utils.layout.getDisplayDensity();
|
|
|
|
var actualValue = viewModule.getViewById(absoluteLayout, "LT")._getCurrentLayoutBounds();
|
|
var width = actualValue.right - actualValue.left;
|
|
var height = actualValue.bottom - actualValue.top;
|
|
TKUnit.assertEqual(actualValue.left, 10 * density, "ActualLeft");
|
|
TKUnit.assertEqual(actualValue.top, 10 * density, "ActualTop");
|
|
TKUnit.assertEqual(width, 100 * density, "ActualWidth");
|
|
TKUnit.assertEqual(height, 100 * density, "Actualheight");
|
|
});
|
|
}
|
|
|
|
export function test_padding() {
|
|
var absoluteLayout = new absoluteLayoutModule.AbsoluteLayout();
|
|
absoluteLayout.width = 200;
|
|
absoluteLayout.height = 200;
|
|
absoluteLayout.paddingLeft = 5;
|
|
absoluteLayout.paddingTop = 15;
|
|
|
|
// Left Top
|
|
var btn = new layoutHelper.MyButton();
|
|
btn.width = 100;
|
|
btn.height = 100;
|
|
absoluteLayoutModule.AbsoluteLayout.setLeft(btn, 20);
|
|
absoluteLayoutModule.AbsoluteLayout.setTop(btn, 20);
|
|
absoluteLayout.addChild(btn);
|
|
|
|
helper.buildUIAndRunTest(absoluteLayout, function (views: Array<viewModule.View>) {
|
|
TKUnit.waitUntilReady(function isReady() {
|
|
return absoluteLayout.isLayoutValid;
|
|
}, 1);
|
|
|
|
layoutHelper.assertLayout(btn, 25, 35, 100, 100);
|
|
});
|
|
}
|