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

Post your working scripts, libraries and tools
User avatar
jNizM
Posts: 2503
Joined: 30 Sep 2013, 01:33
GitHub: jNizM
Contact:

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

11 May 2015, 04:37

AutoHotkey Gui Concept (work in progress)
Image
[AHK] 1.1.30.03 x64 Unicode | [WIN] 10 Pro (Version 1903) x64 | [GitHub] Profile
Donations are appreciated if I could help you
User avatar
empardopo
Posts: 336
Joined: 06 Oct 2013, 12:50
Location: Spain
Contact:

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

11 May 2015, 05:26

Bruttosozialprodukt wrote:You can do even more exciting stuff using HTML5/CSS3 inside a Shell.Explorer control.
Here is an example:
Image
(Yes you can actually put GUI controls on an animated 3d cube and you could even interact with them.)

Code: Select all

#Include CWebView.ahk ;http://pastebin.com/UcKy3FB8 (modificated for html5, thanks to Coco)
;CWebView.ahk was written by Coco

htmlCode =
(
<!DOCTYPE html>
<html lang="en">
  <head>
    <link href="http://hakim.se/experiments/html5/origami/css/reset.css" rel="stylesheet" media="screen" />
    <link href="http://hakim.se/experiments/html5/origami/css/main.css" rel="stylesheet" media="screen" />
    <style>
      html, body {
        background-color: #123456;
        overflow-y:hidden;
      } 
      .box3d {
          width: 200px;
          height: 200px;
          margin: 100px auto;
          position: absolute;
          -webkit-transform-style: preserve-3d;
          left: 50`%;
          top: 50`%;
          margin: -100px 0 0 -100px;
      }
      .box3d div {
          position: absolute;
          left: 0;
          top: 0;
          width: 200px;
          height: 200px;
          -webkit-backface-visibility: hidden;
          -webkit-transform-origin: 50`% 50`% -100px;
          backface-visibility: hidden;
          transform-origin: 50`% 50`% -100px;
      }
      .box3d .p1 {
          background: red;
          -webkit-animation: spin1 10s infinite linear;
          animation: spin1 10s infinite linear;
      }
      .box3d .p2 {
          background: orange;
          -webkit-animation: spin2 10s infinite linear;
          animation: spin2 10s infinite linear;
      }
      .box3d .p3 {
          background: yellow;
          -webkit-animation: spin3 10s infinite linear;
          animation: spin3 10s infinite linear;
      }
      .box3d .p4 {
          background: indigo;
          -webkit-animation: spin4 10s infinite linear;
          animation: spin4 10s infinite linear;
      }
      .box3d .p5 {
          background: blue;
          -webkit-animation: spin5 10s infinite linear;
          animation: spin5 10s infinite linear;
      }
      .box3d .p6 {
          background: green;
          animation: spin6 10s infinite linear;
          -webkit-animation: spin6 10s infinite linear;
      }
      /* for Safari and Chrome */
      
      @-webkit-keyframes spin1 {
          0`% {
              -webkit-transform: perspective(600px) rotateX(0deg) rotateY(90deg) rotateZ(0deg);
          }
          100`% {
              -webkit-transform: perspective(600px) rotateX(360deg) rotateY(450deg) rotateZ(0deg);
          }
      }
      @-webkit-keyframes spin2 {
          0`% {
              -webkit-transform: perspective(600px) rotateX(0deg) rotateY(270deg) rotateZ(0deg);
          }
          100`% {
              -webkit-transform: perspective(600px) rotateX(360deg) rotateY(630deg) rotateZ(0deg);
          }
      }
      @-webkit-keyframes spin3 {
          0`% {
              -webkit-transform: perspective(600px) rotateX(90deg) rotateY(0deg) rotateZ(0deg);
          }
          100`% {
              -webkit-transform: perspective(600px) rotateX(450deg) rotateY(0deg) rotateZ(-360deg);
          }
      }
      @-webkit-keyframes spin4 {
          0`% {
              -webkit-transform: perspective(600px) rotateX(-90deg) rotateY(0deg) rotateZ(0deg);
          }
          100`% {
              -webkit-transform: perspective(600px) rotateX(270deg) rotateY(0deg) rotateZ(360deg);
          }
      }
      @-webkit-keyframes spin5 {
          0`% {
              -webkit-transform: perspective(600px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
          }
          100`% {
              -webkit-transform: perspective(600px) rotateX(360deg) rotateY(360deg) rotateZ(0deg);
          }
      }
      @-webkit-keyframes spin6 {
          0`% {
              -webkit-transform: perspective(600px) rotateX(0deg) rotateY(180deg) rotateZ(0deg);
          }
          100`% {
              -webkit-transform: perspective(600px) rotateX(360deg) rotateY(540deg) rotateZ(0deg);
          }
      }
      /* for IE10 and Firefox */
      
      @keyframes spin1 {
          0`% {
              transform: perspective(600px) rotateX(0deg) rotateY(90deg) rotateZ(0deg);
          }
          100`% {
              transform: perspective(600px) rotateX(360deg) rotateY(450deg) rotateZ(0deg);
          }
      }
      @keyframes spin2 {
          0`% {
              transform: perspective(600px) rotateX(0deg) rotateY(270deg) rotateZ(0deg);
          }
          100`% {
              transform: perspective(600px) rotateX(360deg) rotateY(630deg) rotateZ(0deg);
          }
      }
      @keyframes spin3 {
          0`% {
              transform: perspective(600px) rotateX(90deg) rotateY(0deg) rotateZ(0deg);
          }
          100`% {
              transform: perspective(600px) rotateX(450deg) rotateY(0deg) rotateZ(-360deg);
          }
      }
      @keyframes spin4 {
          0`% {
              transform: perspective(600px) rotateX(-90deg) rotateY(0deg) rotateZ(0deg);
          }
          100`% {
              transform: perspective(600px) rotateX(270deg) rotateY(0deg) rotateZ(360deg);
          }
      }
      @keyframes spin5 {
          0`% {
              transform: perspective(600px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
          }
          100`% {
              transform: perspective(600px) rotateX(360deg) rotateY(360deg) rotateZ(0deg);
          }
      }
      @keyframes spin6 {
          0`% {
              transform: perspective(600px) rotateX(0deg) rotateY(180deg) rotateZ(0deg);
          }
          100`% {
              transform: perspective(600px) rotateX(360deg) rotateY(540deg) rotateZ(0deg);
          }
      }
    </style>
  </head>
  <body>
    <script src="http://hakim.se/experiments/html5/origami/js/origami.js"></script>
    <div class="box3d">
      <div class="p1"><img width="100`%" height="100`%" src="https://lh3.googleusercontent.com/-LBr1CfXw5DI/VGl15ZNY2kI/AAAAAAAAG4c/0eSoF55ty7E/w1280-h1024/Awesome.png"/></div>
      <div class="p2"><img width="100`%" height="100`%" src="http://www.pbh2.com/wordpress/wp-content/uploads/2013/06/animated-gifs-snake.gif"/></div>
      <div class="p3"><img width="100`%" height="100`%" src="http://media3.giphy.com/media/KW3nydTAyPaU0/giphy.gif"/></div>
      <div class="p4"><iframe width="100`%" height="100`%" src="https://www.youtube.com/embed/LRHIJmKoJ9Q" frameborder="0" allowfullscreen></iframe></div>
      <div class="p5"><img width="100`%" height="100`%" src="http://ahkscript.org/logos/ahk_logo-original.png"/></div>
      <div class="p6"></div>
    </div>
  </body>
</html>
)

