-----------------------------------------------------------------------------------------

-- theme_ios7.lua

-----------------------------------------------------------------------------------------

local modname = ...

local theme = {}

package.loaded[modname] = theme

local imageSuffix = display.imageSuffix or ""

local sheetFile = "widget_theme_ios7.png"

local sheetData = "widget_theme_ios7_sheet"

-- Check for graphics V1 compatibility mode set

local isGraphicsV1 = ( 1 == display.getDefault( "graphicsCompatibility" ) )

local isByteColorRange = display.getDefault( "isByteColorRange" )

-- conversion function

local function convertToV1( channels )

for i=1,#channels do

channels[i] = 255 * channels[i]

end

end

-----------------------------------------------------------------------------------------

-- button

-----------------------------------------------------------------------------------------

theme.button =

{

sheet = sheetFile,

data = sheetData,

topLeftFrame = "button_topLeft",

topLeftOverFrame = "button_topLeftOver",

middleLeftFrame = "button_middleLeft",

middleLeftOverFrame = "button_middleLeftOver",

bottomLeftFrame = "button_bottomLeft",

bottomLeftOverFrame = "button_bottomLeftOver",

topMiddleFrame = "button_topMiddle",

topMiddleOverFrame = "button_topMiddleOver",

middleFrame = "button_middle",

middleOverFrame = "button_middleOver",

bottomMiddleFrame = "button_bottomMiddle",

bottomMiddleOverFrame = "button_bottomMiddleOver",

topRightFrame = "button_topRight",

topRightOverFrame = "button_topRightOver",

middleRightFrame = "button_middleRight",

middleRightOverFrame = "button_middleRightOver",

bottomRightFrame = "button_bottomRight",

bottomRightOverFrame = "button_bottomRightOver",

width = 180,

height = 50,

font = native.systemFont,

fontSize = 17,

labelColor =

{

default = { 0.08, 0.49, 0.98, 1 },

over = { 0.08, 0.49, 0.98, 1 },

},

emboss = false,

alphaFade = false,

}

-- convert to v1 style values if it's the case

if isByteColorRange then

convertToV1( theme.button.labelColor.default )

convertToV1( theme.button.labelColor.over )

end

-----------------------------------------------------------------------------------------

-- slider

-----------------------------------------------------------------------------------------

theme.slider =

{

sheet = sheetFile,

data = sheetData,

leftFrame = "slider_leftFrame",

rightFrame = "slider_rightFrame",

middleFrame = "silder_middleFrame",

fillFrame = "slider_fill",

topFrame ="slider_topFrameVertical",

bottomFrame = "slider_bottomFrameVertical",

middleVerticalFrame = "silder_middleFrameVertical",

fillVerticalFrame = "slider_fillVertical",

frameWidth = 2,

frameHeight = 2,

handleFrame = "slider_handle",

handleWidth = 45,

handleHeight = 45,

}

-----------------------------------------------------------------------------------------

-- pickerWheel

-----------------------------------------------------------------------------------------

theme.pickerWheel =

{

sheet = sheetFile,

data = sheetData,

backgroundFrame = "picker_bg",

backgroundFrameWidth = 1,

backgroundFrameHeight = 222,

overlayFrame = "picker_overlay",

overlayFrameWidth = 320,

overlayFrameHeight = 222,

seperatorFrame = "picker_separator",

seperatorFrameWidth = 8,

seperatorFrameHeight = 1,

maskFile = "widget_theme_pickerWheel_mask.png",

topFadeFrame = "picker_topFade",

bottomFadeFrame = "picker_bottomFade",

middleSpanTopFrame = "picker_middleSpanTop",

middleSpanBottomFrame = "picker_middleSpanBottom",

middleSpanOffset = 3,

}

-----------------------------------------------------------------------------------------

-- scrollBar

-----------------------------------------------------------------------------------------

theme.scrollBar =

{

sheet = sheetFile,

data = sheetData,

topFrame = "scrollBar_top",

middleFrame = "scrollBar_middle",

bottomFrame = "scrollBar_bottom",

width = 2,

height = 2,

}

-----------------------------------------------------------------------------------------

-- tabBar

-----------------------------------------------------------------------------------------

theme.tabBar =

{

sheet = sheetFile,

data = sheetData,

backgroundFrame = "tabBar_background",

backgroundFrameWidth = 5,

backgroundFrameHeight = 49,

tabSelectedLeftFrame = "tabBar_tabSelectedLeft",

tabSelectedRightFrame = "tabBar_tabSelectedRight",

tabSelectedMiddleFrame = "tabBar_tabSelectedMiddle",

tabSelectedFrameWidth = 5,

tabSelectedFrameHeight = 49,

}

-----------------------------------------------------------------------------------------

-- spinner

-----------------------------------------------------------------------------------------

theme.spinner =

{

sheet = sheetFile,

data = sheetData,

startFrame = "spinner_spinner",

width = 30,

height = 30,

incrementEvery = 50,

deltaAngle = 30,

}

-----------------------------------------------------------------------------------------

-- switch

-----------------------------------------------------------------------------------------

theme.switch =

