Positioning and sizing the widget.pickerWheel

rob · March 25, 2013, 10:05pm

Can you post a screen shot and your code creating the widget?

maxtrix2000 · March 26, 2013, 9:39am

the code is very simple, and it displays wrongly, seems that the additional space is added to the left of the column, instead of scaling the column itself.

self.\_categoryPicker = widget.newPickerWheel{&nbsp;&nbsp;&nbsp;&nbsp;id="pickerTimer", &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;top = 600, &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;left = 80, &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;backgroundWidth = 480, &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;overlayFrameWidth = 480, &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;columns = self:getCategoryData(), &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;fontSize=26, &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;} function MyClass:getCategoryData() &nbsp;&nbsp;&nbsp;&nbsp;local data = {} &nbsp;&nbsp;&nbsp;&nbsp;data[1] = {} &nbsp;&nbsp;&nbsp;&nbsp;local d1 = {} &nbsp;&nbsp;&nbsp;&nbsp;for i, v in pairs( stringTable) do &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;table.insert(d1, v) &nbsp;&nbsp;&nbsp;&nbsp;end &nbsp; &nbsp;&nbsp;&nbsp;&nbsp;data[1].labels = d1&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;data[1].align = "center"&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;data[1].startIndex = 1 &nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;return data end &nbsp;

OwenYang · April 9, 2013, 5:07pm

I don’t see why…

picker seems so simple…

but it’s so difficult to fit all device size…

&nbsp; picker = widget.newPickerWheel{ &nbsp; &nbsp; &nbsp; &nbsp; top=display.contentHeight, &nbsp; &nbsp; &nbsp; &nbsp; backgroundWidth = display.contentWidth, &nbsp; &nbsp; &nbsp; &nbsp; backgroundHeight = 200, &nbsp; &nbsp; &nbsp; &nbsp; overlayFrameWidth = display.contentWidth, &nbsp; &nbsp; &nbsp; &nbsp; overlayFrameHeight = 200, &nbsp; &nbsp; &nbsp; &nbsp; width = display.contentWidth, &nbsp; &nbsp; &nbsp; &nbsp; height = 200, &nbsp; &nbsp; &nbsp; &nbsp; fontSize = 12, &nbsp; &nbsp; &nbsp; &nbsp; columns=columnData, &nbsp; &nbsp; }

I got same screen as maxtrix2000

and it can’t drag correctly.

maxtrix2000 · April 4, 2013, 11:28am

Here’s what it looks like btw.

OwenYang · April 9, 2013, 5:07pm

I don’t see why…

picker seems so simple…

but it’s so difficult to fit all device size…

&nbsp; picker = widget.newPickerWheel{ &nbsp; &nbsp; &nbsp; &nbsp; top=display.contentHeight, &nbsp; &nbsp; &nbsp; &nbsp; backgroundWidth = display.contentWidth, &nbsp; &nbsp; &nbsp; &nbsp; backgroundHeight = 200, &nbsp; &nbsp; &nbsp; &nbsp; overlayFrameWidth = display.contentWidth, &nbsp; &nbsp; &nbsp; &nbsp; overlayFrameHeight = 200, &nbsp; &nbsp; &nbsp; &nbsp; width = display.contentWidth, &nbsp; &nbsp; &nbsp; &nbsp; height = 200, &nbsp; &nbsp; &nbsp; &nbsp; fontSize = 12, &nbsp; &nbsp; &nbsp; &nbsp; columns=columnData, &nbsp; &nbsp; }

I got same screen as maxtrix2000

and it can’t drag correctly.

vanheuverswyn · May 17, 2013, 3:56pm

I have the same issue as maxtrix2000 as well…any update on this? My picker is also padding the left side of the content exactly as in the screenshot to the left.

rob · May 18, 2013, 1:19am

Here’s my code that’s working for me:

[lua]

        columnData[1] = {}
        columnData[1].labels = messagelist
        columnData[1].alignment = “left”
        columnData[1].width = 148
        columnData[1].startIndex = 1

        columnData[2] = {}
        columnData[2].labels = contactlist
        columnData[2].alighment = “left”
        columnData[2].width = 148
        columnData[2].startIndex = 1

        – create the actual picker widget with column data
        local picker = widget.newPickerWheel{
            id = “msgPicker”,
            font = “Helvetica-Bold”,
            fontSize = 18,
            top = 64 + display.statusBarHeight + 20 + isTallPad,
            columns = columnData
        }
        group:insert(picker)

[/lua]

maxtrix2000 · May 20, 2013, 10:03am

rob:

Here’s my code that’s working for me:

