mirror of
https://github.com/NativeScript/NativeScript.git
synced 2025-08-16 11:42:04 +08:00
36 lines
973 B
TypeScript
36 lines
973 B
TypeScript
import * as pages from "tns-core-modules/ui/page";
|
|
import * as btns from "tns-core-modules/ui/button";
|
|
import * as layout from "tns-core-modules/ui/layouts/stack-layout";
|
|
|
|
export function createPage() {
|
|
var page = new pages.Page();
|
|
var linearLayout = new layout.StackLayout();
|
|
|
|
var btn = addButton(linearLayout, "left");
|
|
btn.marginLeft = 100;
|
|
btn = addButton(linearLayout, "center");
|
|
btn.marginTop = 100;
|
|
btn = addButton(linearLayout, "right");
|
|
btn.marginRight = 100;
|
|
|
|
btn = addButton(linearLayout, "stretch");
|
|
btn.marginLeft = 100;
|
|
btn.marginRight = 100;
|
|
btn.marginTop = 100;
|
|
btn.marginBottom = 100;
|
|
|
|
page.content = linearLayout;
|
|
|
|
return page;
|
|
}
|
|
|
|
function addButton(layout: layout.StackLayout, text: "left" | "center" | "right" | "stretch") {
|
|
var btn = new btns.Button();
|
|
btn.text = text;
|
|
btn.horizontalAlignment = text;
|
|
layout.addChild(btn);
|
|
layout.style.paddingLeft = 5;
|
|
|
|
return btn;
|
|
}
|