mirror of
https://github.com/NativeScript/NativeScript.git
synced 2025-08-17 04:41:36 +08:00
40 lines
1.4 KiB
TypeScript
40 lines
1.4 KiB
TypeScript
import enums = require("ui/enums");
|
|
import pageModule = require("ui/page");
|
|
import buttonModule = require("ui/button");
|
|
import stackModule = require("ui/layouts/stack-layout");
|
|
|
|
export function createPage() {
|
|
var page = new pageModule.Page();
|
|
var stackLayout = new stackModule.StackLayout();
|
|
var btn1 = new buttonModule.Button();
|
|
btn1.horizontalAlignment = enums.HorizontalAlignment.left;
|
|
btn1.verticalAlignment = enums.VerticalAlignment.top;
|
|
btn1.marginTop = 10;
|
|
btn1.marginRight = 0;
|
|
btn1.marginBottom = 10;
|
|
btn1.marginLeft = 20;
|
|
btn1.text = "top, left";
|
|
|
|
var btn2 = new buttonModule.Button();
|
|
btn2.horizontalAlignment = enums.HorizontalAlignment.center;
|
|
btn2.verticalAlignment = enums.VerticalAlignment.center;
|
|
btn2.text = "center, center";
|
|
|
|
var btn3 = new buttonModule.Button();
|
|
btn3.horizontalAlignment = enums.HorizontalAlignment.right;
|
|
btn3.verticalAlignment = enums.VerticalAlignment.bottom;
|
|
btn3.text = "bottom, right";
|
|
|
|
var btn4 = new buttonModule.Button();
|
|
btn4.horizontalAlignment = enums.HorizontalAlignment.stretch;
|
|
btn4.verticalAlignment = enums.VerticalAlignment.stretch;
|
|
btn4.text = "stretch, stretch";
|
|
|
|
stackLayout.addChild(btn1);
|
|
stackLayout.addChild(btn2);
|
|
stackLayout.addChild(btn3);
|
|
stackLayout.addChild(btn4);
|
|
|
|
page.content = stackLayout;
|
|
return page;
|
|
} |