Widget 2 Onoffswitch

Solar2D Widgets
#1

Hi

Am trying to customise the onOffSwitch with custom graphics, but can’t seem to get it to work. It always just takes one frame and duplicates  it.

Here’s some sample code, am I missing something?

local sheetData = { width=225, height=56, numFrames=2, sheetContentWidth=225, sheetContentHeight=112 } local starSheet = graphics.newImageSheet( "images/btnOnOff.png",sheetData ) local starData = { name = "off", frames = {1,2} } local onOffSwitch = widget.newSwitch { left = 100, top = 100, frameOff = 1, frameOn = 2, data = starData, width = 25, height = 16, id = "My on/off switch widget", initialSwitchState = false, sheet = starSheet, onOffBackgroundFrame = 1, onOffBackgroundWidth = 225, onOffBackgroundHeight = 16, onOffOverlayWidth = 25, onOffOverlayHeight = 56, onOffOverlayFrame = 2, onOffHandleDefaultFrame = 1, onOffHandleOverFrame = 2, onRelease = onSwitchPress }

Have tried various combinations, different sizes, different numbers of frames, but cannot get more than one frame to display when you click on the switch. The attached file has two frames, but can only get the second one to display using the above code.

Or, does anyone have a working version of a customised switch, I could look at?

Thanks

#2

is there any up-to-date documentation on how to customise this anywhere, please?

#3

These widgets seem to be a bit of a mess. Is anyone actually working on these?

  1. No up-to-date docs on how to customise the onOff switch, i.e, custom images.

  2. pickerWheel has plenty of bugs and/or missing functionality

e.g. can’t set the index of a column after instantiating wheel

 columnData[1].startIndex = 7

doesn’t work

Have also tried:

timeWheel._view._columns[1]:scrollToIndex(5)

but this treats Index as an offset, so increases it by 5, not setting it at 5.

If there is an answer to these faults, can somebody from Ansca please tell me where in the docs they are??

Ignoring forum posts is not a good solution.

#4

‘getValues’ function for pickerWheel returns nothing, when you only move the second column.

#5

in new tableView

setting the height of the rows makes no difference.

am using the:

list:insertRow{

        height = 100,

etc

#6

ok, ignore the docs, to change the height of a row, use rowHeight=100

not height=100

would still like a working pickerWheel and customised onOffSwitch, anyone?

#7

Hey admin20, you have a lot of things going on there.

First things first, what version of Corona are you currently using? PickerWheels are working fine, take a look at SampleCode/Interface/WidgetDemo  tab3.lua to see an example of the pickerWheel in action.

#8

Thanks for the answer Danny!

Am using the latest Corona build. The pickerWheel works to a degree, but cannot reliably set the index of a column, see post 3 above. What is the correct command for this, as the docs aren’t clear.

thanks

#9

Latest build has also broken reverse geocoding for Android (mapAddressHandler). Was working fine last week.

Not a fun day!!

#10

If you look at the sample code I mentioned above it clearly shows how you must set up your pickerWheel columns. Play around with the widget demo, you will see that startIndex does indeed start at the correct index.

You can modify startIndex in the sample to see this also.

The main point is how you structure your columnData table, I advise you stick with the format we use in the widget demo.

#11

thanks Danny, but I’m not a newb :wink:

We need to be able to set and change the index of columns after the pickerWheel has been set up. startIndex doesn’t affect the pickerWheel after it has already been set. Maybe the original post wasn’t clear enough.

timeWheel._view._columns[1]:scrollToIndex(5)

does affect the wheel, but treats index as an offset, so increases it by 5, not setting it at 5. 

We need to set each column index based on later events.

#12

Just to be clear, I never implied you were a newb :slight_smile:

Right so I missed the part when you said “after creation” sorry about that.

I just tested your idea using the widget demo as a testbed and it worked as expected on build 1076, are you definitely on that version of corona?

Thanks

Edit: After seeing what you are trying to achieve here I have realised the pickerWheel also needs a scrollToIndex function to prevent using that unsupported line of code you posted. Will have this rolled out in one of the next few daily builds.

#13

great - thanks for your answer.

yes, need either a scrollToIndex or setIndex (after) creation. If you have the setIndex working in a later event, could you post the code?

Any pointers on how we get the latest onOffSwitch to work with our own graphics (see first post)?

#14

I tested using the same code which you provided. Just to confirm again, you are using build 1076 correct?

Regarding the on/off switch theming/skinning, I am in the process of writing a theming guide along with showing the images we use internally so you have a better idea on what is expected of a custom theme.

#15

yes 1076, and an earlier one in parallel.

what did the code do for you?

#16

On 1076 I opened the widget demo, (tab 3.lua) and changed the start index of the first column to 1, then used your code to scroll it to the 5th index. It worked as expected. Are you not seeing that?

#17

yes, but then try to change to another index after that.

subsequent scrollTo calls don’t work as expected.

a second scrollToIndex(5), lands it at 10, then 15, and so on.

#18

just tried that, still works fine. Stays on row 5.

Are you 100% sure you are testing this on daily / public build 1076? The issue you are talking about was fixed a week or more ago.

#19

Yes, 1076 now. Seems to work ok initially, but need some further testing.

If I create a pickerWheel, use scrollToIndex for both of the two columns, then do ‘:getValues()’, the getValues only returns an index if you have manually changed it (by touch).

If you only change column 1, then getValues doesn’t return column 2, and visa versa.

Would be more useful, if getValues returned all the values.

#20

ok, double tested.

set up a pickerWheel, with an initial

‘timeWheel._view._columns[1]:scrollToIndex(2)’

works fine.

If you repeat this line immediately after this, it also works fine.

Problem is when you have later event, e.g. 

set up a button that runs the same line:

timeWheel._view._columns[1]:scrollToIndex(2)

Each time, you click the button, the pickerWheel advances by 2, and will never go back to index 2.