Gui 1: -Caption +LastFound +AlwaysOnTop +OwnDialogs
WinSet, TransColor, 123456
Gui 1:Show, x0 y0 w%A_ScreenWidth% h%A_ScreenHeight%
htmlGUI := new CWebView(1,"x0 y0 w" A_ScreenWidth " h" A_ScreenHeight)
;htmlGUI.BrowserEmulation := "edge"
htmlGUI.SetHTML(htmlCode)
In spanish, "La leche!!!!"
Everything is possible!
User avatar
joedf
Posts: 7250
Joined: 29 Sep 2013, 17:08
Facebook: J0EDF
Google: +joedf
GitHub: joedf
Location: Canada
Contact:

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

11 May 2015, 09:32

@jNizM very nice! :D
Image Image Image Image Image
Windows 10 x64 Professional, Intel i5-8500 @ 4.00 GHz, 2x8GB DDR4 3143 MHz, NVIDIA GTX 1060 6GB | [About Me] | [ASPDM - StdLib Distribution]
[Populate the AHK MiniCity!] | [Qonsole - Quake-like console emulator] | [LibCon - Autohotkey Console Library] | [About the AHK Foundation]
User avatar
jNizM
Posts: 2503
Joined: 30 Sep 2013, 01:33
GitHub: jNizM
Contact:

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

