How can I adjust the width of a pickerColumn to the text inside the pickerColumns?

Question

So far I can only adjust the size of each PickerColumn manually through code, but I want each of them to adjust automatically according to the contents from the largest PickerRow inside of any of them. This is because I'm working with dynamic PickerColumns whose PickerRows content change according to the previous PickerColumn's selected value. I found out how to scale the whole Picker using the next code:

var transformPicker=Ti.UI.create2DMatrix().scale(0.5);
var picker = Ti.UI.createPicker({
    width:500,
    height:10,
    top:0,
    transform:transformPicker
});

I tried to apply a transformation matrix to a PickerColumn but it didn't do anything. Does anybody know how to adjust the size of them? Or am I trying to resize the wrong thing?

Thanks in advance for any piece of advice you can give me, I'm new to developing for iOS in Titanium and even though is not hard to get used to its API, the real issue are the small tricks like the one I'm trying to figure out that makes the whole thing kinda confusing.

score 1 · Accepted Answer · answered Aug 13 '12 at 03:58

1

If you use a transform that could very well get you a rejection from Apple, since this is a Apple Specific UI element, so any egregious resizing of it will violate the Human Interface guidelines. If you find that you have too many columns for the screen width, then you may need to abandon the Picker element :-( or face Apple's wrath.

But to answer your question about dynamic resizing of picker columns, just use the reloadColumn( Titanium.UI.PickerColumn column ) method of the picker. This will resize based on picker size and row contents. Also consider using updateLayout( Dictionary params ) of the PickerColumn.

Check the documentation here.

answered Aug 13 '12 at 03:58

Josiah Hester

6,065
1
24
37

thanks, I didn't know Apple was that strict, well I knew, but not to this extent. – Uriel Arvizu Aug 13 '12 at 19:45
my general rule is to not use scaling transforms with any of the native UI elements, Apple is big on the unified look and feel so many reviewers will rip you for it. – Josiah Hester Aug 13 '12 at 20:22
one last question, can I rotate them? or that one isn't valid too? – Uriel Arvizu Aug 14 '12 at 22:25
That completely depends on where, when, and how you rotate the element and which element it is. Just follow the spirit of the guidelines and you will be fine. – Josiah Hester Aug 15 '12 at 01:23

How can I adjust the width of a pickerColumn to the text inside the pickerColumns?

1 Answers1

Linked