[WIP] iOS GUI - GameCreators Forum

Author

Message

Phaelax

DBPro Master

21

Years of Service

User Offline

Joined: 16th Apr 2003

Location: Metropia

Posted: 20th Mar 2014 02:59

Link

Something I had started work on but never showed because I didn't think anyone would be interested, until I saw this gui threads popping up. So I've started working on it again today.

To switch to another menu, all you gotta do is call ios_SwitchMenu(menuId) once and the rest happens automatically. I've tried to keep the commands as simple as I could. I've also been considering an XML format that lets users design menus even easier.

MENU_SETTINGS = ios_CreateMenu(0, "Settings")
    i = createList(MENU_SETTINGS, 5, 100)
        setListItemText(i+0, "Airplane Mode")
        setListItemText(i+1, "Wi-Fi")
        setListItemText(i+2, "Personal Hotspot")
        setListItemText(i+3, "Notifications")
        setListItemText(i+4, "Location Services")
    i = createList(MENU_SETTINGS, 3, getListItemY(i+4)+118)
        setListItemText(i+0, "Sounds")
        setListItemText(i+1, "Brightness")
        setListItemText(i+2, "Wallpaper")
    i = createList(MENU_SETTINGS, 10, getListItemY(i+2)+118)
        setListItemText(i+0, "General")

ios_CreateToggle(MENU_SETTINGS)
    ios_PositionToggle(0, 451, getListItemY(0)+16)

MENU_GENERAL = ios_CreateMenu(MENU_SETTINGS, "General")
    i = createList(MENU_GENERAL, 3, 100)
        setListItemText(i+0, "About")
        setListItemText(i+1, "Software Update")
        setListItemText(i+2, "Usage")
    i = createList(MENU_GENERAL, 3, getListItemY(i+2)+118)
        setListItemText(i+0, "Network") : ios_SetListItem(i, "Network", 0, MENU_NETWORK)
        setListItemText(i+1, "Bluetooth")
        setListItemText(i+2, "iTunes Wi-Fi Sync")

MENU_NETWORK = ios_CreateMenu(MENU_GENERAL, "Network")
    i = createList(MENU_NETWORK, 4, 100)
        setListItemText(i+0, "Cellular Data")
        setListItemText(i+1, "Cellular Data Network")
        setListItemText(i+2, "Data Roaming")
        setListItemText(i+3, "Personal Hotspot")

ios_CreateToggle(MENU_NETWORK)
        ios_PositionToggle(1, 451, getListItemY(i)+16)

ios_CreateToggle(MENU_NETWORK)
        ios_PositionToggle(2, 451, getListItemY(i+2)+16)

MENU_VEENCY  = ios_CreateMenu(MENU_SETTINGS, "Veency")

MENU_USAGE  = ios_CreateMenu(MENU_SETTINGS, "Usage")

// Default this toggle to 'on' position
ios_SetToggle(1, 1)

// 
ios_SetListItem(8, "General", createSprite(loadImage("icon_general.png")), MENU_GENERAL)

// Put some default icons
for i = 0 to 7
    setListIcon(i, createSprite(loadImage("icon.png")))
next i

// System sounds
ios_SetSound(ios_SOUND_TOGGLE, loadSound("215772__otisjames__click.wav"))
ios_SetSound(ios_SOUND_MENU,   loadSound("160500__timmy-h123__whoosh-01.wav"))

repeat

// This handles everything
    ios_update()

sync()
until getRawKeyPressed(27) = 1
end

+ Code Snippet

MENU_SETTINGS = ios_CreateMenu(0, "Settings")
    i = createList(MENU_SETTINGS, 5, 100)
        setListItemText(i+0, "Airplane Mode")
        setListItemText(i+1, "Wi-Fi")
        setListItemText(i+2, "Personal Hotspot")
        setListItemText(i+3, "Notifications")
        setListItemText(i+4, "Location Services")
    i = createList(MENU_SETTINGS, 3, getListItemY(i+4)+118)
        setListItemText(i+0, "Sounds")
        setListItemText(i+1, "Brightness")
        setListItemText(i+2, "Wallpaper")
    i = createList(MENU_SETTINGS, 10, getListItemY(i+2)+118)
        setListItemText(i+0, "General")

    ios_CreateToggle(MENU_SETTINGS)
    ios_PositionToggle(0, 451, getListItemY(0)+16)