11 May 2015, 09:36

joedf wrote:@jNizM very nice! :D
Thank you :D
[AHK] 1.1.30.03 x64 Unicode | [WIN] 10 Pro (Version 1903) x64 | [GitHub] Profile
Donations are appreciated if I could help you
User avatar
cyruz
Posts: 295
Joined: 30 Sep 2013, 13:31

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

11 May 2015, 12:06

Are you coding an audio player? It would be epic!
ABCza on the old forum.
My GitHub.
Bruttosozialprodukt
Posts: 457
Joined: 24 Jan 2014, 22:28

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

11 May 2015, 12:28

Playing audio is a built in AHK feature. And playing videos can be done using the Shell.Explorer object and HTML5 or Flash. Or you could embed the WMP or VLC using on an activex control (It would limit you with the design though).
User avatar
jNizM
Posts: 2503
Joined: 30 Sep 2013, 01:33
GitHub: jNizM
Contact:

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

12 May 2015, 01:15

@cyruz...
No... I just code a gui concept where everyone can do what they want with this example :D
[AHK] 1.1.30.03 x64 Unicode | [WIN] 10 Pro (Version 1903) x64 | [GitHub] Profile
Donations are appreciated if I could help you
b0otable

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

30 May 2015, 00:21

cyruz wrote:Are you coding an audio player? It would be epic!
I believe someone made a music player in AHK before: http://sourceforge.net/projects/apollomusicplayer/
(Never have tested it myself) but the screenshots show a pretty impressive GUI as well
b0otable

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

30 May 2015, 00:23

[quote="jNizM"]AutoHotkey Gui Concept (work in progress)
[img]https://dl.dropboxusercontent.com/u/186 ... oncept.png[/img][/quote]
Any code available for this GUI?

Also, does anyone have any good examples of how to make certain standard GUI controls more visually appealing. ListView comes to mind as a control that I use often but I feel makes the GUIs look quite dated.
User avatar
jNizM
Posts: 2503
Joined: 30 Sep 2013, 01:33
GitHub: jNizM
Contact:

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

01 Jun 2015, 01:23

@b0otable
hf Gui_Conecpt.ahk
[AHK] 1.1.30.03 x64 Unicode | [WIN] 10 Pro (Version 1903) x64 | [GitHub] Profile
Donations are appreciated if I could help you
User avatar
joedf
Posts: 7250
Joined: 29 Sep 2013, 17:08
Facebook: J0EDF
Google: +joedf
GitHub: joedf
Location: Canada
Contact:

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

01 Jun 2015, 01:48

Why Conecpt? Typo of concept?
Image Image Image Image Image
Windows 10 x64 Professional, Intel i5-8500 @ 4.00 GHz, 2x8GB DDR4 3143 MHz, NVIDIA GTX 1060 6GB | [About Me] | [ASPDM - StdLib Distribution]
[Populate the AHK MiniCity!] | [Qonsole - Quake-like console emulator] | [LibCon - Autohotkey Console Library] | [About the AHK Foundation]
User avatar
jNizM
Posts: 2503
Joined: 30 Sep 2013, 01:33
GitHub: jNizM
Contact:

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

01 Jun 2015, 02:23

