[TIMOB-17149] TiAPI : Support percentages for borderRadius
GitHub Issue | n/a |
---|---|
Type | New Feature |
Priority | Low |
Status | Open |
Resolution | Unresolved |
Affected Version/s | Release 3.2.3 |
Fix Version/s | n/a |
Components | TiAPI |
Labels | Ti.UI.View, borderRadius |
Reporter | Fokke Zandbergen |
Assignee | Unknown |
Created | 2014-06-12T09:38:50.000+0000 |
Updated | 2018-02-28T20:03:44.000+0000 |
Description
I have a
Ti.UI.View
which requires its width
to be set to a percentage. Now I want the borderRadius
of this view to be 50% of it's width so the view shows as a circle. But borderRadius
does not support percentages.
I'm not sure if the borderRadius
on each 2 sides of a corner could differ, but if it can't I understand this would make it difficult to support percentages.
But even in that case you could first look if either width
or height
is not set or set to Ti.UI.SIZE
and then use the other and if both are (not) set default to the width
e.g.
An example that uses a transparent square image to try to make a circle that should be 50% of the width of the window:
var win = Ti.UI.createWindow();
var circle = Ti.UI.createView({
width: '30%',
backgroundColor: 'red',
borderRadius: '50%',
// so that the height will be that of the square
height: Ti.UI.SIZE
});
var square = Ti.UI.createImageView({
width: Ti.UI.FILL,
image: '/images/transparent_square.png',
// so that the height will equal the absolute width
height: Ti.UI.SIZE
});
circle.add(square);
win.add(circle);
win.open();
Moving this feature request to Engineering for further evaluation and prioritization.