MENU_GENERAL = ios_CreateMenu(MENU_SETTINGS, "General")
    i = createList(MENU_GENERAL, 3, 100)
        setListItemText(i+0, "About")
        setListItemText(i+1, "Software Update")
        setListItemText(i+2, "Usage")
    i = createList(MENU_GENERAL, 3, getListItemY(i+2)+118)
        setListItemText(i+0, "Network") : ios_SetListItem(i, "Network", 0, MENU_NETWORK)
        setListItemText(i+1, "Bluetooth")
        setListItemText(i+2, "iTunes Wi-Fi Sync")

MENU_NETWORK = ios_CreateMenu(MENU_GENERAL, "Network")
    i = createList(MENU_NETWORK, 4, 100)
        setListItemText(i+0, "Cellular Data")
        setListItemText(i+1, "Cellular Data Network")
        setListItemText(i+2, "Data Roaming")
        setListItemText(i+3, "Personal Hotspot")

        ios_CreateToggle(MENU_NETWORK)
        ios_PositionToggle(1, 451, getListItemY(i)+16)

        ios_CreateToggle(MENU_NETWORK)
        ios_PositionToggle(2, 451, getListItemY(i+2)+16)


MENU_VEENCY  = ios_CreateMenu(MENU_SETTINGS, "Veency")

MENU_USAGE  = ios_CreateMenu(MENU_SETTINGS, "Usage")


// Default this toggle to 'on' position
ios_SetToggle(1, 1)

// 
ios_SetListItem(8, "General", createSprite(loadImage("icon_general.png")), MENU_GENERAL)

// Put some default icons
for i = 0 to 7
    setListIcon(i, createSprite(loadImage("icon.png")))
next i


// System sounds
ios_SetSound(ios_SOUND_TOGGLE, loadSound("215772__otisjames__click.wav"))
ios_SetSound(ios_SOUND_MENU,   loadSound("160500__timmy-h123__whoosh-01.wav"))




repeat


    // This handles everything
    ios_update()

    sync()
until getRawKeyPressed(27) = 1
end

http://zimnox.com

Back to top

Profile PM Email Website

Phaelax

DBPro Master

21

Years of Service

User Offline

Joined: 16th Apr 2003

Location: Metropia

Posted: 25th Mar 2014 03:46

Link

Here's an update and a download finally. Feel free to use the Roboto font (font used on Android I believe) from this project in your own if you like.

Graphics are a free resource from http://www.teehanlax.com/tools/iphone/

Demo code sneak peak:

setVirtualResolution(640,960)

#include "ios_framework.agc"

// initialize ios library
ios_init()

// You don't need to make these global
Global MENU_SETTINGS
Global MENU_GENERAL
Global MENU_NETWORK
Global MENU_VEENCY
Global MENU_USAGE

MENU_SETTINGS = ios_CreateMenu(0, "Settings")
    i = createList(MENU_SETTINGS, 5, 100)
        setListItemText(i+0, "Airplane Mode")
        setListItemText(i+1, "Wi-Fi")
        setListItemText(i+2, "Personal Hotspot")
        setListItemText(i+3, "Notifications")
        setListItemText(i+4, "Location Services")
    i = createList(MENU_SETTINGS, 3, getListItemY(i+4)+118)
        setListItemText(i+0, "Sounds")
        setListItemText(i+1, "Brightness")
        setListItemText(i+2, "Wallpaper")
    i = createList(MENU_SETTINGS, 10, getListItemY(i+2)+118)
        setListItemText(i+0, "General")

airplaneToggle = ios_CreateToggle(MENU_SETTINGS)
        ios_PositionToggleToListItem(airplaneToggle, 0)