{

-- Default (on/off switch)

sheet = sheetFile,

data = sheetData,

backgroundFrame = "switchBg_off",

backgroundInterFrame = "switchBg_inter",

backgroundOnFrame = "switchBg_on",

backgroundWidth = 51,

backgroundHeight = 31,

overlayFrame = "switchBg_on",

overlayWidth = 51,

overlayHeight = 31,

handleDefaultFrame = "switch_handle",

handleOverFrame = "switch_handleOver",

radio =

{

sheet = sheetFile,

data = sheetData,

width = 33,

height = 33,

frameOff = "switch_radioButtonDefault",

frameOn = "switch_radioButtonSelected",

},

checkbox =

{

sheet = sheetFile,

data = sheetData,

width = 33,

height = 33,

frameOff = "switch_checkboxDefault",

frameOn = "switch_checkboxSelected",

},

}

-----------------------------------------------------------------------------------------

-- stepper

-----------------------------------------------------------------------------------------

theme.stepper =

{

sheet = sheetFile,

data = sheetData,

defaultFrame = "stepper_nonActive",

noMinusFrame = "stepper_noMinus",

noPlusFrame = "stepper_noPlus",

minusActiveFrame = "stepper_minusActive",

plusActiveFrame = "stepper_plusActive",

width = 102,

height = 38,

}

-----------------------------------------------------------------------------------------

-- progressView

-----------------------------------------------------------------------------------------

theme.progressView =

{

sheet = sheetFile,

data = sheetData,

fillXOffset = 0,

fillYOffset = 0,

fillOuterWidth = 4,

fillOuterHeight = 4,

fillWidth = 4,

fillHeight = 4,

fillOuterLeftFrame = "progressView_leftFillBorder",

fillOuterMiddleFrame = "progressView_middleFillBorder",

fillOuterRightFrame = "progressView_rightFillBorder",

fillInnerLeftFrame = "progressView_leftFill",

fillInnerMiddleFrame = "progressView_middleFill",

fillInnerRightFrame = "progressView_rightFill",

}

-----------------------------------------------------------------------------------------

-- segmentedControl

-----------------------------------------------------------------------------------------

theme.segmentedControl =

{

sheet = sheetFile,

data = sheetData,

segmentFrameWidth = 4,

segmentFrameHeight = 29,

dividerFrameWidth = 1,

dividerFrameHeight = 29,

leftSegmentFrame = "segmentedControl_left",

leftSegmentSelectedFrame = "segmentedControl_leftOn",

rightSegmentFrame = "segmentedControl_right",

rightSegmentSelectedFrame = "segmentedControl_rightOn",

middleSegmentFrame = "segmentedControl_middle",

middleSegmentSelectedFrame = "segmentedControl_middleOn",

dividerFrame = "segmentedControl_divider",

labelColor =

{

default = { 0.08, 0.49, 0.98, 1 },

over = { 1, 1, 1, 1 },

},

emboss = false

}

-- convert to v1 style values if it's the case

if isByteColorRange then

convertToV1( theme.segmentedControl.labelColor.default )

convertToV1( theme.segmentedControl.labelColor.over )

end

-----------------------------------------------------------------------------------------

-- searchField

-----------------------------------------------------------------------------------------

theme.searchField =

{

sheet = sheetFile,

data = sheetData,

leftFrame = "searchField_leftEdge",

rightFrame = "searchField_rightEdge",

middleFrame = "searchField_middle",

magnifyingGlassFrame = "searchField_magnifyingGlass",

cancelFrame = "searchField_remove",

edgeWidth = 5,

edgeHeight = 29,

magnifyingGlassFrameWidth = 15,

magnifyingGlassFrameHeight = 15,

cancelFrameWidth = 15,

cancelFrameHeight = 15,

textFieldWidth = 150,

textFieldHeight = 20,

}

-----------------------------------------------------------------------------------------

-- tableView

-----------------------------------------------------------------------------------------

theme.tableView =

{

separatorLeftPadding = 16,

separatorRightPadding = 2,

colours = {

rowColor = { default = { 1, 1, 1, 1 }, over = { 0.85, 0.85, 0.85, 1 } },

catColor = { default = { 0.96, 0.96, 0.96, 1 }, over = { 0.96, 0.96, 0.96, 1 } },

lineColor = { 0.78, 0.78, 0.80, 1 },

rowColorDefault = { 1, 1, 1, 1 },

rowColorOver = { 0.11, 0.56, 1, 1 },

whiteColor = { 1, 1, 1, 1 },

pickerRowColor = { 0.60 },

},

}

-- convert to v1 style values if it's the case

if isByteColorRange then

convertToV1( theme.tableView.colours.rowColor.default )

convertToV1( theme.tableView.colours.rowColor.over )

convertToV1( theme.tableView.colours.catColor.default )

convertToV1( theme.tableView.colours.catColor.over )

convertToV1( theme.tableView.colours.lineColor )

convertToV1( theme.tableView.colours.rowColorDefault )

convertToV1( theme.tableView.colours.rowColorOver )

convertToV1( theme.tableView.colours.whiteColor )

convertToV1( theme.tableView.colours.pickerRowColor )

end

return theme