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.
    • thomthomT Offline
      thomthom
      last edited by

      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
      • KrisidiousK Offline
        Krisidious
        last edited by

        very nice...

        By: Kristoff Rand
        Home DesignerUnique House Plans

        1 Reply Last reply Reply Quote 0
        • T Offline
          tomot
          last edited by

          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

            YEAH!!!

            1 Reply Last reply Reply Quote 0
            • A Offline
              Anton_S
              last edited by

              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
              • thomthomT Offline
                thomthom
                last edited by

                @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
                • thomthomT Offline
                  thomthom
                  last edited by

                  @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

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

                    1 Reply Last reply Reply Quote 0
                    • thomthomT Offline
                      thomthom
                      last edited by

                      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

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

                        1 Reply Last reply Reply Quote 0
                        • jolranJ Offline
                          jolran
                          last edited by

                          I agree. This looks fantastic!

                          1 Reply Last reply Reply Quote 0
                          • PixeroP Offline
                            Pixero
                            last edited by

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

                            1 Reply Last reply Reply Quote 0
                            • thomthomT Offline
                              thomthom
                              last edited by

                              @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

                                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

                                  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
                                  • thomthomT Offline
                                    thomthom
                                    last edited by

                                    @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

                                      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

                                        @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
                                        • thomthomT Offline
                                          thomthom
                                          last edited by

                                          @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

                                            @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