mirror of
https://github.com/NativeScript/NativeScript.git
synced 2025-08-23 09:01:10 +08:00
34 lines
3.1 KiB
XML
34 lines
3.1 KiB
XML
<Page>
|
|
<GridLayout rows="*,*,*,*,*" columns="*,*" automationText="clipPath">
|
|
<StackLayout col="0" colSpan="2" row="0" width="100" height="100" style.backgroundColor="magenta">
|
|
<Button width="100" height="100" text="no clip-path" style="background-image: url('~/ui-tests-app/css/inset-test.png'); background-size: 100% 100%; background-repeat: no-repeat;" />
|
|
</StackLayout>
|
|
|
|
<StackLayout col="0" row="1" width="100" height="100" style.backgroundColor="magenta">
|
|
<Button width="100" height="100" text="inset(10)" style="clip-path: inset(10); background-image: url('~/ui-tests-app/css/inset-test.png'); background-size: 100% 100%; background-repeat: no-repeat;" />
|
|
</StackLayout>
|
|
<StackLayout col="0" row="2" width="100" height="100" style.backgroundColor="magenta">
|
|
<Button width="100" height="100" text="inset(10 20)" style="clip-path: inset(10 20); background-image: url('~/ui-tests-app/css/inset-test.png'); background-size: 100% 100%; background-repeat: no-repeat;" />
|
|
</StackLayout>
|
|
<StackLayout col="0" row="3" width="100" height="100" style.backgroundColor="magenta">
|
|
<Button width="100" height="100" text="inset(10 20 30)" style="clip-path: inset(10 20 30); background-image: url('~/ui-tests-app/css/inset-test.png'); background-size: 100% 100%; background-repeat: no-repeat;" />
|
|
</StackLayout>
|
|
<StackLayout col="0" row="4" width="100" height="100" style.backgroundColor="magenta">
|
|
<Button width="100" height="100" text="inset(10 20 30 40)" style="clip-path: inset(10 20 30 40); background-image: url('~/ui-tests-app/css/inset-test.png'); background-size: 100% 100%; background-repeat: no-repeat;" />
|
|
</StackLayout>
|
|
|
|
<StackLayout col="1" row="1" width="100" height="100" style.backgroundColor="magenta">
|
|
<Button width="100" height="100" text="inset(10%)" style="clip-path: inset(10%); background-image: url('~/ui-tests-app/css/inset-test.png'); background-size: 100% 100%; background-repeat: no-repeat;" />
|
|
</StackLayout>
|
|
<StackLayout col="1" row="2" width="100" height="100" style.backgroundColor="magenta">
|
|
<Button width="100" height="100" text="inset(10% 20%)" style="clip-path: inset(10% 20%); background-image: url('~/ui-tests-app/css/inset-test.png'); background-size: 100% 100%; background-repeat: no-repeat;" />
|
|
</StackLayout>
|
|
<StackLayout col="1" row="3" width="100" height="100" style.backgroundColor="magenta">
|
|
<Button width="100" height="100" text="inset(10% 20% 30%)" style="clip-path: inset(10% 20% 30%); background-image: url('~/ui-tests-app/css/inset-test.png'); background-size: 100% 100%; background-repeat: no-repeat;" />
|
|
</StackLayout>
|
|
<StackLayout col="1" row="4" width="100" height="100" style.backgroundColor="magenta">
|
|
<Button width="100" height="100" text="inset(10% 20% 30% 40%)" style="clip-path: inset(10% 20% 30% 40%); background-image: url('~/ui-tests-app/css/inset-test.png'); background-size: 100% 100%; background-repeat: no-repeat;" />
|
|
</StackLayout>
|
|
|
|
</GridLayout>
|
|
</Page> |