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

Merge pull request #69 from NativeScript/inset

Browse Source 
Add `inset` CSS clip-path support
This commit is contained in:
Rossen Hristov
2016-11-10 14:48:30 +02:00
committed by GitHub
parent ca2dbe6012 e00fa2a24f
commit 79aa8ee932
1 changed files with 42 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

46
android/widgets/src/main/java/org/nativescript/widgets/BorderDrawable.java
View File

@@ -513,13 +513,51 @@ public class BorderDrawable extends ColorDrawable {
String value = clipPath.substring(clipPath.indexOf("(") + 1, clipPath.indexOf(")")); String value = clipPath.substring(clipPath.indexOf("(") + 1, clipPath.indexOf(")"));
String[] arr; String[] arr;
float top;
float right;
float bottom;
float left;
switch (functionName){ switch (functionName){
case "rect": case "rect":
arr = spaceAndComma.split(value); arr = spaceAndComma.split(value);
float top = cssValueToDevicePixels(arr[0], bounds.top, density);
float left = cssValueToDevicePixels(arr[1], bounds.left, density); top = cssValueToDevicePixels(arr[0], bounds.bottom, density);
float bottom = cssValueToDevicePixels(arr[2], bounds.bottom, density); right = cssValueToDevicePixels(arr[1], bounds.right, density);
float right = cssValueToDevicePixels(arr[3], bounds.right, density); bottom = cssValueToDevicePixels(arr[2], bounds.bottom, density);
left = cssValueToDevicePixels(arr[3], bounds.right, density);
canvas.drawRect(left, top, right, bottom, paint);
break;
case "inset":
arr = spaceAndComma.split(value);
String topString = "0";
String rightString = "0";
String bottomString = "0";
String leftString = "0";
if (arr.length == 1) {
topString = rightString = bottomString = leftString = arr[0];
}
else if (arr.length == 2) {
topString = bottomString = arr[0];
rightString = leftString = arr[1];
}
else if (arr.length == 3) {
topString = arr[0];
rightString = leftString = arr[1];
bottomString = arr[2];
}
else if (arr.length == 4) {
topString = arr[0];
rightString = arr[1];
bottomString = arr[2];
leftString = arr[3];
}
top = cssValueToDevicePixels(topString, bounds.bottom, density);
right = cssValueToDevicePixels("100%", bounds.right, density) - cssValueToDevicePixels(rightString, bounds.right, density);
bottom = cssValueToDevicePixels("100%", bounds.bottom, density) - cssValueToDevicePixels(bottomString, bounds.bottom, density);
left = cssValueToDevicePixels(leftString, bounds.right, density);
canvas.drawRect(left, top, right, bottom, paint); canvas.drawRect(left, top, right, bottom, paint);
break; break;
case "circle": case "circle":