• Login
sketchucation logo sketchucation
  • Login
🤑 SketchPlus 1.3 | 44 Tools for $15 until June 20th Buy Now

SKUI — A GUI Framework for SketchUp

Scheduled Pinned Locked Moved Developers' Forum
75 Posts 21 Posters 13.0k Views 21 Watching
Loading More Posts
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • T Offline
    thomthom
    last edited by 15 Jul 2013, 10:44

    Introducing SKUI, a GUI framework for SketchUp that let you quickly create GUIs for your SketchUp extension without any HTML, CSS or JS knowledge.

    It's still in development and needs some last few tweaks before I can announce the first release. But I invite you all to have a look at it for feedback and with the hopes that people will contribute to improve the project.

    Link Preview Image
    SKUI — A GUI Framework for SketchUp

    Introducing SKUI, a GUI framework for SketchUp. It’s a library that lets you create and manipulate WebDialog GUI using only Ruby code. It saves you from needing any knowledge of HTML, CSS, JS…

    favicon

    Procrastinators Revolt! (www.thomthom.net)

    Hello World

    <span class="syntaxdefault">w </span><span class="syntaxkeyword">=</span><span class="syntaxdefault"> SKUI</span><span class="syntaxkeyword">;;</span><span class="syntaxdefault">Window</span><span class="syntaxkeyword">.new<br /></span><span class="syntaxdefault">b </span><span class="syntaxkeyword">=</span><span class="syntaxdefault"> SKUI</span><span class="syntaxkeyword">;;</span><span class="syntaxdefault">Button</span><span class="syntaxkeyword">.new(</span><span class="syntaxdefault"> </span><span class="syntaxstring">'Hello'</span><span class="syntaxdefault"> </span><span class="syntaxkeyword">)</span><span class="syntaxdefault"> </span><span class="syntaxkeyword">{</span><span class="syntaxdefault"> puts </span><span class="syntaxstring">'World! ;)'</span><span class="syntaxdefault"> </span><span class="syntaxkeyword">}<br /></span><span class="syntaxdefault">b</span><span class="syntaxkeyword">.</span><span class="syntaxdefault">position</span><span class="syntaxkeyword">(</span><span class="syntaxdefault"> 10</span><span class="syntaxkeyword">,</span><span class="syntaxdefault"> 5 </span><span class="syntaxkeyword">)<br /></span><span class="syntaxdefault">w</span><span class="syntaxkeyword">.</span><span class="syntaxdefault">add_control</span><span class="syntaxkeyword">(</span><span class="syntaxdefault"> b </span><span class="syntaxkeyword">)<br /></span><span class="syntaxdefault">w</span><span class="syntaxkeyword">.</span><span class="syntaxdefault">show</span>
    

    HelloWorld.png

    Example Controls

    Example Controls

    Themable

    Theme Example

    Thomas Thomassen — SketchUp Monkey & Coding addict
    List of my plugins and link to the CookieWare fund

    1 Reply Last reply Reply Quote 0
    • K Offline
      Krisidious
      last edited by 15 Jul 2013, 13:35

      very nice...

      By: Kristoff Rand
      Home DesignerUnique House Plans

      1 Reply Last reply Reply Quote 0
      • T Offline
        tomot
        last edited by 15 Jul 2013, 19:40

        Interesting!
        "A picture is worth a thousand words" .....will it contain the ability to include small graphics that provide better feedback to the user. A simple line of text in a dialog box with a cryptic title such as Depth of Window Sill, is hard to visualize.

        [my plugins](http://thingsvirtual.blogspot.ca/)
        tomot

        1 Reply Last reply Reply Quote 0
        • V Offline
          Vicspa
          last edited by 15 Jul 2013, 19:47

          YEAH!!!

          1 Reply Last reply Reply Quote 0
          • A Offline
            Anton_S
            last edited by 15 Jul 2013, 21:23

            Wow!!! 😍

            Thomthom you're so awesome!!! I have wanted something like that long before. Your website is also super amazing and beautiful! I'm not quite sure why I haven't seen it before 😕 , especially when I use almost all of your plugins. When I'll get older and get the job, I will send you cookies, no doubt!! 💚

            Thankyou so much 😄 😄

            1 Reply Last reply Reply Quote 0
            • T Offline
              thomthom
              last edited by 16 Jul 2013, 01:05

              @tomot said:

              Interesting!
              "A picture is worth a thousand words" .....will it contain the ability to include small graphics that provide better feedback to the user. A simple line of text in a dialog box with a cryptic title such as Depth of Window Sill, is hard to visualize.

              There is an Image class which simply maps to an <IMG> tag. So you can display illustrative graphics to go along with the input elements. You can even make it update depending on what input element has the focus. (Actually, I might not have implemented all the events for that yet - but it's on the list of issues to address before an official v1.0 release)

              Thomas Thomassen — SketchUp Monkey & Coding addict
              List of my plugins and link to the CookieWare fund

              1 Reply Last reply Reply Quote 0
              • T Offline
                thomthom
                last edited by 16 Jul 2013, 01:08

                @anton_s said:

                I have wanted something like that long before.

                I hope you get a chance to try it out. I'm sorry that I've not gotten around to generate the API documentation yet. It's also one of the last things on my todo list before v1.0. I need to work out how to configure YARD to understand the new syntax I introduced.

                But it's getting really close I think, which is why I make my call for testing.

                Thomas Thomassen — SketchUp Monkey & Coding addict
                List of my plugins and link to the CookieWare fund

                1 Reply Last reply Reply Quote 0
                • M Offline
                  mptak
                  last edited by 16 Jul 2013, 01:14

                  Exciting to see. Looking forward to putting it to good creative use.

                  1 Reply Last reply Reply Quote 0
                  • T Offline
                    thomthom
                    last edited by 16 Jul 2013, 01:24

                    I'll be working on the documentation so people can get started.

                    Thomas Thomassen — SketchUp Monkey & Coding addict
                    List of my plugins and link to the CookieWare fund

                    1 Reply Last reply Reply Quote 0
                    • J Offline
                      Jernej Vidmar
                      last edited by 18 Jul 2013, 10:26

                      Hi Thomas, you have done a wonderful thing. Again. Congratulations!

                      1 Reply Last reply Reply Quote 0
                      • jolranJ Offline
                        jolran
                        last edited by 19 Jul 2013, 11:23

                        I agree. This looks fantastic!

                        1 Reply Last reply Reply Quote 0
                        • PixeroP Offline
                          Pixero
                          last edited by 22 Jul 2013, 07:18

                          Wow this looks great. May I suggest some sliders also.

                          1 Reply Last reply Reply Quote 0
                          • T Offline
                            thomthom
                            last edited by 22 Jul 2013, 08:08

                            @pixero said:

                            May I suggest some sliders also.

                            Issue #44

                            I'd like the emphasize that I hope for this project to become a community project. That people improve it and grow it.

                            Right now I implemented a basic set of controls. I want to get the Milestone 1 issues done so the project has a good solid foundation. Once that is done the next focus would be more controls.

                            Thomas Thomassen — SketchUp Monkey & Coding addict
                            List of my plugins and link to the CookieWare fund

                            1 Reply Last reply Reply Quote 0
                            • P Offline
                              povmaniac
                              last edited by 21 Aug 2013, 17:00

                              Interesting.. I forked your repository for tested with my exporter.
                              My level of Ruby / javascript is very limited.. atm 😄
                              Greetings..

                              Code::maniac!!

                              1 Reply Last reply Reply Quote 0
                              • brewskyB Offline
                                brewsky
                                last edited by 20 Mar 2014, 20:18

                                Great project! I have also been thinking about something like this.
                                I'm going to try this out, beta or not, it seems way more solid than my own webdialogs 😉

                                Sketchup BIM-Tools - http://sketchucation.com/forums/viewtopic.php?p=299107

                                1 Reply Last reply Reply Quote 0
                                • T Offline
                                  thomthom
                                  last edited by 20 Mar 2014, 22:18

                                  @brewsky said:

                                  I'm going to try this out, beta or not

                                  It's quite a stable beta. I hope to get the last few issues ironed out soon.

                                  Thomas Thomassen — SketchUp Monkey & Coding addict
                                  List of my plugins and link to the CookieWare fund

                                  1 Reply Last reply Reply Quote 0
                                  • G Offline
                                    Garry K
                                    last edited by 30 Mar 2014, 17:14

                                    I'm also going to try this. Where can I get the most up to date documentation and examples?

                                    Questions I have:

                                    1. How will language translation work?
                                    2. Do you support hints during hovering?
                                    3. How well do the components line up? I would like to line things up like this.

                                    Stair inputs imperial.JPG

                                    1 Reply Last reply Reply Quote 0
                                    • jiminy-billy-bobJ Offline
                                      jiminy-billy-bob
                                      last edited by 31 Mar 2014, 07:24

                                      @pgarmyn said:

                                      This is big great.
                                      If it's platform independent, It will become the most downloaded plugin (after Sketchucation tools)
                                      👍

                                      By devs, certainly! But I don't think regular users will download this.
                                      (Well, they will, but embedded in other plugins)

                                      25% off Skatter for SketchUcation Premium Members

                                      1 Reply Last reply Reply Quote 0
                                      • T Offline
                                        thomthom
                                        last edited by 31 Mar 2014, 09:14

                                        @garry k said:

                                        Where can I get the most up to date documentation and examples?

                                        Everything is located at the GitHub repository. https://github.com/thomthom/SKUI

                                        @garry k said:

                                        1. How will language translation work?

                                        That's not handled by SKUI. You use your own translator - use it when you create the dialog. You can also change the labels after it's been loaded.

                                        @garry k said:

                                        1. Do you support hints during hovering?

                                        Tooltips? By using the .tooltip getter and setter.
                                        https://github.com/thomthom/SKUI/blob/master/src/SKUI/control.rb#L45

                                        @garry k said:

                                        1. How well do the components line up? I would like to line things up like this.

                                        You line them us as you please. You specify position and size. There is no automatic layout as of now.

                                        Note that it's still in beta. It's not 100% complete and might still incur breaking changes so pay attention if you use it and update. The Issue tracker on GitHub got an overview of open issues and what's targeted for the first release.

                                        Thomas Thomassen — SketchUp Monkey & Coding addict
                                        List of my plugins and link to the CookieWare fund

                                        1 Reply Last reply Reply Quote 0
                                        • P Offline
                                          pgarmyn
                                          last edited by 31 Mar 2014, 11:08

                                          @jiminy-billy-bob said:

                                          By devs, certainly! But I don't think regular users will download this.
                                          (Well, they will, but embedded in other plugins)

                                          That's why it has to be on the plugin store as a library, and (automatically ?) loaded (by dependency)

                                          1 Reply Last reply Reply Quote 0
                                          • 1
                                          • 2
                                          • 3
                                          • 4
                                          • 1 / 4
                                          • First post
                                            Last post
                                          Buy SketchPlus
                                          Buy SUbD
                                          Buy WrapR
                                          Buy eBook
                                          Buy Modelur
                                          Buy Vertex Tools
                                          Buy SketchCuisine
                                          Buy FormFonts

                                          Advertisement