javascript/NativeScript
1
0
Fork 0
mirror of https://github.com/NativeScript/NativeScript.git synced 2025-08-16 20:11:24 +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

5
CrossPlatformModules.csproj
View File

@ -934,6 +934,9 @@
<Content Include="apps\tests\xml-declaration\mymodule\MyControl.css" /> <Content Include="apps\tests\xml-declaration\mymodule\MyControl.css" />
<Content Include="apps\ui-tests-app\bindings\xmlbasics.xml" /> <Content Include="apps\ui-tests-app\bindings\xmlbasics.xml" />
<Content Include="apps\ui-tests-app\dialogs\dialogs.xml" /> <Content Include="apps\ui-tests-app\dialogs\dialogs.xml" />
<Content Include="apps\ui-tests-app\image-view\gravatar.png" />
<Content Include="apps\ui-tests-app\image-view\rounded-images.css" />
<Content Include="apps\ui-tests-app\image-view\rounded-images.xml" />
<Content Include="apps\ui-tests-app\layouts\absolute.xml" /> <Content Include="apps\ui-tests-app\layouts\absolute.xml" />
<Content Include="apps\ui-tests-app\layouts\dock.xml" /> <Content Include="apps\ui-tests-app\layouts\dock.xml" />
<Content Include="apps\ui-tests-app\layouts\grid.xml" /> <Content Include="apps\ui-tests-app\layouts\grid.xml" />
@ -1936,7 +1939,7 @@
<SaveServerSettingsInUserFile>False</SaveServerSettingsInUserFile> <SaveServerSettingsInUserFile>False</SaveServerSettingsInUserFile>
</WebProjectProperties> </WebProjectProperties>
</FlavorProperties> </FlavorProperties>
<UserProperties ui_2layouts_2wrap-layout_2package_1json__JSONSchema="http://json.schemastore.org/package" ui_2layouts_2grid-layout_2package_1json__JSONSchema="" ui_2layouts_2dock-layout_2package_1json__JSONSchema="" ui_2layouts_2absolute-layout_2package_1json__JSONSchema="http://json.schemastore.org/package" ui_2layouts_2linear-layout_2package_1json__JSONSchema="http://json.schemastore.org/package" ui_2web-view_2package_1json__JSONSchema="http://json.schemastore.org/package" ui_2content-view_2package_1json__JSONSchema="http://json.schemastore.org/package" apps_2gallery-app_2package_1json__JSONSchema="http://json.schemastore.org/package" apps_2absolute-layout-demo_2package_1json__JSONSchema="http://json.schemastore.org/package" apps_2editable-text-demo_2package_1json__JSONSchema="http://json.schemastore.org/package" ui_2scroll-view_2package_1json__JSONSchema="http://json.schemastore.org/package" /> <UserProperties ui_2scroll-view_2package_1json__JSONSchema="http://json.schemastore.org/package" apps_2editable-text-demo_2package_1json__JSONSchema="http://json.schemastore.org/package" apps_2absolute-layout-demo_2package_1json__JSONSchema="http://json.schemastore.org/package" apps_2gallery-app_2package_1json__JSONSchema="http://json.schemastore.org/package" ui_2content-view_2package_1json__JSONSchema="http://json.schemastore.org/package" ui_2web-view_2package_1json__JSONSchema="http://json.schemastore.org/package" ui_2layouts_2linear-layout_2package_1json__JSONSchema="http://json.schemastore.org/package" ui_2layouts_2absolute-layout_2package_1json__JSONSchema="http://json.schemastore.org/package" ui_2layouts_2dock-layout_2package_1json__JSONSchema="" ui_2layouts_2grid-layout_2package_1json__JSONSchema="" ui_2layouts_2wrap-layout_2package_1json__JSONSchema="http://json.schemastore.org/package" />
</VisualStudio> </VisualStudio>
</ProjectExtensions> </ProjectExtensions>
</Project> </Project>

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.enable();
trace.setCategories(trace.categories.Test); 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 // basePath is auto-changed when building multiple apps
var basePath = ""; var basePath = "";