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

Add test page

Browse Source 
Pixels perfect and device independent pixels
This commit is contained in:
vchimev
2017-03-14 17:28:48 +02:00
parent 7b5ef052fd
commit 2bdb5622df
2 changed files with 61 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@ -24,6 +24,7 @@ export function pageLoaded(args: EventData) {
examples.set("clipPath", "css/clip-path");
examples.set("clipPathInset", "css/clip-path-inset");
examples.set("padding", "css/padding");
examples.set("pixels", "css/pixels");
examples.set("label-background-image", "css/label-background-image");
examples.set("transform-decoration-color", "css/transform-decoration-color");
examples.set("layout-border", "css/layout-border");

60
apps/app/ui-tests-app/css/pixels.xml Normal file
View File

@ -0,0 +1,60 @@
<Page xmlns="http://schemas.nativescript.org/tns.xsd" android:actionBarHidden="true" backgroundColor="orange">
<StackLayout margin="2px">
<Label text="pixels" />
<StackLayout borderWidth="1px" borderColor="black" horizontalAlignment="left" verticalAlignment="top" orientation="horizontal" padding="1px">
<Label text="Label" borderWidth="1px" borderRadius="45px" borderColor="green" padding="1px" margin="1px" />
<Button text="Button" borderWidth="1px" borderRadius="45px" borderColor="green" padding="1px" margin="1px" />
<TextView text="Text View" borderWidth="1px" borderRadius="45px" borderColor="green" padding="1px" margin="1px" />
<TextField text="Text Field" borderWidth="1px" borderRadius="45px" borderColor="green" padding="1px" margin="1px" />
<Image src="~/ui-tests-app/image-view/gravatar.png" borderWidth="1px" borderRadius="45px" borderColor="green" padding="1px" margin="1px" />
</StackLayout>
<StackLayout borderWidth="2px" borderColor="green" orientation="horizontal" padding="2px">
<Label text="Label" borderWidth="5px" borderRadius="45px" borderColor="black" padding="5px" margin="5px" />
<Button text="Button" borderWidth="4px" borderRadius="45px" borderColor="black" padding="4px" margin="4px" />
<TextView text="Text View" borderWidth="3px" borderRadius="45px" borderColor="black" padding="3px" margin="3px" />
<TextField text="Text Field" borderWidth="2px" borderRadius="45px" borderColor="black" padding="2px" margin="2px" />
</StackLayout>
<StackLayout borderWidth="3px" borderColor="black" orientation="horizontal" padding="3px">
<StackLayout borderWidth="1px" borderRadius="45px" borderColor="green" padding="1px" margin="1px">
<StackLayout borderWidth="1px" borderColor="black" margin="0px" width="75px" height="75px" />
</StackLayout>
<StackLayout borderWidth="2px" borderRadius="45px" borderColor="green" padding="2px" margin="2px">
<StackLayout borderWidth="2px" borderColor="black" margin="1px" width="75px" height="75px" />
</StackLayout>
<StackLayout borderWidth="3px" borderRadius="45px" borderColor="green" padding="3px" margin="3px">
<StackLayout borderWidth="3px" borderColor="black" margin="2px" width="75px" height="75px" />
</StackLayout>
</StackLayout>
<Label text="device independent pixels" />
<StackLayout borderWidth="1" borderColor="black" horizontalAlignment="left" verticalAlignment="top" orientation="horizontal" padding="1">
<Label text="Label" borderWidth="1" borderRadius="45" borderColor="green" padding="1" margin="1" />
<Button text="Button" borderWidth="1" borderRadius="45" borderColor="green" padding="1" margin="1" />
<TextView text="Text View" borderWidth="1" borderRadius="45" borderColor="green" padding="1" margin="1" />
<TextField text="Text Field" borderWidth="1" borderRadius="45" borderColor="green" padding="1" margin="1" />
<Image src="~/ui-tests-app/image-view/gravatar.png" borderWidth="1" borderRadius="45" borderColor="green" padding="1" margin="1" />
</StackLayout>
<StackLayout borderWidth="2" borderColor="green" orientation="horizontal" padding="2">
<Label text="Label" borderWidth="5" borderRadius="45" borderColor="black" padding="5" margin="5" />
<Button text="Button" borderWidth="4" borderRadius="45" borderColor="black" padding="4" margin="4" />
<TextView text="Text View" borderWidth="3" borderRadius="45" borderColor="black" padding="3" margin="3" />
<TextField text="Text Field" borderWidth="2" borderRadius="45" borderColor="black" padding="2" margin="2" />
</StackLayout>
<StackLayout borderWidth="3" borderColor="black" orientation="horizontal" padding="3">
<StackLayout borderWidth="1" borderRadius="45" borderColor="green" padding="1" margin="1">
<StackLayout borderWidth="1" borderColor="black" margin="0" width="75" height="75" />
</StackLayout>
<StackLayout borderWidth="2" borderRadius="45" borderColor="green" padding="2" margin="2">
<StackLayout borderWidth="2" borderColor="black" margin="1" width="75" height="75" />
</StackLayout>
<StackLayout borderWidth="3" borderRadius="45" borderColor="green" padding="3" margin="3">
<StackLayout borderWidth="3" borderColor="black" margin="2" width="75" height="75" />
</StackLayout>
</StackLayout>
</StackLayout>
</Page>