Uploaded image for project: 'Titanium SDK/CLI'
  1. Titanium SDK/CLI
  2. TIMOB-20411

Android: Only the border has a radius when borderRadius is set to 10

    Details

    • Type: Bug
    • Status: Open
    • Priority: Medium
    • Resolution: Unresolved
    • Affects Version/s: Release 5.2.0
    • Fix Version/s: None
    • Component/s: Android
    • Environment:

      Appc Studio : 4.5.0.201602132419
      Ti SDK : 5.2.0.v20160216091337
      OS X El Capitan: 10.11.3
      Appc NPM : 4.2.3-2
      Appc CLI : 5.2.0-265
      Node: 4.2.4
      Nexus 6P - Android 6.0.1

      Description

      Only the border has a radius when borderRadius is set to 10 on android (see images)

      Steps to reproduce:

      1. Use the app.js file below.

      Actual :
      Only the border has a radius when borderRadius is set to 10;

      Expected:
      View has a radius as well as the views border. (see image)

      App.js

      var win = Ti.UI.createWindow({
      	backgroundColor: 'blue'
      });
       
      var view = Ti.UI.createView({
      	left: 10,
      	height: 300,
      	width: 300,
      	top: 10,
      	backgroundColor: 'white',
      	borderWidth: 20,
      	borderColor: 'red'
      });
       
       
      var b1 = Ti.UI.createButton({
      	top: 310,
      	title: "backgroundColor=transparent"
      });
      b1.addEventListener("click", function() {
      	view.backgroundColor = 'transparent';
      });
       
      var b2 = Ti.UI.createButton({
      	top: 350,
      	title: "backgroundColor=white"
      });
      b2.addEventListener("click", function() {
      	view.backgroundColor = 'white';
      });
       
      var b3 = Ti.UI.createButton({
      	top: 390,
      	title: "borderRadius=30"
      });
      b3.addEventListener("click", function() {
      	view.borderRadius = 30;
      });
       
      var b4 = Ti.UI.createButton({
      	top: 430,
      	title: "borderRadius=10"
      });
      b4.addEventListener("click", function() {
      	view.borderRadius = 10;
      });
       
      var b5 = Ti.UI.createButton({
      	top: 470,
      	title: "borderRadius=0"
      });
      b5.addEventListener("click", function() {
      	view.borderRadius = 0;
      });
      var b6 = Ti.UI.createButton({
      	top: 510,
      	title: "borderToggle"
      });
      b6.addEventListener("click", function() {
      	if (view.borderWidth == 0) {
      		view.borderWidth = 20;
      	} else {
      		view.borderWidth = 0;
      	}
      });
       
       
       
      win.add(view);
      win.add(b1);
      win.add(b2);
      win.add(b3);
      win.add(b4);
      win.add(b5);
      win.add(b6);
       
      win.open();
      

        Attachments

          Issue Links

            Activity

              People

              • Assignee:
                Unassigned
                Reporter:
                jlongton Josh Longton
              • Watchers:
                1 Start watching this issue

                Dates

                • Created:
                  Updated:

                  Backbone Issue Sync

                  • Titanium SDK/CLI <> Titanium Mobile
                    Synced with:
                    TIMOB-20962
                    Sync status:
                    ERROR
                    Last received:
                    Last sent:

                    Git Integration