MENU_GENERAL = ios_CreateMenu(MENU_SETTINGS, "General")
    i = createList(MENU_GENERAL, 3, 100)
        setListItemText(i+0, "About")
        setListItemText(i+1, "Software Update")
        setListItemText(i+2, "Usage")
    K = createList(MENU_GENERAL, 3, getListItemY(i+2)+118)
        setListItemText(K+0, "Network")
        setListItemText(K+1, "Bluetooth")
        setListItemText(K+2, "iTunes Wi-Fi Sync")

MENU_NETWORK = ios_CreateMenu(MENU_GENERAL, "Network")
    i = createList(MENU_NETWORK, 4, 100)
        setListItemText(i+0, "Cellular Data")
        setListItemText(i+1, "Cellular Data Network")
        setListItemText(i+2, "Data Roaming")
        setListItemText(i+3, "Personal Hotspot")

cellToggle = ios_CreateToggle(MENU_NETWORK)
        ios_PositionToggleToListItem(cellToggle, i)

roamToggle = ios_CreateToggle(MENU_NETWORK)
        ios_PositionToggleToListItem(roamToggle, i+2)

MENU_VEENCY  = ios_CreateMenu(MENU_SETTINGS, "Veency")

MENU_USAGE  = ios_CreateMenu(MENU_SETTINGS, "Usage")

// Default this toggle to 'on' position
ios_SetToggle(cellToggle, 1)

// Set all list item properties at once
ios_SetListItem(8, "General", createSprite(loadImage("icon_general.png")), MENU_GENERAL)
ios_SetListItem(K, "Network", 0, MENU_NETWORK)

// Some default icons for list items
for i = 0 to 7
    setListIcon(i, createSprite(loadImage("icon.png")))
next i

// Default system sounds
ios_SetSound(ios_SOUND_TOGGLE, loadSound("215772__otisjames__click.wav"))
ios_SetSound(ios_SOUND_MENU,   loadSound("160500__timmy-h123__whoosh-01.wav"))

// Default font
setTextDefaultFontImage(loadimage("roboto.png"))

`ios_SwitchMenu(MENU_GENERAL)

repeat

// When a toggle's state has changed, it's ID is returned in this function
    if ios_GetToggleStateChanged() = airplaneToggle
        t = ios_GetToggleState(airplaneToggle)
        if t = 1 then s$ = "ON"
        if t = 0 then s$ = "OFF"
    endif

// Handles the entire iOS UI
    ios_update()

print("Airplane toggle: "+s$)

sync()
until getRawKeyPressed(27) = 1
end

+ Code Snippet

setVirtualResolution(640,960)

#include "ios_framework.agc"


// initialize ios library
ios_init()

// You don't need to make these global
Global MENU_SETTINGS
Global MENU_GENERAL
Global MENU_NETWORK
Global MENU_VEENCY
Global MENU_USAGE


MENU_SETTINGS = ios_CreateMenu(0, "Settings")
    i = createList(MENU_SETTINGS, 5, 100)
        setListItemText(i+0, "Airplane Mode")
        setListItemText(i+1, "Wi-Fi")
        setListItemText(i+2, "Personal Hotspot")
        setListItemText(i+3, "Notifications")
        setListItemText(i+4, "Location Services")
    i = createList(MENU_SETTINGS, 3, getListItemY(i+4)+118)
        setListItemText(i+0, "Sounds")
        setListItemText(i+1, "Brightness")
        setListItemText(i+2, "Wallpaper")
    i = createList(MENU_SETTINGS, 10, getListItemY(i+2)+118)
        setListItemText(i+0, "General")

        airplaneToggle = ios_CreateToggle(MENU_SETTINGS)
        ios_PositionToggleToListItem(airplaneToggle, 0)

MENU_GENERAL = ios_CreateMenu(MENU_SETTINGS, "General")
    i = createList(MENU_GENERAL, 3, 100)
        setListItemText(i+0, "About")
        setListItemText(i+1, "Software Update")
        setListItemText(i+2, "Usage")
    K = createList(MENU_GENERAL, 3, getListItemY(i+2)+118)
        setListItemText(K+0, "Network")
        setListItemText(K+1, "Bluetooth")
        setListItemText(K+2, "iTunes Wi-Fi Sync")

MENU_NETWORK = ios_CreateMenu(MENU_GENERAL, "Network")
    i = createList(MENU_NETWORK, 4, 100)
        setListItemText(i+0, "Cellular Data")
        setListItemText(i+1, "Cellular Data Network")
        setListItemText(i+2, "Data Roaming")
        setListItemText(i+3, "Personal Hotspot")

        cellToggle = ios_CreateToggle(MENU_NETWORK)
        ios_PositionToggleToListItem(cellToggle, i)

        roamToggle = ios_CreateToggle(MENU_NETWORK)
        ios_PositionToggleToListItem(roamToggle, i+2)

MENU_VEENCY  = ios_CreateMenu(MENU_SETTINGS, "Veency")

MENU_USAGE  = ios_CreateMenu(MENU_SETTINGS, "Usage")



// Default this toggle to 'on' position
ios_SetToggle(cellToggle, 1)

// Set all list item properties at once
ios_SetListItem(8, "General", createSprite(loadImage("icon_general.png")), MENU_GENERAL)
ios_SetListItem(K, "Network", 0, MENU_NETWORK)

// Some default icons for list items
for i = 0 to 7
    setListIcon(i, createSprite(loadImage("icon.png")))
next i



// Default system sounds
ios_SetSound(ios_SOUND_TOGGLE, loadSound("215772__otisjames__click.wav"))
ios_SetSound(ios_SOUND_MENU,   loadSound("160500__timmy-h123__whoosh-01.wav"))


// Default font
setTextDefaultFontImage(loadimage("roboto.png"))


`ios_SwitchMenu(MENU_GENERAL)




