How do you set the Picker's overall Width.

Getting Started Newbie Questions
#1

I have setup a Picker widget that has three columns.  Here is the table that defines the Picker:

local columnData = 

{ 

    {

        align = “center”,

        width = 60,

        startIndex = 12,

        labels = hours,

    },

    {

        align = “center”,

        width = 60,

        startIndex = 1,

        labels = minutes,

    },

    { 

        align = “center”,

        width = 60,

        startIndex = 1,

        labels = { “AM”, “PM” },

    }

}

The width value is applied to the first 2 columns, but the 3rd column extends to the edge of the screen.  How do you set the overall width of the picker or have it only be as wide as the sum of the width of it’s columns (60+60+60), plus edge visuals?

Thanks,

Todd

#2

I believe the picker wheel is a fixed 320px wide asset.  When you take the visible chrome away, you’re left with around 296 pixels.  Your three columns need to add up to 296.

#3

I have this running on a Samsung Galaxy Note 2 which has a 1280×720 resolution screen.  There might be some other dynamic pixel calculation in play which approximately doubles the size.  However, even sites which are a set 320px wide only come close to the edges, but they still leave a decent gutter space.  This spinner is exactly edge to edge.

#4

Here is the code I am using to instantiate the picker:

local pickerWheel = widget.newPickerWheel

{

    top = display.contentHeight - 400,

    font = native.systemFontBold,

    columns = columnData,

}

#5

Can you post a screen shot?

#6

I believe the picker wheel is a fixed 320px wide asset.  When you take the visible chrome away, you’re left with around 296 pixels.  Your three columns need to add up to 296.

#7

I have this running on a Samsung Galaxy Note 2 which has a 1280×720 resolution screen.  There might be some other dynamic pixel calculation in play which approximately doubles the size.  However, even sites which are a set 320px wide only come close to the edges, but they still leave a decent gutter space.  This spinner is exactly edge to edge.

#8

Here is the code I am using to instantiate the picker:

local pickerWheel = widget.newPickerWheel

{

    top = display.contentHeight - 400,

    font = native.systemFontBold,

    columns = columnData,

}

#9

Can you post a screen shot?