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

UI test: Transparent Action Bar example

Browse Source
This commit is contained in:
vakrilov
2017-02-03 17:02:25 +02:00
parent 19558e7b61
commit 4440569522
4 changed files with 19 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@ -17,6 +17,7 @@ export function pageLoaded(args: EventData) {
examples.set("actView", "action-bar/action-view");
examples.set("actionItemPosition", "action-bar/action-item-position");
examples.set("actBGCss", "action-bar/background-css");
examples.set("actTransparentBgCss", "action-bar/transparent-bg-css");
let viewModel = new SubMainPageViewModel(wrapLayout, examples);
page.bindingContext = viewModel;

7
apps/app/ui-tests-app/action-bar/transparent-bg-css.css Normal file
View File

@ -0,0 +1,7 @@
.action {
background-color: transparent;
}
Page {
background-color: green;
}

5
apps/app/ui-tests-app/action-bar/transparent-bg-css.ts Normal file
View File

@ -0,0 +1,5 @@
import frame = require("ui/frame");
export function navigate(args) {
frame.topmost().navigate("ui-tests-app/action-bar/clean");
}

6
apps/app/ui-tests-app/action-bar/transparent-bg-css.xml Normal file
View File

@ -0,0 +1,6 @@
<Page>
<ActionBar title="This is transparent" class="action" />
<StackLayout>
<Button text="go to cleared page" tap="navigate"/>
</StackLayout>
</Page>