[lua]

        columnData[1] = {}
        columnData[1].labels = messagelist
        columnData[1].alignment = “left”
        columnData[1].width = 148
        columnData[1].startIndex = 1

        columnData[2] = {}
        columnData[2].labels = contactlist
        columnData[2].alighment = “left”
        columnData[2].width = 148
        columnData[2].startIndex = 1

        – create the actual picker widget with column data
        local picker = widget.newPickerWheel{
            id = “msgPicker”,
            font = “Helvetica-Bold”,
            fontSize = 18,
            top = 64 + display.statusBarHeight + 20 + isTallPad,
            columns = columnData
        }
        group:insert(picker)

[/lua]

Have you tried with more width? let’s say 512 total width?

vanheuverswyn · May 20, 2013, 4:27pm

The issue is not getting it to work…the issue (as maxtrix2000 said) is widening it. In my case, I’m trying to display the picker the full width of the screen. Any time I try to do that, I get funkyness…the picker appears as normal, but the text window (the scrolling picker bits) is arbitrarily cut off in the middle. So only half of it shows up. Here is a screen shot -

vanheuverswyn · May 17, 2013, 3:56pm

I have the same issue as maxtrix2000 as well…any update on this? My picker is also padding the left side of the content exactly as in the screenshot to the left.

rob · May 18, 2013, 1:19am

Here’s my code that’s working for me:

[lua]

        columnData[1] = {}
        columnData[1].labels = messagelist
        columnData[1].alignment = “left”
        columnData[1].width = 148
        columnData[1].startIndex = 1

        columnData[2] = {}
        columnData[2].labels = contactlist
        columnData[2].alighment = “left”
        columnData[2].width = 148
        columnData[2].startIndex = 1

        – create the actual picker widget with column data
        local picker = widget.newPickerWheel{
            id = “msgPicker”,
            font = “Helvetica-Bold”,
            fontSize = 18,
            top = 64 + display.statusBarHeight + 20 + isTallPad,
            columns = columnData
        }
        group:insert(picker)

[/lua]

vanheuverswyn · May 30, 2013, 8:05pm

No update on this? Would be nice to know if there is a problem or if we’re doing something wrong. Help?

maxtrix2000 · May 20, 2013, 10:03am

rob:

Here’s my code that’s working for me:

[lua]

        columnData[1] = {}
        columnData[1].labels = messagelist
        columnData[1].alignment = “left”
        columnData[1].width = 148
        columnData[1].startIndex = 1

        columnData[2] = {}
        columnData[2].labels = contactlist
        columnData[2].alighment = “left”
        columnData[2].width = 148
        columnData[2].startIndex = 1

        – create the actual picker widget with column data
        local picker = widget.newPickerWheel{
            id = “msgPicker”,
            font = “Helvetica-Bold”,
            fontSize = 18,
            top = 64 + display.statusBarHeight + 20 + isTallPad,
            columns = columnData
        }
        group:insert(picker)

[/lua]

Have you tried with more width? let’s say 512 total width?

vanheuverswyn · May 20, 2013, 4:27pm

The issue is not getting it to work…the issue (as maxtrix2000 said) is widening it. In my case, I’m trying to display the picker the full width of the screen. Any time I try to do that, I get funkyness…the picker appears as normal, but the text window (the scrolling picker bits) is arbitrarily cut off in the middle. So only half of it shows up. Here is a screen shot -

sean84 · June 1, 2013, 12:03am

This is what slows me down with corrona - it’s not that it’s not trying to be great, but it’s falling prey to ‘death by a million papercuts’ with the pervasive amount of quirks and missing documentation.99.9% of it works so good, you ignore the problems…but when you NEED the 0.1% stuff to work, then you are up against a brick wall…i have the same problem with this widget. Actually all the widgets drive me bonkers…

vanheuverswyn · May 30, 2013, 8:05pm

No update on this? Would be nice to know if there is a problem or if we’re doing something wrong. Help?

sean84 · June 1, 2013, 12:03am

This is what slows me down with corrona - it’s not that it’s not trying to be great, but it’s falling prey to ‘death by a million papercuts’ with the pervasive amount of quirks and missing documentation.99.9% of it works so good, you ignore the problems…but when you NEED the 0.1% stuff to work, then you are up against a brick wall…i have the same problem with this widget. Actually all the widgets drive me bonkers…

jalemanyf · October 3, 2013, 8:30pm

I have problems to control de limits for the drag & drop. Sometimes there is a big space on the upper side of a column, sometimes bounces and can’t select well. Thanks

rob · October 4, 2013, 5:30pm

The documentation on the pickerWheel states that it does not support scaling and I don’t see any controls to manage it’s width. Yes you can set the skin to be bigger, but I don’t see where that controls the widget size. I looked around my iPad to try and find pickerWheels that were bigger than 320 wide and I couldn’t find any. This may be by design to mirror what the native UI does. I tried to go into XCode and use a pickerWheel that wasn’t 320 wide and I couldn’t get it to work (Not a strong suit of mine in any stretch).

jalemanyf · October 3, 2013, 8:30pm

I have problems to control de limits for the drag & drop. Sometimes there is a big space on the upper side of a column, sometimes bounces and can’t select well. Thanks