Examples of Non-Standard GUIs (ActiveX, GDI, etc.)

Post your working scripts, libraries and tools
vasili111
Posts: 741
Joined: 21 Jan 2014, 02:04
Location: Georgia

Re: Examples of Non-Standard GUIs (ActiveX, GDI, etc.)

16 Jan 2016, 02:33

TheDewd wrote:My earlier version is more based on a combination of PeaZip's main interface and options window, borrowing elements from both... My recent iteration does look very similar to Chrome's settings page. I haven't used Chrome in a very long time so I didn't realize the similarities. :-)

PeaZip Options Screenshot.png

It look very nice :)
Can you please post code for that gui?
DRAKON-AutoHotkey: Visual programming for AutoHotkey.
TheDewd
Posts: 874
Joined: 19 Dec 2013, 11:16
Location: USA

Re: Examples of Non-Standard GUIs (ActiveX, GDI, etc.)

16 Jan 2016, 10:28

vasili111 wrote:Can you please post code for that gui?

https://autohotkey.com/boards/viewtopic ... 003#p58003
User avatar
jNizM
Posts: 2317
Joined: 30 Sep 2013, 01:33
GitHub: jNizM
Contact:

Re: Examples of Non-Standard GUIs (ActiveX, GDI, etc.)

18 Jan 2016, 03:08

Nice example TheDewd =)
But for the Buttons on white (or any other color than the normal grey) background you should add this: Borderless Buttons

small example:

Code: [Select all] [Expand] [Download] GeSHi © Codebox Plus

[AHK] 1.1.28.02 x64 Unicode | [WIN] 10 Pro (Version 1803) x64 | [GitHub] Profile
Donations are appreciated if I could help you
User avatar
evilC
Posts: 4092
Joined: 27 Feb 2014, 12:30

Re: Examples of Non-Standard GUIs (ActiveX, GDI, etc.)

26 Jan 2016, 16:22

I think I mentioned this before in this thread, but I have now started making alpha releases of my new application, and none of us on the project have the time or ability to do it justice in terms of the GUI styling.
Here is how it currently looks (It's fixed-width, variable-height):
Image
Each of the plugin blocks is a separate AHK script with it's own GUI - you can add as many as you like and have different profiles etc.
There are lots of GUI elements to style, as well as a quite "deep" structure (There are over 10 GUIs within GUIs in that picture). The App > Profile > Plugins architecture will dictate the layout to a large degree, but that aside I am open to anything.
Plugins are intended to be able to be written by end-users, so whatever GUI styling techniques are used, they would have to be easy to implement in plugins, or part of the main app (ie the main app automatically styles child GUIs).

There is also a need for custom buttons / icons etc - so if any of you arty types are interested in contributing anything (eg design ideas/assets/code), please let me know on the UCR thread.
TheDewd
Posts: 874
Joined: 19 Dec 2013, 11:16
Location: USA

Re: Examples of Non-Standard GUIs (ActiveX, GDI, etc.)

03 Feb 2016, 14:45

Microsoft Office 2016 Inspired GUI Interface

Here's a custom UI inspired by Microsoft Office 2016 that I made today... I appreciate any feedback :-)

Tested on Windows 7 with Aero enabled.

Office16.zip
Script with Images
(8.76 KiB) Downloaded 210 times

Screenshot-Main.png
Main Window
Screenshot-Main.png (4.01 KiB) Viewed 2671 times

Screenshot-Menu.png
Displaying Menu
Screenshot-Menu.png (5.88 KiB) Viewed 2671 times


EDIT:
I modified the script so that it would not require the use of external images anymore:

Code: [Select all] [Expand] [Download] (Untitled.ahk)GeSHi © Codebox Plus

Last edited by TheDewd on 04 Feb 2016, 12:33, edited 1 time in total.
User avatar
kczx3
Posts: 543
Joined: 06 Oct 2015, 21:39

Re: Examples of Non-Standard GUIs (ActiveX, GDI, etc.)

03 Feb 2016, 19:26

TheDewd wrote:Microsoft Office 2016 Inspired GUI Interface

Here's a custom UI inspired by Microsoft Office 2016 that I made today... I appreciate any feedback :-)


I tried my hands at messing around with this. I thought I'd compose the file menu a different way using just me's Class_CtlColors.ahk.

I positioned the menus at the bottom of their respective headers too. I'd like to change it to know if a menu is shown, and the cursor moves to a different menu, to hide the previously shown one and show the newly hovered menu. What do you think?

Code: [Select all] [Expand] [Download] GeSHi © Codebox Plus

TheDewd
Posts: 874
Joined: 19 Dec 2013, 11:16
Location: USA

Re: Examples of Non-Standard GUIs (ActiveX, GDI, etc.)

03 Feb 2016, 19:46

I like the idea of placing the menu pop-up under the buttons... Great idea. :-)

However, with Class_CtlColors, the Menu button's text is flickering while the mouse is moving on the GUI (Windows 10 Home). Might need some modifications to fix that.
User avatar
kczx3
Posts: 543
Joined: 06 Oct 2015, 21:39

Re: Examples of Non-Standard GUIs (ActiveX, GDI, etc.)

03 Feb 2016, 19:51

Yeah I did notice that too just a bit. I think it's because with my changes, you have to loop over the object and that's done every time the mouse moves over either of those five controls. Anyone else have ideas as to remediation that?
TheDewd
Posts: 874
Joined: 19 Dec 2013, 11:16
Location: USA

Re: Examples of Non-Standard GUIs (ActiveX, GDI, etc.)

04 Feb 2016, 12:35

