Uploaded image for project: 'Appcelerator - INBOX'
  1. Appcelerator - INBOX
  2. AC-1949

borderRadius on Android Views is not shown correct

    Details

      Description

      To make a View Circular, the code on would look like this.

      <View borderRadius="10" width="20" height="20" backgroundColor="red"/>
      

      var win = Ti.UI.createWindow({
      	backgroundColor : '#FFF'
      });
       
      var myView = Ti.UI.createView({
      	borderRadius : 10,
      	width : 20,
      	height : 20,
      	backgroundColor : "red"
      });
      win.add(myView);
       
      win.open();
      

      This works on fine iOS, but on Android the view is drawn as a square with rounded corners. See the attached pictures
      To make the view Circular on Android, borderRadius can be set to the same as the width/height. But this seems the be a dirty hack.

        Attachments

          Activity

            People

            • Assignee:
              mpmiranda Mauro Parra-Miranda
              Reporter:
              thomas.neerup@eg.dk Thomas Neerup
            • Watchers:
              2 Start watching this issue

              Dates

              • Created:
                Updated:
                Resolved:

                Git Integration