|
@@ -1,6 +1,6 @@
|
|
|
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><!--[if IE]><meta http-equiv="X-UA-Compatible" content="IE=edge"><![endif]--><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta name="generator" content="Asciidoctor 1.5.4"><title>gui</title><link rel="stylesheet" href="./asciidoctor.css">
|
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.5.0/css/font-awesome.min.css">
|
|
|
-<link rel="stylesheet" href="./coderay-asciidoctor.css"><link rel="stylesheet" href="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.css"></head><body class="article toc2 toc-left"><div id="header"><div id="toolbar"><a href="https://github.com/jMonkeyEngine/wiki/edit/master/src/docs/asciidoc/jme3/advanced/atom_framework/gui.adoc"><i class="fa fa-pencil-square" aria-hidden="true"></i></a><a href="https://github.com/jMonkeyEngine/wiki/new/master/src/docs/asciidoc/jme3/advanced/atom_framework/"><i class="fa fa-plus-square" aria-hidden="true"></i><i class="fa fa-navicon" aria-hidden="true"></i></a><input dir="auto" style="position: relative; vertical-align: top;" spellcheck="false" autocomplete="off" class="searchbox__input aa-input" id="doc-search" name="search" placeholder="Search in the doc" required="required" type="search"><i class="fa fa-sort-down" aria-hidden="true"></i></div><h1>gui</h1><div class="details"><span class="author" id="author"></span><br><span id="revnumber">version ,</span> <span id="revdate">2016/03/17 20:48</span></div><div id="toc" class="toc2"><div id="toctitle">Table of Contents</div><ul class="sectlevel1"><li><a href="#atom-s-gui">Atom’s GUI</a><ul class="sectlevel2"><li><a href="#additions">Additions</a></li><li><a href="#ideas">Ideas</a></li><li><a href="#template-and-css">Template and CSS</a></li><li><a href="#gquery">GQuery</a></li></ul></li></ul></div></div><div id="content"><div class="sect2"><h3 id="atom-s-gui">Atom’s GUI</h3><div class="paragraph"><p>In Atom framework, I choose NiftyGUI because its much more features, expandable, have active developing status, and good friendly supports.</p></div>
|
|
|
+<link rel="stylesheet" href="./coderay-asciidoctor.css"><link rel="stylesheet" href="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.css"></head><body class="article toc2 toc-left"><div id="header"><div id="toolbar"><a href="https://github.com/jMonkeyEngine/wiki/edit/master/src/docs/asciidoc/jme3/advanced/atom_framework/gui.adoc"><i class="fa fa-pencil-square" aria-hidden="true"></i></a><a href="https://github.com/jMonkeyEngine/wiki/new/master/src/docs/asciidoc/jme3/advanced/atom_framework/"><i class="fa fa-plus-square" aria-hidden="true"></i></a><input dir="auto" style="position: relative; vertical-align: top;" spellcheck="false" autocomplete="off" class="searchbox__input aa-input" id="doc-search" name="search" placeholder="Search in the doc" required="required" type="search"><i class="fa fa-sort-down" aria-hidden="true"></i></div><h1>gui</h1><div class="details"><span class="author" id="author"></span><br><span id="revnumber">version ,</span> <span id="revdate">2016/03/17 20:48</span></div><div id="toc" class="toc2"><div id="toctitle">Table of Contents</div><ul class="sectlevel1"><li><a href="#atom-s-gui">Atom’s GUI</a><ul class="sectlevel2"><li><a href="#additions">Additions</a></li><li><a href="#ideas">Ideas</a></li><li><a href="#template-and-css">Template and CSS</a></li><li><a href="#gquery">GQuery</a></li></ul></li></ul></div></div><div id="content"><div class="sect2"><h3 id="atom-s-gui">Atom’s GUI</h3><div class="paragraph"><p>In Atom framework, I choose NiftyGUI because its much more features, expandable, have active developing status, and good friendly supports.</p></div>
|
|
|
<div class="paragraph"><p>AtomGUI is the base of AtomEditor component (of Atom framework), which in turn provide easy editing support for game objects, configs and such, just like Swing does with Java’s bean and Models, but in 3D with hardware accelarated.</p></div>
|
|
|
<div class="sect2"><h3 id="additions">Additions</h3><div class="paragraph"><p>My additions for NiftyGUI:</p></div>
|
|
|
<div class="ulist"><ul><li><p>Lightweight MVC</p><div class="ulist"><ul><li><p>Template framework</p></li><li><p>a Groovy builder</p></li><li><p>a <abbr title="Cascading Style Sheets">CSS</abbr> (Cascaded Style Sheet) implementation (for NiftyGUI), even a LESS</p></li><li><p>a simplier Localization framework</p></li><li><p>GQuery stand for “JQuery in Groovy</p></li><li><p>a lot of Groovy scripting and functional sugar for NiftyGUI</p></li></ul></div></li></ul></div></div>
|
|
@@ -16,7 +16,7 @@ There are some “good template framework in the Java and JavaScript world:
|
|
|
<div class="paragraph"><p>I see much powerful can be gained if we open this direction with the combination of : JME3 + Nifty + Groovy. That’s why I experiment all this stuffs.</p></div></div>
|
|
|
<div class="sect2"><h3 id="gquery">GQuery</h3><div class="paragraph"><p>GQuery stand for “JQuery like in Groovy.</p></div>
|
|
|
<div class="paragraph"><p>JQuery is a famous framework in the JavaScript and Web world. GQuery try to provide some of its features, immtimate its syntax and sugars, leverage by Groovy:</p></div>
|
|
|
-<div class="ulist"><ul><li><p>Query, select a Node Tree (like <abbr title="HyperText Markup Language">HTML</abbr>, Nifty elements,…) with a minimal Path syntax , same as XPath</p></li><li><p>Hooks to Node’s (components, elements..) events with Eventbus</p></li></ul></div></div></div></div><div id="footer"><div id="footer-text">Version <br>Last updated 2017-10-11 20:10:02 +00:00</div></div><script type="text/javascript" src="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.js"></script><script>docsearch({
|
|
|
+<div class="ulist"><ul><li><p>Query, select a Node Tree (like <abbr title="HyperText Markup Language">HTML</abbr>, Nifty elements,…) with a minimal Path syntax , same as XPath</p></li><li><p>Hooks to Node’s (components, elements..) events with Eventbus</p></li></ul></div></div></div></div><div id="footer"><div id="footer-text">Version <br>Last updated 2017-10-11 20:36:17 +00:00</div></div><script type="text/javascript" src="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.js"></script><script>docsearch({
|
|
|
apiKey: 'a736b6d93de805e26ec2f49b55013fbd',
|
|
|
indexName: 'jmonkeyengine',
|
|
|
inputSelector: '#doc-search',
|