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

Add two more sample pages for testing borders.

Browse Source 
Related to #859
This commit is contained in:
Rossen Hristov
2016-09-20 17:01:05 +03:00
parent 211f5da7f4
commit adf77afbd4
12 changed files with 78 additions and 46 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
apps/app/ui-tests-app/css/all-non-uniform-border.css Normal file
View File

@@ -0,0 +1,6 @@
.s0 {
border-width: 1 2 5 10; border-color: red green blue yellow;
width: 100;
height: 100;
font-size: 10;
}

29
apps/app/ui-tests-app/css/all-non-uniform-border.xml Normal file
View File

@@ -0,0 +1,29 @@
<Page>
<GridLayout rows="*,*,*,*,*,*" columns="*,*,*">
<Button class="s0" row="0" col="0" text="Button"/>
<Label class="s0" row="0" col="1" text="Label"/>
<TextField class="s0" row="0" col="2" text="TextField"/>
<TextView class="s0" row="1" col="0" text="TextView"/>
<SearchBar class="s0" row="1" col="1" text="SearchBar"/>
<Switch class="s0" row="1" col="2" checked="true"/>
<Slider class="s0" row="2" col="0" minValue="0" maxValue="100" value="50"/>
<Progress class="s0" row="2" col="1" maxValue="100" value="50"/>
<ActivityIndicator class="s0" row="2" col="2" busy="true"/>
<Image class="s0" row="3" col="0" src="~/ui-tests-app/image-view/gravatar.png" stretch="fill"/>
<ListView class="s0" row="3" col="1" items="ListView"/>
<HtmlView class="s0" row="3" col="2" html="<h1>HtmlView</h1>"/>
<WebView class="s0" row="4" col="0" src="https://www.nativescript.org/"/>
<SegmentedBar class="s0" row="4" col="1">
<SegmentedBar.items>
<SegmentedBarItem title="SB 1" />
<SegmentedBarItem title="SB 2" />
</SegmentedBar.items>
</SegmentedBar>
<DatePicker class="s0" row="4" col="2" year="1980" month="2" day="9"/>
<TimePicker class="s0" row="5" col="0" hour="5" minute="30"/>
<ListPicker class="s0" row="5" col="1" items="123"/>
<ScrollView class="s0" row="5" col="2">
<Label text="ScrollView" width="160" height="160" style.backgroundColor="gray"/>
</ScrollView>
</GridLayout>
</Page>

6
apps/app/ui-tests-app/css/all-uniform-border.css Normal file
View File

@@ -0,0 +1,6 @@
.s0 {
border-width: 5; border-color: red; border-radius: 5;
width: 100;
height: 100;
font-size: 10;
}

29
apps/app/ui-tests-app/css/all-uniform-border.xml Normal file
View File

@@ -0,0 +1,29 @@
<Page>
<GridLayout rows="*,*,*,*,*,*" columns="*,*,*">
<Button class="s0" row="0" col="0" text="Button"/>
<Label class="s0" row="0" col="1" text="Label"/>
<TextField class="s0" row="0" col="2" text="TextField"/>
<TextView class="s0" row="1" col="0" text="TextView"/>
<SearchBar class="s0" row="1" col="1" text="SearchBar"/>
<Switch class="s0" row="1" col="2" checked="true"/>
<Slider class="s0" row="2" col="0" minValue="0" maxValue="100" value="50"/>
<Progress class="s0" row="2" col="1" maxValue="100" value="50"/>
<ActivityIndicator class="s0" row="2" col="2" busy="true"/>
<Image class="s0" row="3" col="0" src="~/ui-tests-app/image-view/gravatar.png" stretch="fill"/>
<ListView class="s0" row="3" col="1" items="ListView"/>
<HtmlView class="s0" row="3" col="2" html="<h1>HtmlView</h1>"/>
<WebView class="s0" row="4" col="0" src="https://www.nativescript.org/"/>
<SegmentedBar class="s0" row="4" col="1">
<SegmentedBar.items>
<SegmentedBarItem title="SB 1" />
<SegmentedBarItem title="SB 2" />
</SegmentedBar.items>
</SegmentedBar>
<DatePicker class="s0" row="4" col="2" year="1980" month="2" day="9"/>
<TimePicker class="s0" row="5" col="0" hour="5" minute="30"/>
<ListPicker class="s0" row="5" col="1" items="123"/>
<ScrollView class="s0" row="5" col="2">
<Label text="ScrollView" width="160" height="160" style.backgroundColor="gray"/>
</ScrollView>
</GridLayout>
</Page>

2
apps/app/ui-tests-app/css/main-page.ts
View File

@@ -34,6 +34,8 @@ export function pageLoaded(args: EventData) {
examples.set("image-border", "css/image-border");
examples.set("layouts-border-overlap", "css/layouts-border-overlap");
examples.set("measure-tests", "css/measure-tests");
examples.set("all-uniform-border", "css/all-uniform-border");
examples.set("all-non-uniform-border", "css/all-non-uniform-border");
//examples.set("border-playground", "css/border-playground");
let viewModel = new SubMianPageViewModel(wrapLayout, examples);