manumaticx / circularprogress

Circular Progressbar Widget for Alloy
87 stars 19 forks source link

Progress not rounded #3

Closed rondog closed 9 years ago

rondog commented 9 years ago

Hey man! I'm developing an alloy app so I decided to give your widget a shot. I got it all working, but the progress seems to not really be circular like my original code. I went through your widget.js briefly and didn't notice anything specifically causing it. Do you have any ideas?

I posted a screenshot below. Just a side note, I increased the progressWidth significantly to magnify the issue. Could it be a problem with my TSS?

'#progress' : {
    width:30,
    height:30,
    bottom:13,
  left:3,
  margin:2,
  backgroundColor:'#fff',
  progressColor:'#4ba818',
  progressBackgroundColor:'#333',
  progressWidth: 10,
  showText: true,
  color: '#333',
    font: {
        fontSize:10,
        fontFamily:Alloy.Globals.fontFamily
  }
}

screen shot 2014-12-11 at 10 21 06 am

rondog commented 9 years ago

further investigating, the $.centerlayer isn't a perfect circle. I'll post an update if I figure it out.

rondog commented 9 years ago

Another note: On Android, the $.centerlayer is perfectly rounded, but the progress doesn't seem to be behaving properly. Still trying to figure out the perfectly circle thing on iOS. I made $.centerlayer #ff00ff to be a bit more obvious img_4646

manumaticx commented 9 years ago

@rondog Thanks, Ronnie. You were right, the centerlayer was not round because of a wrong radius.

rondog commented 9 years ago

excellent, thanks for the fix. I was having trouble figuring out why it wasn't circular yesterday. I'll pull the new version down