repeat


    // When a toggle's state has changed, it's ID is returned in this function
    if ios_GetToggleStateChanged() = airplaneToggle
        t = ios_GetToggleState(airplaneToggle)
        if t = 1 then s$ = "ON"
        if t = 0 then s$ = "OFF"
    endif



    // Handles the entire iOS UI
    ios_update()


    print("Airplane toggle: "+s$)

    sync()
until getRawKeyPressed(27) = 1
end

http://zimnox.com

Attachments

Login to view attachments

Back to top

Profile PM Email Website

Cliff Mellangard 3DEGS

Developer

18

Years of Service

User Offline

Joined: 20th Feb 2006

Location: Sweden

Posted: 26th Mar 2014 00:00

Link

Looks nice and add it to the codebase so I can find it when I nead it

The old one where we posted all our dbp ones also have an agk section.

Android 2.3 , ZTE Skate , 480x800 , 800 mhz , Samsung Galaxy Y , 240x320 , 832 mhz , Sony ericson arc 480x854 , 1 ghz
Android 4.0 , Dmtech 3g 9738B , 1024x768 , 9.7 inches , 1.2 ghz

Back to top

Profile PM Website

easter bunny

11

Years of Service

User Offline

Joined: 20th Nov 2012

Playing: Dota 2

Posted: 26th Mar 2014 03:49

Link

ohhh, I was like "What download? I see no download"
Can you tell I'm using the betaforum

Thanks for this! I might end up using it in my new app I'm making

Audacia Games - Facebook - AUTOMAYTE 2.1, AppGameKit one click deploy to Android

Back to top

Profile PM Email

Clonkex

Forum Vice President

13

Years of Service

User Offline

Joined: 20th May 2010

Location: Northern Tablelands, NSW, Australia

Posted: 29th Mar 2014 13:16

Link

Quote: "I didn't think anyone would be interested"

We're ALWAYS interested in new GUI systems, particularly for AppGameKit as there are very few or none currently.

Placement Editor Professional -- Code Line Counter -- Tiled TMX Map Loader 2.0
Open Bezier Curve Library -- Image Tools

Back to top

Profile PM Email

Phaelax

DBPro Master

21

Years of Service

User Offline

Joined: 16th Apr 2003

Location: Metropia

Posted: 3rd Apr 2014 10:01

Link

I've attached the most recent updates and all the project files. Documentation is scarce. What I'd like to do is the same thing for Android and just have the code automatically switch the GUI depending on device. Can AppGameKit return any device info?

http://zimnox.com

Attachments

Login to view attachments

Back to top

Profile PM Email Website

Clonkex

Forum Vice President