How would you call it?
[AHK] 1.1.30.03 x64 Unicode | [WIN] 10 Pro (Version 1903) x64 | [GitHub] Profile
Donations are appreciated if I could help you
User avatar
cyruz
Posts: 295
Joined: 30 Sep 2013, 13:31

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

01 Jun 2015, 03:07

jNizM wrote:@cyruz...
No... I just code a gui concept where everyone can do what they want with this example :D
Nice :D
b0otable wrote:
cyruz wrote:Are you coding an audio player? It would be epic!
I believe someone made a music player in AHK before: http://sourceforge.net/projects/apollomusicplayer/
(Never have tested it myself) but the screenshots show a pretty impressive GUI as well
Thank you for the link!
ABCza on the old forum.
My GitHub.
User avatar
joedf
Posts: 7250
Joined: 29 Sep 2013, 17:08
Facebook: J0EDF
Google: +joedf
GitHub: joedf
Location: Canada
Contact:

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

01 Jun 2015, 22:27

Beats me. :/
Image Image Image Image Image
Windows 10 x64 Professional, Intel i5-8500 @ 4.00 GHz, 2x8GB DDR4 3143 MHz, NVIDIA GTX 1060 6GB | [About Me] | [ASPDM - StdLib Distribution]
[Populate the AHK MiniCity!] | [Qonsole - Quake-like console emulator] | [LibCon - Autohotkey Console Library] | [About the AHK Foundation]
User avatar
jNizM
Posts: 2503
Joined: 30 Sep 2013, 01:33
GitHub: jNizM
Contact:

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

05 Jun 2015, 07:42

TheDewd wrote:I experimented with creating a Gui that would behave similarly to a mobile website -- Microsoft OWA (Outlook Web App) in particular.

The script uses external images which I have included in the zip archive file attached to this post. Also attached preview image.
@TheDewd:
Do you work on this?
[AHK] 1.1.30.03 x64 Unicode | [WIN] 10 Pro (Version 1903) x64 | [GitHub] Profile
Donations are appreciated if I could help you
User avatar
TheDewd
Posts: 1334
Joined: 19 Dec 2013, 11:16
Location: USA

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

05 Jun 2015, 07:48

jNizM wrote:@TheDewd:
Do you work on this?
I'm not sure what you're asking. You want to know if I have progressed further with the "Mobile Website" inspired GUI?
Image Bulldozer - Sokoban inspired game from 1994 recreated in AutoHotkey.
User avatar
jNizM
Posts: 2503
Joined: 30 Sep 2013, 01:33
GitHub: jNizM
Contact:

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

05 Jun 2015, 07:55

In short, yes =)
[AHK] 1.1.30.03 x64 Unicode | [WIN] 10 Pro (Version 1903) x64 | [GitHub] Profile
Donations are appreciated if I could help you
User avatar
TheDewd
Posts: 1334
Joined: 19 Dec 2013, 11:16
Location: USA

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

05 Jun 2015, 08:02

:-) Well, no... I haven't worked on this more, but only because I don't know what else is needed. Do you have any ideas for me?

I recently noticed that the new GWX.exe "Reserve Windows 10 upgrade" application that Windows is installing on machines is using a similar "mobile" interface.
https://discuss.howtogeek.com/uploads/d ... af073c.png
Image Bulldozer - Sokoban inspired game from 1994 recreated in AutoHotkey.
User avatar
jNizM
Posts: 2503
Joined: 30 Sep 2013, 01:33
GitHub: jNizM
Contact:

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

05 Jun 2015, 08:07

Since you do it like owa, how about:
Login Feature:
Image
Clickable Semi-Transparent Tiles:
Image

TheDewd wrote:I recently noticed that the new GWX.exe "Reserve Windows 10 upgrade" application that Windows is installing on machines is using a similar "mobile" interface.
https://discuss.howtogeek.com/uploads/d ... af073c.png
Thats why I asked :D
[AHK] 1.1.30.03 x64 Unicode | [WIN] 10 Pro (Version 1903) x64 | [GitHub] Profile
Donations are appreciated if I could help you

Return to “Scripts and Functions”

Who is online

Users browsing this forum: DonaldKenneth and 21 guests