Update a test page.

This commit is contained in:
Vasil Chimev
2015-11-03 16:45:07 +02:00
parent ba811c6b06
commit 164025f11b
6 changed files with 37 additions and 4 deletions

View File

@ -201,6 +201,9 @@
<Content Include="apps\ui-tests-app\action-bar\clean.xml">
<SubType>Designer</SubType>
</Content>
<Content Include="apps\ui-tests-app\segmented-bar\clean.xml">
<SubType>Designer</SubType>
</Content>
<Content Include="apps\ui-tests-app\tab-view\background.xml">
<SubType>Designer</SubType>
</Content>
@ -248,6 +251,12 @@
<DependentUpon>nordic.xml</DependentUpon>
</TypeScriptCompile>
<TypeScriptCompile Include="apps\ui-tests-app\pages\handlers.ts" />
<TypeScriptCompile Include="apps\ui-tests-app\segmented-bar\all.ts">
<DependentUpon>all.xml</DependentUpon>
</TypeScriptCompile>
<TypeScriptCompile Include="apps\ui-tests-app\segmented-bar\clean.ts">
<DependentUpon>clean.xml</DependentUpon>
</TypeScriptCompile>
<TypeScriptCompile Include="color\known-colors.d.ts" />
<TypeScriptCompile Include="ui\animation\animation.d.ts" />
<TypeScriptCompile Include="ui\animation\animation-common.ts">

View File

@ -77,7 +77,7 @@ examples.set("listview_binding", "pages/listview_binding");
examples.set("switch", "pages/switchandprogress"); // TODO: Update this test page.
examples.set("segmentedStyle", "segmented-bar/all");
examples.set("segStyle", "segmented-bar/all");
examples.set("tabColor", "tab-view/color");
examples.set("tabBG", "tab-view/background");

View File

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

View File

@ -1,10 +1,12 @@
<Page>
<GridLayout rows="auto, *">
<SegmentedBar style="color: green; background-color: yellow; font-weight: bold; font-size: 20; font-style: italic; font-family: monospace;">
<StackLayout>
<SegmentedBar selectedIndex="2" style="color: yellow; background-color: blue; font-weight: bold; font-size: 20; font-style: italic; font-family: monospace;" selectedBackgroundColor="red">
<SegmentedBar.items>
<SegmentedBarItem title="Item 1" />
<SegmentedBarItem title="Item 2" />
<SegmentedBarItem title="Item 3" />
</SegmentedBar.items>
</SegmentedBar>
</GridLayout>
<Button text="go to cleared page" tap="navigate"/>
</StackLayout>
</Page>

View File

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

View File

@ -0,0 +1,12 @@
<Page>
<StackLayout>
<SegmentedBar selectedIndex="1">
<SegmentedBar.items>
<SegmentedBarItem title="Item 1" />
<SegmentedBarItem title="Item 2" />
<SegmentedBarItem title="Item 3" />
</SegmentedBar.items>
</SegmentedBar>
<Button text="go to previous page" tap="navigate"/>
</StackLayout>
</Page>