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

Rounded images ui test

Browse Source
This commit is contained in:
vakrilov
2015-08-19 11:28:03 +03:00
parent 2037148540
commit 7096d2cd68
5 changed files with 66 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
apps/ui-tests-app/image-view/gravatar.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 5.4 KiB

51
apps/ui-tests-app/image-view/rounded-images.css Normal file
View File

@ -0,0 +1,51 @@
Page {
background-color: #1B3943;
}
.one {
width: 100;
height: 100;
border-radius: 0;
border-width: 0;
border-color: gray;
}
.two {
width: 100;
height: 100;
border-radius: 50;
border-width: 0;
border-color: gray;
}
.three {
width: 100;
height: 100;
border-radius: 0;
border-width: 20;
border-color: gray;
}
.four {
width: 100;
height: 100;
border-radius: 40;
border-width: 5;
border-color: gray;
}
.five {
width: 100;
height: 100;
border-radius: 20;
border-width: 30;
border-color: gray;
}
.six {
width: 100;
height: 50;
border-radius: 30;
border-width: 5;
border-color: gray;
}

10
apps/ui-tests-app/image-view/rounded-images.xml Normal file
View File

@ -0,0 +1,10 @@
<Page>
<GridLayout rows="*,*,*" columns="*,*">
<Image row="0" col="0" src="~/image-view/gravatar.png" cssClass="one"/>
<Image row="0" col="1" src="~/image-view/gravatar.png" cssClass="two"/>
<Image row="1" col="0" src="~/image-view/gravatar.png" cssClass="three"/>
<Image row="1" col="1" src="~/image-view/gravatar.png" cssClass="four"/>
<Image row="2" col="0" src="~/image-view/gravatar.png" cssClass="five"/>
<Image row="2" col="1" src="~/image-view/gravatar.png" cssClass="six"/>
</GridLayout>
</Page>

2
apps/ui-tests-app/mainPage.ts
View File

@ -10,7 +10,7 @@ import trace = require("trace");
trace.enable();
trace.setCategories(trace.categories.Test);
var list: string[] = ["pages", "layouts", "modal-view", "bindings", "dialogs", "web-view"];
var list: string[] = ["pages", "layouts", "modal-view", "bindings", "dialogs", "web-view", "image-view"];
// basePath is auto-changed when building multiple apps
var basePath = "";