javascript/NativeScript
1
0
Fork 0
mirror of https://github.com/NativeScript/NativeScript.git synced 2025-08-17 04:41:36 +08:00
Code Issues Packages Projects Releases Wiki Activity

Include example action-bar flat property (#4618)

Browse Source 
* Inlcude example for flat property

* Update xml
This commit is contained in:
SvetoslavTsenov
2017-07-31 13:11:07 +03:00
committed by GitHub
parent 0a695b0089
commit d949cc7128
3 changed files with 25 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
apps/app/ui-tests-app/action-bar/flat.ts Normal file
View File

@ -0,0 +1,15 @@
import { Label } from "tns-core-modules/ui/Label";
import { Page } from "tns-core-modules/ui/Page";
export function onNavigateTo(args) {
const actionBar = (<Page>args.object).actionBar;
args.object.flatPropertyValue = <Label>args.object.getViewById("flatPropertyValue");
actionBar.flat = true;
args.object.flatPropertyValue.text = "Action bar flat property is set to: " + actionBar.flat;
}
export function changeFlatPropertyValue(args) {
const actionBar = (<Page>args.object.page).actionBar;
actionBar.flat = !actionBar.flat;
args.object.page.flatPropertyValue.text = "Action bar flat property is set to: " + actionBar.flat;
}

9
apps/app/ui-tests-app/action-bar/flat.xml Normal file
View File

@ -0,0 +1,9 @@
<Page navigatedTo="onNavigateTo" >
<Page.actionBar>
<ActionBar title="Flat property" />
</Page.actionBar>
<StackLayout>
<Button margin="30" text="change flat property" tap="changeFlatPropertyValue"/>
<Label id="flatPropertyValue" />
</StackLayout>
</Page>

1
apps/app/ui-tests-app/action-bar/main-page.ts
View File

@ -21,6 +21,7 @@ export function loadExamples() {
examples.set("actTransparentBgCss", "action-bar/transparent-bg-css"); examples.set("actTransparentBgCss", "action-bar/transparent-bg-css");
examples.set("modalHiddenActBar", "action-bar/modal-test-hidden-action-bar"); examples.set("modalHiddenActBar", "action-bar/modal-test-hidden-action-bar");
examples.set("modalShownActBar", "action-bar/modal-test-with-action-bar"); examples.set("modalShownActBar", "action-bar/modal-test-with-action-bar");
examples.set("flat", "action-bar/flat");
return examples; return examples;
} }