13

Years of Service

User Offline

Joined: 20th May 2010

Location: Northern Tablelands, NSW, Australia

Posted: 3rd Apr 2014 16:28

Link

Quote: "Can AppGameKit return any device info?"

GetDeviceName

Placement Editor Professional -- Code Line Counter -- Tiled TMX Map Loader 2.0
Open Bezier Curve Library -- Image Tools

Back to top

Profile PM Email

Wilf

Valued Member

17

Years of Service

User Offline

Joined: 1st Jun 2006

Location: Gone to Unity.

Posted: 4th Apr 2014 12:53

Link

Excellent stuff Phaelax, you post some of the most useful code I've seen on the forum.
Feature request

- smooth slowdown and bounce on hitting extents when scrolling lists up and down.

Back to top

Profile PM Email

Phaelax

DBPro Master

21

Years of Service

User Offline

Joined: 16th Apr 2003

Location: Metropia

Posted: 5th Apr 2014 03:59

Link

Quote: "Feature request - smooth slowdown and bounce on hitting extents when scrolling lists up and down."

Already planned

http://zimnox.com

Back to top

Profile PM Email Website

Clonkex

Forum Vice President

13

Years of Service

User Offline

Joined: 20th May 2010

Location: Northern Tablelands, NSW, Australia

Posted: 5th Apr 2014 17:05 Edited at: 5th Apr 2014 17:07

Link

Quick screenshot from a very early version of my GUI library. It's a bit different to your library, Phaelax, in that it's designed to be just a normal GUI library and not trying to emulate anything in particular. I hate writing GUIs but it's gotta be done. Not trying to hijack your thread, either....just felt like posting this somewhere.

It's unfortunate that AppGameKit doesn't really handle the writing of GUIs very well because it's difficult to mask sprites for things like scrollboxes....

I am soooo tired right now.... ZZZZzzzz....

Placement Editor Professional -- Code Line Counter -- Tiled TMX Map Loader 2.0
Open Bezier Curve Library -- Image Tools

Back to top

Profile PM Email

Phaelax

DBPro Master

21

Years of Service

User Offline

Joined: 16th Apr 2003

Location: Metropia

Posted: 5th Apr 2014 21:45 Edited at: 5th Apr 2014 21:45

Link

Quote: " it's difficult to mask sprites for things like scrollboxes...."

spriteScissor!

Clonkex, I feel like we're always working on similar projects

http://zimnox.com

Back to top

Profile PM Email Website

Clonkex

Forum Vice President

13

Years of Service

User Offline

Joined: 20th May 2010

Location: Northern Tablelands, NSW, Australia

Posted: 6th Apr 2014 01:51

Link

Quote: "spriteScissor!"

!!! Somehow I knew if I said I couldn't do it, you'd tell me how!

Cheers!

Quote: "Clonkex, I feel like we're always working on similar projects"

Haha!

Well I suppose that's partially because I started by steeling your code to rewrite it, and then I had to make a GUI for my game because there wasn't any that would do what I wanted

Placement Editor Professional -- Code Line Counter -- Tiled TMX Map Loader 2.0
Open Bezier Curve Library -- Image Tools

Back to top

Profile PM Email

Phaelax

DBPro Master

21

Years of Service

User Offline

Joined: 16th Apr 2003

Location: Metropia

Posted: 7th Apr 2014 04:58

Link

Just so you know, there's a scissor command for text as well.

http://zimnox.com

Back to top

Profile PM Email Website

Clonkex

Forum Vice President

13

Years of Service

User Offline

Joined: 20th May 2010

Location: Northern Tablelands, NSW, Australia

Posted: 7th Apr 2014 06:08

Link

Quote: "Just so you know, there's a scissor command for text as well."

I know, I went and looked immediately after you reminded me of SetSpriteScissor

Placement Editor Professional -- Code Line Counter -- Tiled TMX Map Loader 2.0
Open Bezier Curve Library -- Image Tools -- MarbleX GUI Library

Back to top

Profile PM Email

Sorry your browser is not supported!

AppGameKit/AppGameKit Studio Showcase / [WIP] iOS GUI

Attachments

Attachments