Added borderRadius.

Author: aW4KeNiNG

README.md

@@ -11,9 +11,9 @@ TODO list
     * [ ] Targets
         * [x] Javascript
         * [ ] HashLink
-* [ ] Style
+* [x] Style
     * [x] Border
-    * [ ] Border radius
+    * [x] Border radius
     * [x] Background color
     * [x] Background image
     * [x] Filters
@@ -23,5 +23,4 @@ TODO list
 * [ ] Texts
     * [x] Font file supported
     * [ ] Bitmap font supported
-* [x] Images
-* [ ] Native components?
+* [x] Images

haxe/ui/backend/heaps/StyleHelper.hx

@@ -48,7 +48,12 @@ class StyleHelper
             var borderSize:Int = Std.int(style.borderLeftSize);
             var halfBorderSize:Float = borderSize / 2;
             s.lineStyle(borderSize, style.borderLeftColor, borderOpacity);
-            s.drawRect(halfBorderSize, halfBorderSize, w - borderSize, h - borderSize);
+            if (borderRadius > 0) {
+                s.drawRoundRect(halfBorderSize, halfBorderSize, w - borderSize, h - borderSize, borderRadius);
+            } else {
+                s.drawRect(halfBorderSize, halfBorderSize, w - borderSize, h - borderSize);
+            }
+
             RECTANGLE_HELPER.left += borderSize;
             RECTANGLE_HELPER.top += borderSize;
             RECTANGLE_HELPER.width -= borderSize * 2;
@@ -221,7 +226,11 @@ class StyleHelper
 
                 s.lineStyle();
                 s.beginFill(style.backgroundColor, backgroundOpacity);
-                s.drawRect(RECTANGLE_HELPER.left, RECTANGLE_HELPER.top, RECTANGLE_HELPER.width, RECTANGLE_HELPER.height);
+                if (borderRadius > 0) {
+                    s.drawRoundRect(RECTANGLE_HELPER.left, RECTANGLE_HELPER.top, RECTANGLE_HELPER.width, RECTANGLE_HELPER.height, borderRadius-1);
+                } else {
+                    s.drawRect(RECTANGLE_HELPER.left, RECTANGLE_HELPER.top, RECTANGLE_HELPER.width, RECTANGLE_HELPER.height);
+                }
                 s.endFill();
             }
         } else {

haxe/ui/backend/heaps/UISprite.hx

@@ -166,8 +166,50 @@ class UISprite extends Graphics
         }
     }
 
-    public function drawRoundRect(x:Float, y:Float, width:Float, height:Float) {
+    public function drawRoundRect(x:Float, y:Float, width:Float, height:Float, radius:Float) {
+        flush();
 
+        var angleStart:Float = 0;
+        var angleLength:Float = Math.PI / 2;
+        var nsegments:Int = Math.ceil(Math.abs(radius * angleLength / 4));
+        if( nsegments < 3 ) nsegments = 3;
+        var angle = angleLength / (nsegments - 1);
+
+        if (radius > width/2) {
+            radius = width/2;
+        }
+        if (radius > height/2) {
+            radius = height/2;
+        }
+
+        radius = Math.floor(radius / 2);
+
+        var insetX:Float = x + radius;
+        var insetY:Float = y + radius;
+        var insetW:Float = width - 2 * radius;
+        var insetH:Float = height - 2 * radius;
+
+        inline function drawArc(x:Float, y:Float, aStart:Float) {
+            for( i in 1...nsegments ) {
+                var a = i * angle + aStart;
+                lineTo(x + Math.cos(a) * radius, y + Math.sin(a) * radius);
+            }
+        }
+
+        moveTo(insetX, y);
+        lineTo(insetX + insetW, y);
+        drawArc(insetX + insetW, insetY, -Math.PI/2);
+
+        lineTo(x + width, insetY + insetH);
+        drawArc(insetX + insetW, insetY + insetH, 0);
+
+        lineTo(insetX, y + height);
+        drawArc(insetX, insetY + insetH, Math.PI/2);
+
+        lineTo(x, insetY);
+        drawArc(insetX, insetY, -Math.PI);
+
+        flush();
     }
 
     private function checkInteraction() {