Sorry your browser is not supported!

You are using an outdated browser that does not support modern web technologies, in order to use this site please update to a new browser.

Browsers supported include Chrome, FireFox, Safari, Opera, Internet Explorer 10+ or Microsoft Edge.

AppGameKit Classic Chat / OryUI - AGK UI Framework - WIP

Author
Message
Kevin Cross
15
Years of Service
User Offline
Joined: 15th Nov 2003
Location: London, UK
Posted: 17th Apr 2019 15:32
Aside from sliders, and it eventually looking different on iOS, is there anything else you'd like to see added to OryUI for it to be something you might consider using?

If I was to put together a roadmap I'd probably say this was the plan/direction (not specifically in this order):

* Sliders (https://material.io/design/components/sliders.html)
* Data tables (https://material.io/design/components/data-tables.html)
* Image lists (https://material.io/design/components/image-lists.html)
* Fancier cards (https://material.io/design/components/cards.html)
* Start updating some of the older components to make them consistent
* Look for speed improvements wherever possible
* iOS theme, and other themes. Should be easier with the default settings file that was added in the last version
* Example templates that clone popular existing apps (just the UI, not fully working apps)
* Improved documentation and move the documentation away from GitHub
OryUI - A WIP AGK2 UI Framework
Kevin Cross
15
Years of Service
User Offline
Joined: 15th Nov 2003
Location: London, UK
Posted: 25th Apr 2019 01:08 Edited at: 25th Apr 2019 08:36
I needed to replace my pagination code in my app so though I'd have a go at adding pagination to the framework

The below code shows the 3 pagination components in the attached video. Not much to it





I've also attached a screenshot showing a couple more styles.
OryUI - A WIP AGK2 UI Framework

Attachments

Login to view attachments
DannyD
1
Years of Service
User Offline
Joined: 29th Aug 2017
Location:
Posted: 25th Apr 2019 01:21
@Kevin Cross

Just come across your UI.
IS there a complete axample using these functions?
THanks
Kevin Cross
15
Years of Service
User Offline
Joined: 15th Nov 2003
Location: London, UK
Posted: 25th Apr 2019 07:06 Edited at: 25th Apr 2019 07:06
@DannyD there's no complete script yet that showcases all of the components if that's what you mean but there's a wiki section on github that shows example code for each one.

The pagination component will be in the next version as well as a bunch of fixes already made to the other components.
OryUI - A WIP AGK2 UI Framework
DannyD
1
Years of Service
User Offline
Joined: 29th Aug 2017
Location:
Posted: 26th Apr 2019 00:01
Thank @Kevin
I really like the work. Been searching for something like this for a while, and I finally found it.

Found the wiki....

Something like this added to AppGameKit will make it really popular.

Thanks for your time and effort in doing this

Cheers
Kevin Cross
15
Years of Service
User Offline
Joined: 15th Nov 2003
Location: London, UK
Posted: 26th Apr 2019 07:41 Edited at: 26th Apr 2019 07:49
Quote: "Something like this added to AppGameKit will make it really popular."


I agree 100%. Maybe not OryUI specifically without some experienced people getting involved and polishing and improving the code or TGC creating an official version. But it shows that you can definitely create an almost native look and feel with just sprites and text. And I've proved that editboxes can finally look nice!

It would appeal to a much larger group of developers if they new it was possible and easy to create non game apps with AGK2, and the word app in the name AppGameKit will finally be more fitting!

If an official version ever does get released by TGC in the future because they see that it would entice more buyers then I hope its like OryUI where the plan is that you can customise and skin it to have it look how you want. I wouldn't want them releasing a fixed UI that can't be customised and looks like AppGameKit Studio as that would be horrible on mobile.
OryUI - A WIP AGK2 UI Framework
Kevin Cross
15
Years of Service
User Offline
Joined: 15th Nov 2003
Location: London, UK
Posted: 14th May 2019 19:09
The OryUIPagination component is now available on GitHub. I haven't been able to upload it sooner. There's also a number of fixes/improvements made to some of the other components

https://github.com/KevinCrossDCL/OryUI/blob/master/changelog.txt
OryUI - A WIP AGK2 UI Framework
Kevin Cross
15
Years of Service
User Offline
Joined: 15th Nov 2003
Location: London, UK
Posted: 15th May 2019 12:26 Edited at: 15th May 2019 12:26
It looks like I forgot to update the main OryUI.agc file on GitHub so new parameters referenced in the components aren't included in the current version of that file on GitHub and so you would get errors when including all of the files. I don't know if there's a better way of updating GitHub with AppGameKit as there's no versioning/git control available (I can't get the Geany plugins working on the Mac), but at the moment I'm copying and pasting code from each file I know I've updated to the files on GitHub, and uploading any new files. I forgot to copy and paste the code for the OryUI.agc file. Will just have to get in the habit of updating all of them, even if no changes were made.

I'll update the files again later on today when home from work.
OryUI - A WIP AGK2 UI Framework
DannyD
1
Years of Service
User Offline
Joined: 29th Aug 2017
Location:
Posted: 16th May 2019 00:44
Thanks for the update, appreciate

Danie
DannyD
1
Years of Service
User Offline
Joined: 29th Aug 2017
Location:
Posted: 16th May 2019 03:34
Thanks Kevin

O.4 works good...
Small demo from the wiki Examples


Error in HTML5 , but....
After renaming some media : left-Shadow.png to Left-Shafow.png (capital L) and top-shadow.png to Top-Shadow.png (Capital T) it worked perfect in HTML 5 aswell
See attached Screenshot

Cheers
Danie




Attachments

Login to view attachments
Kevin Cross
15
Years of Service
User Offline
Joined: 15th Nov 2003
Location: London, UK
Posted: 16th May 2019 07:33 Edited at: 16th May 2019 07:43
Thank you DannyD. I never tested it in a HTML export. Good to see that it works in that too.

And I'll check out the media thing you mentioned. I thought the filenames did have capital letters at the front of each word. I'll fix if not

EDIT: One thing I noticed was that 4 shadow images were missing from the Media folder. Those have now been added and available on GitHub.
OryUI - A WIP AGK2 UI Framework
Kevin Cross
15
Years of Service
User Offline
Joined: 15th Nov 2003
Location: London, UK
Posted: 16th May 2019 08:24 Edited at: 16th May 2019 08:25
@DannyD

I've amended your example to include the top bar and navigation menu now that the shadow images are available. I've also positioned/resized things so that I can get the new pagination component showing too

You may notice that I've changed your dialog functions. I recommend updating the existing dialog rather than creating new ones if you're going to use the same variable because otherwise the old ones aren't being destroyed. What I do is create an empty dialog: dialog = OryUICreateDialog("") outside of the main loop, and whenever I need to show it I use that one and add the buttons to it. You'll see I've removed the insert buttons and used OryUISetDialogButtonCount(dialog, 3) which will insert buttons if the last dialog shown had less then 3 and remove any extras if the last dialog shown had more than 3.

OryUI - A WIP AGK2 UI Framework
DannyD
1
Years of Service
User Offline
Joined: 29th Aug 2017
Location:
Posted: 16th May 2019 08:28
Thanks Kevin
Will test it now...
Cheers
Danie
DannyD
1
Years of Service
User Offline
Joined: 29th Aug 2017
Location:
Posted: 16th May 2019 08:54
Kevin

I see I might use your DLC more and more.

I don't want to re-invent the wheel, but were thinking of doing a GUI /Designer/code generator using the QryUI libraryies, or is there something out there?

Will be mainly for myself to help with quick designs, but willing to share...

Cheers
Kevin Cross
15
Years of Service
User Offline
Joined: 15th Nov 2003
Location: London, UK
Posted: 16th May 2019 09:02 Edited at: 16th May 2019 09:03
That would be an awesome tool. And something I'd use if it allowed for multiple screens/scenes. My current app I'm updating has almost 30 screens, all using this framework.

The OryUI framework is only a few months old so nothing like that exists for it at the moment.

I plan to share an example project with multiple screens as soon as I can so that people can see how I'm currently doing it.
OryUI - A WIP AGK2 UI Framework
DannyD
1
Years of Service
User Offline
Joined: 29th Aug 2017
Location:
Posted: 16th May 2019 09:08
Have you ever speak to TGC/Preben.Rick

Could be nice if they can incorporate this in AGKS

Let me see how I can get some spare time, and start with something

Cheers
Kevin Cross
15
Years of Service
User Offline
Joined: 15th Nov 2003
Location: London, UK
Posted: 16th May 2019 09:20
I haven't spoken to either about it as I didn't think they'd be interested, and because it's still at an early stage. But I would like to see this or even something similar in Studio. With their direction I may be able to adapt it accordingly.
OryUI - A WIP AGK2 UI Framework

Login to post a reply

Server time is: 2019-05-24 02:44:53
Your offset time is: 2019-05-24 02:44:53