kczx3, the script doesn't need images anymore. I posted the code at the bottom of my previous post of the script. I also used your menu positioning. Didn't change the method for highlighting the menu buttons yet because of the flickering.
User avatar
kczx3
Posts: 543
Joined: 06 Oct 2015, 21:39

Re: Examples of Non-Standard GUIs (ActiveX, GDI, etc.)

04 Feb 2016, 13:43

TheDewd wrote:kczx3, the script doesn't need images anymore. I posted the code at the bottom of my previous post of the script. I also used your menu positioning. Didn't change the method for highlighting the menu buttons yet because of the flickering.


I have been playing around with this more as well. I'm still utilizing your images but using class_imagebutton by just me, I was able to drastically shorten the code as well as the complexity of it (IMO). Though the menu buttons don't stay highlighted with the pressed image when the menu is shown which I don't like.

Code: [Select all] [Expand] [Download] GeSHi © Codebox Plus

User avatar
kczx3
Posts: 543
Joined: 06 Oct 2015, 21:39

Re: Examples of Non-Standard GUIs (ActiveX, GDI, etc.)

04 Feb 2016, 13:48

Also, I think it would look better if the fade out time on the buttons was quicker. Not sure if that's something that could be tweaked in just me's code or not.
User avatar
jNizM
Posts: 2317
Joined: 30 Sep 2013, 01:33
GitHub: jNizM
Contact:

Re: Examples of Non-Standard GUIs (ActiveX, GDI, etc.)

05 Feb 2016, 01:43

Now a ribbon menu or self drawn menu (like the blue color) and it would be perfect =)
Good job TheDewd & kczx3
[AHK] 1.1.28.02 x64 Unicode | [WIN] 10 Pro (Version 1803) x64 | [GitHub] Profile
Donations are appreciated if I could help you
User avatar
kczx3
Posts: 543
Joined: 06 Oct 2015, 21:39

Re: Examples of Non-Standard GUIs (ActiveX, GDI, etc.)

05 Feb 2016, 10:45

@jNizM

Here's my attempt at somewhat of a ribbon menu. Two things:
1) It flickers again when you change the selected menu (change tabs in the tab control). It appears that the ImageButtons in the upper-right corner don't like it when the tab changes.
2) I can't seem to get the buttons text in the menuHandler g-label. I gave them variables and A_GuiControl is getting populated but GuiControlGet won't retrieve the button's text.
Attachments
Office16.zip
(39.26 KiB) Downloaded 107 times
TheDewd
Posts: 874
Joined: 19 Dec 2013, 11:16
Location: USA

Re: Examples of Non-Standard GUIs (ActiveX, GDI, etc.)

05 Feb 2016, 10:52

kczx3 wrote:Here's my attempt at somewhat of a ribbon menu.

Here's an actual screenshot of the real ribbon, if you'd like to use it for inspiration:
Image
User avatar
kczx3
Posts: 543
Joined: 06 Oct 2015, 21:39

Re: Examples of Non-Standard GUIs (ActiveX, GDI, etc.)

05 Feb 2016, 11:04

Do you know if the icons are accessible from an EXE or DLL? If so, which one?
TheDewd
Posts: 874
Joined: 19 Dec 2013, 11:16
Location: USA

Re: Examples of Non-Standard GUIs (ActiveX, GDI, etc.)

05 Feb 2016, 11:23

I had luck using Microsoft Office Icons (ImageMSO) Gallery & Extraction.

I've uploaded the icons extracted from my installation of Office 2016.

The zip archive contains 8,893 ico files in the following sizes:

16x16
24x24
32x32
48x48
64x64
128x128

https://www.dropbox.com/s/j7sckawfh30n32k/IconsOffice2016.zip?dl=0
53.6 MB compressed
866 MB extracted

You should be able to extract the image size you need from the ico files. I use IconViewer which even lets me save a PNG from an ICO file.
User avatar
joedf
Posts: 6240
Joined: 29 Sep 2013, 17:08
Facebook: J0EDF
Google: +joedf
GitHub: joedf
Location: Canada, Quebec
Contact:

Re: Examples of Non-Standard GUIs (ActiveX, GDI, etc.)

05 Feb 2016, 12:01

Haha nice, it would be cool to have a MS Ribbon menu library ;)
User avatar
kczx3
Posts: 543
Joined: 06 Oct 2015, 21:39

Re: Examples of Non-Standard GUIs (ActiveX, GDI, etc.)

05 Feb 2016, 15:03

Best I could do for now. Class_ImageButtons sctretches the image to cover the whole button and you can't just simply change the background of the button with the same image overlay. so that requires you to have all the icons of different shades for Normal/Hover/Pressed which is a nuisance. I'm sure there are other ways but I'm just not aware of them or they are too complex for me right now.

office16_w_icons.png
office16_w_icons.png (8.13 KiB) Viewed 2453 times
lexikos
Posts: 5896
Joined: 30 Sep 2013, 04:07
GitHub: Lexikos

Re: Examples of Non-Standard GUIs (ActiveX, GDI, etc.)

05 Feb 2016, 17:08

joedf wrote:Haha nice, it would be cool to have a MS Ribbon menu library ;)

There is one...
User avatar
joedf
Posts: 6240
Joined: 29 Sep 2013, 17:08
Facebook: J0EDF
Google: +joedf
GitHub: joedf
Location: Canada, Quebec
Contact:

Re: Examples of Non-Standard GUIs (ActiveX, GDI, etc.)

05 Feb 2016, 22:19

yes :b i meant ahk library, naturally it seems to work with COM... but anyhow thanks for the link :)

Return to “Scripts and Functions”

Who is online

Users browsing this forum: arcticir, kunkel321 and 12 guests