I’ve seen the docs, and although it looks straight forward I’m not having any luck, and I cannot find any examples anywhere.
I’ve made 2 images for the middle of a segment (on/off), 2 for the right edge, 2 for the left edge, and a divider line.
I’ve then used Texture Packer to combine them into one image sheet, with a lua file for the corresponding data.
I then try and create a segmented control like so:
local sheetInfo = require("images.segSheet") local textureSheet = graphics.newImageSheet( "images/segSheet.png", sheetInfo:getSheet() ) local myControl = widget.newSegmentedControl { left = 5, top = 110, segments = { "Small", "Medium", "Large", "Giant" }, labelSize = 25, labelFont = myFont, segmentWidth = (\_W - 10) / 4, defaultSegment = 2, onPress = onControlPress, sheet = textureSheet, leftSegmentFrame = sheetInfo:getFrameIndex("segmentedControl\_left"), leftSegmentSelectedFrame = sheetInfo:getFrameIndex("segmentedControl\_leftOn"), rightSegmentFrame = sheetInfo:getFrameIndex("segmentedControl\_right"), rightSegmentSelectedFrame = sheetInfo:getFrameIndex("segmentedControl\_rightOn"), middleSegmentFrame = sheetInfo:getFrameIndex("segmentedControl\_middle"), middleSegmentSelectedFrame = sheetInfo:getFrameIndex("segmentedControl\_middleOn"), dividerFrame = sheetInfo:getFrameIndex("segmentedControl\_divider"),--]] }
As far as I know, these are all correct. The segmented control gets drawn almost correctly, but not quite. The middle cells look fine, but the end ones have other colours showing through them:
I’ve also tried display the images as imageRects, just to make sure the imagesheet data was correct, and it is fine.
What could I have missed?