Page 5 of 15

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

Posted: 24 Jan 2015, 15:25
by joedf

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

Posted: 24 Jan 2015, 15:54
by evilC
looks ideal, thanks joe

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

Posted: 24 Jan 2015, 21:35
by huyaowen
thanks ,good jobs.

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

Posted: 26 Jan 2015, 09:18
by GeekDude
My Piet painting editor, GDI+ based but with plans to move to GDI. Here it is featuring a painting that tallies up the number of each character in a given phrase.
Image
Code: http://github.com/G33kDude/Piet

And my "tech demo" featuring some dots you can drag around, which have lines between them that vary in size based on distance. Also GDI+
Image
Code:
Spoiler

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

Posted: 15 Feb 2015, 03:20
by immorrr
my current projects gui uses GDI+ and looks like this:
Image

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

Posted: 15 Feb 2015, 04:13
by vasili111
immorrr
Please post code of your GUI.

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

Posted: 15 Feb 2015, 04:55
by joedf
Very cool! What is it?

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

Posted: 15 Feb 2015, 10:51
by immorrr
vasili111 wrote:immorrr
Please post code of your GUI.
i am currently cleaning up the code, at its current state it wont be of any help ^^
Dont worry gonna publish it as soon as i finished some things!
joedf wrote:Very cool! What is it?
Basicly its an automation for an online game called "Path of Exile"

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

Posted: 15 Feb 2015, 10:52
by immorrr
argh forgot to login before posting ...

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

Posted: 15 Feb 2015, 11:56
by joedf
Dont worry. I changed the post's ownership ;)

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

Posted: 15 Feb 2015, 19:03
by immorrr
Thank you Sir!

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

Posted: 17 Feb 2015, 10:14
by GeekDude
How about a floating ActiveX GUI?

http://ahkscript.org/boards/viewtopic.php?f=6&t=6262

Image

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

Posted: 18 Feb 2015, 05:23
by empardopo
immorrr wrote:my current projects gui uses GDI+ and looks like this:
Image
Awesome!!!!! :clap:
Waiting to see this code. :dance:

Re: Alternative GUI styles (please contribute)

Posted: 04 Apr 2015, 10:45
by Peace1
jNizM wrote:AutoHotkey Installer Gui
Image
Hi all,

There are great GUI's in this thread, thank you for sharing it !

jNizM can you repost the source please because the link is dead ? Thank you in advance.

@empardopo +1 i'm waiting the source code too :)
jNizM wrote:ComputerStats (Source)

Image
Hi jNizM,

Great GUI ! If i want to add a ComboBox like your button skin in the tab4 how i can do it please ?

And if i want to resize the GUI by changing the W H of Groupbox's how i can autosize the GUI like you ? well i found how to do ^^

Best regards.

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

Posted: 01 May 2015, 12:06
by TheDewd
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.

Re: Alternative GUI styles (please contribute)

Posted: 01 May 2015, 23:25
by lexikos
Peace1 wrote:jNizM can you repost the source please because the link is dead ?
Given that you quoted the AutoHotkey Installer, I guess that's what you're referring to.

Please do not post copies of the AutoHotkey installer script. The source code is included in the installer. If you install AutoHotkey, a copy is placed in the AutoHotkey directory and is used for uninstallation. Otherwise, you can use 7-zip or the "extract to" link when you run the installer to extract Installer.ahk.

(My post comes a bit late, I know.)

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

Posted: 02 May 2015, 16:56
by joedf
@TheDewd interesting idea there :)

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

Posted: 09 May 2015, 17:33
by Bruttosozialprodukt
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)

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

Posted: 09 May 2015, 17:39
by joedf
Holy frijoles! :o :D

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

Posted: 10 May 2015, 01:37
by vasili111
Bruttosozialprodukt
Very nice example :)