Files
NativeScript/apps/action-bar-demo/pages/page-title-icon.ts
Hristo Deshev 141668bb05 Fix applying app CSS to template children when using custom pages.
No longer using getAncestor(view, "Page") to look for a pagey parent.
Replaced that with a View.page property. Removed getAncestor as its type
name-based implementation seems unreliable.
2015-08-07 18:26:21 +03:00

41 lines
1.2 KiB
TypeScript

import observable = require("data/observable");
import pages = require("ui/page");
import view = require("ui/core/view");
var i = 0;
export function buttonTap(args: observable.EventData) {
var page = <pages.Page>(<view.View>args.object).page;
page.actionBar.title = "Title changed " + i++;
if (page.actionBar.android) {
if (i % 3 === 0) {
page.actionBar.android.icon = "res://ic_test";
}
else if (i % 3 === 1) {
page.actionBar.android.icon = "~/test-icon.png";
}
else if (i % 3 === 2) {
page.actionBar.android.icon = undefined;
}
}
}
var j = 0;
export function visibilityTap(args: observable.EventData) {
var page = <pages.Page>(<view.View>args.object).page;
if (page.actionBar.android) {
if (j % 3 === 0) {
page.actionBar.android.iconVisibility = "always";
}
else if (j % 3 === 1) {
page.actionBar.android.iconVisibility = "never";
}
else if (j % 3 === 2) {
page.actionBar.android.iconVisibility = "auto";
}
j++;
console.log("Visibility changed to: " + page.actionBar.android.iconVisibility);
}
}