doc1.14/libui.html



<!DOCTYPE html>
<html class="writer-html5" lang="en" >
<head>
  <meta charset="utf-8">
  
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  
  <title>RingLibUI Extension &mdash; Ring 1.14 documentation</title>
  

  <link rel="stylesheet" href="_static/css/theme.css" type="text/css" />
  <link rel="stylesheet" href="_static/pygments.css" type="text/css" />
  <link rel="stylesheet" href="_static/css/custom.css" type="text/css" />

  
  <!--[if lt IE 9]>
    <script src="_static/js/html5shiv.min.js"></script>
  <![endif]-->
  
    
      <script type="text/javascript" id="documentation_options" data-url_root="./" src="_static/documentation_options.js"></script>
        <script src="_static/jquery.js"></script>
        <script src="_static/underscore.js"></script>
        <script src="_static/doctools.js"></script>
        <script src="_static/language_data.js"></script>
    
    <script type="text/javascript" src="_static/js/theme.js"></script>

    
    <link rel="index" title="Index" href="genindex.html" />
    <link rel="search" title="Search" href="search.html" />
    <link rel="next" title="Using RingZip" href="ringzip.html" />
    <link rel="prev" title="Threads Extension" href="threads.html" /> 
</head>

<body class="wy-body-for-nav">

   
  <div class="wy-grid-for-nav">
    
    <nav data-toggle="wy-nav-shift" class="wy-nav-side">
      <div class="wy-side-scroll">
        <div class="wy-side-nav-search" >
          

            <a href="index.html">
          

            <img src="_static/ringdoclogo.jpg" class="logo" alt="Logo"/>
          
          </a>

          
<div role="search">
  <form id="rtd-search-form" class="wy-form" action="search.html" method="get">
    <input type="text" name="q" placeholder="Search docs" />
    <input type="hidden" name="check_keywords" value="yes" />
    <input type="hidden" name="area" value="default" />
  </form>
</div>

          
        </div>

        
        <div class="wy-menu wy-menu-vertical" data-spy="affix" role="navigation" aria-label="main navigation">
          
            
              <ul class="current">
<li class="toctree-l1"><a class="reference internal" href="ringapps.html">Applications developed in a few hours</a></li>
<li class="toctree-l1"><a class="reference internal" href="introduction.html">Introduction</a></li>
<li class="toctree-l1"><a class="reference internal" href="ringnotepad.html">Using Ring Notepad</a></li>
<li class="toctree-l1"><a class="reference internal" href="getting_started.html">Getting Started - First Style</a></li>
<li class="toctree-l1"><a class="reference internal" href="getting_started2.html">Getting Started - Second Style</a></li>
<li class="toctree-l1"><a class="reference internal" href="getting_started3.html">Getting Started - Third Style</a></li>
<li class="toctree-l1"><a class="reference internal" href="variables.html">Variables</a></li>
<li class="toctree-l1"><a class="reference internal" href="operators.html">Operators</a></li>
<li class="toctree-l1"><a class="reference internal" href="controlstructures.html">Control Structures - First Style</a></li>
<li class="toctree-l1"><a class="reference internal" href="controlstructures2.html">Control Structures - Second Style</a></li>
<li class="toctree-l1"><a class="reference internal" href="controlstructures3.html">Control Structures - Third Style</a></li>
<li class="toctree-l1"><a class="reference internal" href="getinput.html">Getting Input</a></li>
<li class="toctree-l1"><a class="reference internal" href="functions.html">Functions - First Style</a></li>
<li class="toctree-l1"><a class="reference internal" href="functions2.html">Functions - Second Style</a></li>
<li class="toctree-l1"><a class="reference internal" href="functions3.html">Functions - Third Style</a></li>
<li class="toctree-l1"><a class="reference internal" href="programstructure.html">Program Structure</a></li>
<li class="toctree-l1"><a class="reference internal" href="lists.html">Lists</a></li>
<li class="toctree-l1"><a class="reference internal" href="strings.html">Strings</a></li>
<li class="toctree-l1"><a class="reference internal" href="dateandtime.html">Date and Time</a></li>
<li class="toctree-l1"><a class="reference internal" href="checkandconvert.html">Check Data Type and Conversion</a></li>
<li class="toctree-l1"><a class="reference internal" href="mathfunc.html">Mathematical Functions</a></li>
<li class="toctree-l1"><a class="reference internal" href="files.html">Files</a></li>
<li class="toctree-l1"><a class="reference internal" href="systemfunc.html">System Functions</a></li>
<li class="toctree-l1"><a class="reference internal" href="evaldebug.html">Eval() and Debugging</a></li>
<li class="toctree-l1"><a class="reference internal" href="demo.html">Demo Programs</a></li>
<li class="toctree-l1"><a class="reference internal" href="odbc.html">ODBC Functions</a></li>
<li class="toctree-l1"><a class="reference internal" href="mysql.html">MySQL Functions</a></li>
<li class="toctree-l1"><a class="reference internal" href="sqlite.html">SQLite Functions</a></li>
<li class="toctree-l1"><a class="reference internal" href="postgresql.html">PostgreSQL Functions</a></li>
<li class="toctree-l1"><a class="reference internal" href="secfunc.html">Security and Internet Functions</a></li>
<li class="toctree-l1"><a class="reference internal" href="oop.html">Object Oriented Programming (OOP)</a></li>
<li class="toctree-l1"><a class="reference internal" href="fp.html">Functional Programming (FP)</a></li>
<li class="toctree-l1"><a class="reference internal" href="metaprog.html">Reflection and Meta-programming</a></li>
<li class="toctree-l1"><a class="reference internal" href="declarative.html">Declarative Programming using Nested Structures</a></li>
<li class="toctree-l1"><a class="reference internal" href="natural.html">Natural language programming</a></li>
<li class="toctree-l1"><a class="reference internal" href="naturallibrary.html">Using the Natural Library</a></li>
<li class="toctree-l1"><a class="reference internal" href="scope.html">Scope Rules for Variables and Attributes</a></li>
<li class="toctree-l1"><a class="reference internal" href="scope2.html">Scope Rules for Functions and Methods</a></li>
<li class="toctree-l1"><a class="reference internal" href="syntaxflexibility.html">Syntax Flexibility</a></li>
<li class="toctree-l1"><a class="reference internal" href="typehints.html">The Type Hints Library</a></li>
<li class="toctree-l1"><a class="reference internal" href="debug.html">The Trace Library and the Interactive Debugger</a></li>
<li class="toctree-l1"><a class="reference internal" href="ringemb.html">Embedding Ring Language in Ring Programs</a></li>
<li class="toctree-l1"><a class="reference internal" href="stdlib.html">Stdlib Functions</a></li>
<li class="toctree-l1"><a class="reference internal" href="stdlibclasses.html">Stdlib Classes</a></li>
<li class="toctree-l1"><a class="reference internal" href="qt.html">Desktop, WebAssembly and Mobile development using RingQt</a></li>
<li class="toctree-l1"><a class="reference internal" href="formdesigner.html">Using the Form Designer</a></li>
<li class="toctree-l1"><a class="reference internal" href="qt3d.html">Graphics Programming using RingQt3D</a></li>
<li class="toctree-l1"><a class="reference internal" href="ringqtobjects.html">Objects Library for RingQt Application</a></li>
<li class="toctree-l1"><a class="reference internal" href="multilanguage.html">Multi-language Applications</a></li>
<li class="toctree-l1"><a class="reference internal" href="qtmobile.html">Building RingQt Applications for Mobile</a></li>
<li class="toctree-l1"><a class="reference internal" href="qtwebassembly.html">Building RingQt Applications for WebAssembly</a></li>
<li class="toctree-l1"><a class="reference internal" href="web.html">Web Development (CGI Library)</a></li>
<li class="toctree-l1"><a class="reference internal" href="deployincloud.html">Deploying Web Applications in the Cloud</a></li>
<li class="toctree-l1"><a class="reference internal" href="allegro.html">Graphics and 2D Games programming using RingAllegro</a></li>
<li class="toctree-l1"><a class="reference internal" href="gameengine.html">Demo Project - Game Engine for 2D Games</a></li>
<li class="toctree-l1"><a class="reference internal" href="gameengineandorid.html">Building Games For Android</a></li>
<li class="toctree-l1"><a class="reference internal" href="ringraylib.html">Developing Games using RingRayLib</a></li>
<li class="toctree-l1"><a class="reference internal" href="usingopengl.html">Using RingOpenGL and RingFreeGLUT for 3D Graphics</a></li>
<li class="toctree-l1"><a class="reference internal" href="usingopengl2.html">Using RingOpenGL and RingAllegro for 3D Graphics</a></li>
<li class="toctree-l1"><a class="reference internal" href="goldmagic800.html">Demo Project - The Gold Magic 800 Game</a></li>
<li class="toctree-l1"><a class="reference internal" href="tilengine.html">Using RingTilengine</a></li>
<li class="toctree-l1"><a class="reference internal" href="performancetips.html">Performance Tips</a></li>
<li class="toctree-l1"><a class="reference internal" href="compiler.html">Command Line Options</a></li>
<li class="toctree-l1"><a class="reference internal" href="distribute.html">Distributing Ring Applications (Manual)</a></li>
<li class="toctree-l1"><a class="reference internal" href="distribute_ring2exe.html">Distributing Ring Applications using Ring2EXE</a></li>
<li class="toctree-l1"><a class="reference internal" href="ringpm.html">The Ring Package Manager (RingPM)</a></li>
<li class="toctree-l1"><a class="reference internal" href="zerolib.html">ZeroLib Functions Reference</a></li>
<li class="toctree-l1"><a class="reference internal" href="foxringfuncsdoc.html">FoxRing Functions Reference</a></li>
<li class="toctree-l1"><a class="reference internal" href="bignumber.html">BigNumber Functions Reference</a></li>
<li class="toctree-l1"><a class="reference internal" href="libcurl.html">Using RingLibCurl</a></li>
<li class="toctree-l1"><a class="reference internal" href="ringlibcurlfuncsdoc.html">RingLibCurl Functions Reference</a></li>
<li class="toctree-l1"><a class="reference internal" href="socket.html">Using RingSockets</a></li>
<li class="toctree-l1"><a class="reference internal" href="threads.html">Using RingThreads</a></li>
<li class="toctree-l1 current"><a class="current reference internal" href="#">Using RingLibui</a><ul>
<li class="toctree-l2"><a class="reference internal" href="#hello-world">Hello World</a></li>
<li class="toctree-l2"><a class="reference internal" href="#say-hello">Say Hello</a></li>
<li class="toctree-l2"><a class="reference internal" href="#control-gallery">Control Gallery</a></li>
<li class="toctree-l2"><a class="reference internal" href="#say-something">Say Something</a></li>
<li class="toctree-l2"><a class="reference internal" href="#using-the-menubar">Using the Menubar</a></li>
<li class="toctree-l2"><a class="reference internal" href="#drawing-sample">Drawing Sample</a></li>
<li class="toctree-l2"><a class="reference internal" href="#draw-gradient">Draw Gradient</a></li>
<li class="toctree-l2"><a class="reference internal" href="#histogram">Histogram</a></li>
<li class="toctree-l2"><a class="reference internal" href="#text-drawing">Text Drawing</a></li>
<li class="toctree-l2"><a class="reference internal" href="#more-drawing-samples">More Drawing Samples</a></li>
</ul>
</li>
<li class="toctree-l1"><a class="reference internal" href="ringzip.html">Using RingZip</a></li>
<li class="toctree-l1"><a class="reference internal" href="ringlibzipfuncsdoc.html">RingLibZip Functions Reference</a></li>
<li class="toctree-l1"><a class="reference internal" href="ringmurmurhashfuncsdoc.html">RingMurmurHash Functions Reference</a></li>
<li class="toctree-l1"><a class="reference internal" href="ringconsolecolorsfuncsdoc.html">RingConsoleColors Functions Reference</a></li>
<li class="toctree-l1"><a class="reference internal" href="ringallegrofuncsdoc.html">RingAllegro Functions Reference</a></li>
<li class="toctree-l1"><a class="reference internal" href="libsdl.html">Using RingLibSDL</a></li>
<li class="toctree-l1"><a class="reference internal" href="ringlibsdlfuncsdoc.html">RingLibSDL Functions Reference</a></li>
<li class="toctree-l1"><a class="reference internal" href="libuv.html">Using Ringlibuv</a></li>
<li class="toctree-l1"><a class="reference internal" href="ringlibuvfuncsdoc.html">RingLibuv Functions Reference</a></li>
<li class="toctree-l1"><a class="reference internal" href="ringfreeglutfuncsdoc.html">RingFreeGLUT Functions Reference</a></li>
<li class="toctree-l1"><a class="reference internal" href="ringstbimage.html">RingStbImage Functions Reference</a></li>
<li class="toctree-l1"><a class="reference internal" href="ringopengl32funcsdoc.html">RingOpenGL (OpenGL 3.2) Functions Reference</a></li>
<li class="toctree-l1"><a class="reference internal" href="qtclassesdoc.html">RingQt Classes and Methods Reference</a></li>
<li class="toctree-l1"><a class="reference internal" href="lowlevel.html">Low Level Functions</a></li>
<li class="toctree-l1"><a class="reference internal" href="extension_tutorial.html">Tutorial: Ring Extensions in C/C++</a></li>
<li class="toctree-l1"><a class="reference internal" href="extension.html">Extension using the C/C++ languages</a></li>
<li class="toctree-l1"><a class="reference internal" href="embedding.html">Embedding Ring Language in C/C++ Programs</a></li>
<li class="toctree-l1"><a class="reference internal" href="codegenerator.html">Code Generator for wrapping C/C++ Libraries</a></li>
<li class="toctree-l1"><a class="reference internal" href="ringbeep.html">Create your first extension using the Code Generator</a></li>
<li class="toctree-l1"><a class="reference internal" href="languagedesign.html">Release Notes: Version 1.0</a></li>
<li class="toctree-l1"><a class="reference internal" href="whatisnew.html">Release Notes: Version 1.1</a></li>
<li class="toctree-l1"><a class="reference internal" href="whatisnew2.html">Release Notes: Version 1.2</a></li>
<li class="toctree-l1"><a class="reference internal" href="whatisnew3.html">Release Notes: Version 1.3</a></li>
<li class="toctree-l1"><a class="reference internal" href="whatisnew4.html">Release Notes: Version 1.4</a></li>
<li class="toctree-l1"><a class="reference internal" href="whatisnew5.html">Release Notes: Version 1.5</a></li>
<li class="toctree-l1"><a class="reference internal" href="whatisnew6.html">Release Notes: Version 1.6</a></li>
<li class="toctree-l1"><a class="reference internal" href="whatisnew7.html">Release Notes: Version 1.7</a></li>
<li class="toctree-l1"><a class="reference internal" href="whatisnew8.html">Release Notes: Version 1.8</a></li>
<li class="toctree-l1"><a class="reference internal" href="whatisnew9.html">Release Notes: Version 1.9</a></li>
<li class="toctree-l1"><a class="reference internal" href="whatisnew10.html">Release Notes: Version 1.10</a></li>
<li class="toctree-l1"><a class="reference internal" href="whatisnew11.html">Release Notes: Version 1.11</a></li>
<li class="toctree-l1"><a class="reference internal" href="whatisnew12.html">Release Notes: Version 1.12</a></li>
<li class="toctree-l1"><a class="reference internal" href="whatisnew13.html">Release Notes: Version 1.13</a></li>
<li class="toctree-l1"><a class="reference internal" href="whatisnew14.html">Release Notes: Version 1.14</a></li>
<li class="toctree-l1"><a class="reference internal" href="codeeditors.html">Using Other Code Editors</a></li>
<li class="toctree-l1"><a class="reference internal" href="faq.html">Frequently Asked Questions (FAQ)</a></li>
<li class="toctree-l1"><a class="reference internal" href="sourcecode.html">How to Compile Ring From Source Code?</a></li>
<li class="toctree-l1"><a class="reference internal" href="contribute.html">How to contribute?</a></li>
<li class="toctree-l1"><a class="reference internal" href="reference.html">Language Specification</a></li>
<li class="toctree-l1"><a class="reference internal" href="resources.html">Resources</a></li>
</ul>

            
        </div>
        
      </div>
    </nav>

    <section data-toggle="wy-nav-shift" class="wy-nav-content-wrap">

      
      <nav class="wy-nav-top" aria-label="top navigation">
        
          <i data-toggle="wy-nav-top" class="fa fa-bars"></i>
          <a href="index.html">Ring</a>
        
      </nav>


      <div class="wy-nav-content">
        
        <div class="rst-content">
        
          
<div role="navigation" aria-label="breadcrumbs navigation">

  <ul class="wy-breadcrumbs">
    
      <li><a href="index.html" class="icon icon-home"></a> &raquo;</li>
        
      <li>RingLibUI Extension</li>
    
    
      <li class="wy-breadcrumbs-aside">
        
            
      </li>
    
  </ul>

  
  <hr/>
</div>
          <div role="main" class="document" itemscope="itemscope" itemtype="http://schema.org/Article">
           <div itemprop="articleBody">
            
  <div class="section" id="ringlibui-extension">
<span id="index-0"></span><h1>RingLibUI Extension<a class="headerlink" href="#ringlibui-extension" title="Permalink to this headline">¶</a></h1>
<p>In this chapter we will learn about using the RingLibUI extension.</p>
<p>This extension provides complete support for Libui</p>
<p>Using this extension we can develop and distribute lightweight GUI Applications using Ring (Less than 1 MB)</p>
<p>Runtime files and their size (For Ring 1.14)</p>
<ul class="simple">
<li><p>Ring.dll (448 KB)</p></li>
<li><p>Libui.dll (210 KB)</p></li>
<li><p>Ring_Libui.dll (633 KB)</p></li>
<li><p>Total : 1,291 KB without compressing the files</p></li>
<li><p>After compressing the files (To ZIP file) - Total : 504 KB</p></li>
</ul>
<div class="section" id="hello-world">
<span id="index-1"></span><h2>Hello World<a class="headerlink" href="#hello-world" title="Permalink to this headline">¶</a></h2>
<div class="highlight-ring notranslate"><div class="highlight"><pre><span></span><span class="k">load</span> <span class="s">&quot;libui.ring&quot;</span>

<span class="n">oWindow</span> <span class="o">=</span> <span class="n">uiNewWindow</span><span class="p">(</span> <span class="s">&quot;Hello, World&quot;</span><span class="p">,</span> <span class="mi">400</span><span class="p">,</span> <span class="mi">400</span><span class="p">,</span> <span class="kp">True</span><span class="p">)</span>
<span class="n">uiWindowOnClosing</span><span class="p">(</span><span class="n">oWindow</span><span class="p">,</span><span class="s">&quot;closeApp()&quot;</span><span class="p">)</span>

<span class="n">btn1</span> <span class="o">=</span> <span class="n">uiNewButton</span><span class="p">(</span><span class="s">&quot;SayHello&quot;</span><span class="p">)</span>
<span class="n">uiButtonOnClicked</span><span class="p">(</span><span class="n">btn1</span><span class="p">,</span><span class="s">&quot;sayHello()&quot;</span><span class="p">)</span>

<span class="n">btn2</span> <span class="o">=</span> <span class="n">uiNewButton</span><span class="p">(</span><span class="s">&quot;Close&quot;</span><span class="p">)</span>
<span class="n">uiButtonOnClicked</span><span class="p">(</span><span class="n">btn2</span><span class="p">,</span><span class="s">&quot;closeApp()&quot;</span><span class="p">)</span>

<span class="n">g</span> <span class="o">=</span> <span class="n">uiNewGrid</span><span class="p">()</span> <span class="n">uiGridSetPadded</span><span class="p">(</span><span class="n">g</span><span class="p">,</span> <span class="mi">1</span><span class="p">)</span> <span class="n">uiWindowSetChild</span><span class="p">(</span><span class="n">oWindow</span><span class="p">,</span> <span class="n">g</span><span class="p">)</span>
<span class="n">uiGridAppend</span><span class="p">(</span><span class="n">g</span><span class="p">,</span> <span class="n">btn1</span><span class="p">,</span> <span class="mi">0</span><span class="p">,</span> <span class="mi">0</span><span class="p">,</span> <span class="mi">2</span><span class="p">,</span> <span class="mi">1</span><span class="p">,</span> <span class="mi">1</span><span class="p">,</span> <span class="n">uiAlignFill</span><span class="p">,</span> <span class="mi">0</span><span class="p">,</span> <span class="n">uiAlignFill</span><span class="p">)</span>
<span class="n">uiGridAppend</span><span class="p">(</span><span class="n">g</span><span class="p">,</span> <span class="n">btn2</span><span class="p">,</span> <span class="mi">0</span><span class="p">,</span> <span class="mi">1</span><span class="p">,</span> <span class="mi">1</span><span class="p">,</span> <span class="mi">1</span><span class="p">,</span> <span class="mi">1</span><span class="p">,</span> <span class="n">uiAlignFill</span><span class="p">,</span> <span class="mi">0</span><span class="p">,</span> <span class="n">uiAlignFill</span><span class="p">)</span>

<span class="n">uiControlShow</span><span class="p">(</span> <span class="n">oWindow</span> <span class="p">)</span>
<span class="n">uiMain</span><span class="p">()</span>

<span class="k">func</span> <span class="n">sayHello</span>
        <span class="n">uiMsgBox</span><span class="p">(</span><span class="n">oWindow</span><span class="p">,</span><span class="s">&quot;Hi&quot;</span><span class="p">,</span><span class="s">&quot;Hello&quot;</span><span class="p">)</span>

<span class="k">func</span> <span class="n">closeApp</span>
        <span class="n">uiQuit</span><span class="p">()</span>
</pre></div>
</div>
<p>Screen Shots:</p>
<img alt="RingLibui Screen Shot" src="_images/libui_1.png" />
<img alt="RingLibui Screen Shot" src="_images/libui_2.png" />
</div>
<div class="section" id="say-hello">
<span id="index-2"></span><h2>Say Hello<a class="headerlink" href="#say-hello" title="Permalink to this headline">¶</a></h2>
<div class="highlight-ring notranslate"><div class="highlight"><pre><span></span><span class="k">load</span> <span class="s">&quot;libui.ring&quot;</span>

<span class="n">oWindow</span> <span class="o">=</span> <span class="n">uiNewWindow</span><span class="p">(</span> <span class="s">&quot;Say Hello&quot;</span><span class="p">,</span> <span class="mi">500</span><span class="p">,</span> <span class="mi">80</span><span class="p">,</span> <span class="kp">True</span><span class="p">)</span>
<span class="n">uiWindowOnClosing</span><span class="p">(</span><span class="n">oWindow</span><span class="p">,</span><span class="s">&quot;closeApp()&quot;</span><span class="p">)</span>

<span class="n">lbl1</span> <span class="o">=</span> <span class="n">uiNewLabel</span><span class="p">(</span><span class="s">&quot;Name: &quot;</span><span class="p">)</span>
<span class="n">text1</span> <span class="o">=</span> <span class="n">uiNewEntry</span><span class="p">()</span>

<span class="n">btn1</span> <span class="o">=</span> <span class="n">uiNewButton</span><span class="p">(</span><span class="s">&quot;SayHello&quot;</span><span class="p">)</span>
<span class="n">uiButtonOnClicked</span><span class="p">(</span><span class="n">btn1</span><span class="p">,</span><span class="s">&quot;sayHello()&quot;</span><span class="p">)</span>

<span class="n">btn2</span> <span class="o">=</span> <span class="n">uiNewButton</span><span class="p">(</span><span class="s">&quot;Close&quot;</span><span class="p">)</span>
<span class="n">uiButtonOnClicked</span><span class="p">(</span><span class="n">btn2</span><span class="p">,</span><span class="s">&quot;closeApp()&quot;</span><span class="p">)</span>

<span class="n">lbl2</span> <span class="o">=</span> <span class="n">uiNewLabel</span><span class="p">(</span><span class="s">&quot;&quot;</span><span class="p">)</span>

<span class="n">g</span> <span class="o">=</span> <span class="n">uiNewGrid</span><span class="p">()</span> <span class="n">uiGridSetPadded</span><span class="p">(</span><span class="n">g</span><span class="p">,</span> <span class="mi">1</span><span class="p">)</span> <span class="n">uiWindowSetChild</span><span class="p">(</span><span class="n">oWindow</span><span class="p">,</span> <span class="n">g</span><span class="p">)</span>
<span class="n">uiGridAppend</span><span class="p">(</span><span class="n">g</span><span class="p">,</span> <span class="n">lbl1</span><span class="p">,</span> <span class="mi">0</span><span class="p">,</span> <span class="mi">0</span><span class="p">,</span> <span class="mi">2</span><span class="p">,</span> <span class="mi">1</span><span class="p">,</span> <span class="mi">1</span><span class="p">,</span> <span class="n">uiAlignCenter</span><span class="p">,</span> <span class="mi">0</span><span class="p">,</span> <span class="n">uiAlignCenter</span><span class="p">)</span>
<span class="n">uiGridAppend</span><span class="p">(</span><span class="n">g</span><span class="p">,</span> <span class="n">text1</span><span class="p">,</span> <span class="mi">1</span><span class="p">,</span> <span class="mi">0</span><span class="p">,</span> <span class="mi">2</span><span class="p">,</span> <span class="mi">1</span><span class="p">,</span> <span class="mi">1</span><span class="p">,</span> <span class="n">uiAlignFill</span><span class="p">,</span> <span class="mi">0</span><span class="p">,</span> <span class="n">uiAlignFill</span><span class="p">)</span>
<span class="n">uiGridAppend</span><span class="p">(</span><span class="n">g</span><span class="p">,</span> <span class="n">btn1</span><span class="p">,</span> <span class="mi">0</span><span class="p">,</span> <span class="mi">1</span><span class="p">,</span> <span class="mi">1</span><span class="p">,</span> <span class="mi">2</span><span class="p">,</span> <span class="mi">1</span><span class="p">,</span> <span class="n">uiAlignFill</span><span class="p">,</span> <span class="mi">0</span><span class="p">,</span> <span class="n">uiAlignFill</span><span class="p">)</span>
<span class="n">uiGridAppend</span><span class="p">(</span><span class="n">g</span><span class="p">,</span> <span class="n">btn2</span><span class="p">,</span> <span class="mi">2</span><span class="p">,</span> <span class="mi">1</span><span class="p">,</span> <span class="mi">1</span><span class="p">,</span> <span class="mi">1</span><span class="p">,</span> <span class="mi">1</span><span class="p">,</span> <span class="n">uiAlignFill</span><span class="p">,</span> <span class="mi">0</span><span class="p">,</span> <span class="n">uiAlignFill</span><span class="p">)</span>
<span class="n">uiGridAppend</span><span class="p">(</span><span class="n">g</span><span class="p">,</span> <span class="n">lbl2</span><span class="p">,</span> <span class="mi">0</span><span class="p">,</span> <span class="mi">3</span><span class="p">,</span> <span class="mi">2</span><span class="p">,</span> <span class="mi">1</span><span class="p">,</span> <span class="mi">1</span><span class="p">,</span> <span class="n">uiAlignCenter</span><span class="p">,</span> <span class="mi">0</span><span class="p">,</span> <span class="n">uiAlignCenter</span><span class="p">)</span>

<span class="n">uiControlShow</span><span class="p">(</span> <span class="n">oWindow</span> <span class="p">)</span>
<span class="n">uiMain</span><span class="p">()</span>

<span class="k">func</span> <span class="n">sayHello</span>
        <span class="n">uiLabelSetText</span><span class="p">(</span><span class="n">lbl2</span><span class="p">,</span><span class="s">&quot;Hello &quot;</span> <span class="o">+</span> <span class="n">uiEntryText</span><span class="p">(</span><span class="n">text1</span><span class="p">))</span>

<span class="k">func</span> <span class="n">closeApp</span>
        <span class="n">uiQuit</span><span class="p">()</span>
</pre></div>
</div>
<p>Screen Shot:</p>
<img alt="RingLibui Screen Shot" src="_images/libui_3.png" />
<img alt="RingLibui Screen Shot" src="_images/libui_4.png" />
<img alt="RingLibui Screen Shot" src="_images/libui_5.png" />
</div>
<div class="section" id="control-gallery">
<span id="index-3"></span><h2>Control Gallery<a class="headerlink" href="#control-gallery" title="Permalink to this headline">¶</a></h2>
<div class="highlight-ring notranslate"><div class="highlight"><pre><span></span><span class="c"># Sample ported to Ring</span>
<span class="c"># Based on original sample from : https://github.com/andlabs/libui</span>

<span class="k">load</span> <span class="s">&quot;libui.ring&quot;</span>

<span class="c"># Global Variables</span>

        <span class="n">slider</span> <span class="o">=</span> <span class="kp">NULL</span>
        <span class="n">spinbox</span> <span class="o">=</span> <span class="kp">NULL</span>
        <span class="n">pBar</span> <span class="o">=</span> <span class="kp">NULL</span>
        <span class="n">entryOpen</span> <span class="o">=</span> <span class="kp">NULL</span>
        <span class="n">entrySave</span> <span class="o">=</span> <span class="kp">NULL</span>

<span class="c"># Main Window</span>

        <span class="n">mainwin</span> <span class="o">=</span> <span class="n">uiNewWindow</span><span class="p">(</span><span class="s">&quot;libui Control Gallery&quot;</span><span class="p">,</span> <span class="mi">640</span><span class="p">,</span> <span class="mi">480</span><span class="p">,</span> <span class="mi">1</span><span class="p">)</span>
        <span class="n">uiWindowOnClosing</span><span class="p">(</span><span class="n">mainwin</span><span class="p">,</span> <span class="s">&quot;onClosing()&quot;</span><span class="p">)</span>

        <span class="n">tab</span> <span class="o">=</span> <span class="n">uiNewTab</span><span class="p">()</span>
        <span class="n">uiWindowSetChild</span><span class="p">(</span><span class="n">mainwin</span><span class="p">,</span> <span class="n">tab</span><span class="p">)</span>
        <span class="n">uiWindowSetMargined</span><span class="p">(</span><span class="n">mainwin</span><span class="p">,</span> <span class="mi">1</span><span class="p">)</span>

        <span class="n">uiTabAppend</span><span class="p">(</span><span class="n">tab</span><span class="p">,</span> <span class="s">&quot;Basic Controls&quot;</span><span class="p">,</span> <span class="n">makeBasicControlsPage</span><span class="p">())</span>
        <span class="n">uiTabSetMargined</span><span class="p">(</span><span class="n">tab</span><span class="p">,</span> <span class="mi">0</span><span class="p">,</span> <span class="mi">1</span><span class="p">)</span>

        <span class="n">uiTabAppend</span><span class="p">(</span><span class="n">tab</span><span class="p">,</span> <span class="s">&quot;Numbers and Lists&quot;</span><span class="p">,</span> <span class="n">makeNumbersPage</span><span class="p">())</span>
        <span class="n">uiTabSetMargined</span><span class="p">(</span><span class="n">tab</span><span class="p">,</span> <span class="mi">1</span><span class="p">,</span> <span class="mi">1</span><span class="p">)</span>

        <span class="n">uiTabAppend</span><span class="p">(</span><span class="n">tab</span><span class="p">,</span> <span class="s">&quot;Data Choosers&quot;</span><span class="p">,</span> <span class="n">makeDataChoosersPage</span><span class="p">())</span>
        <span class="n">uiTabSetMargined</span><span class="p">(</span><span class="n">tab</span><span class="p">,</span> <span class="mi">2</span><span class="p">,</span> <span class="mi">1</span><span class="p">)</span>

        <span class="n">uiControlShow</span><span class="p">(</span><span class="n">mainwin</span><span class="p">)</span>
        <span class="n">uiMain</span><span class="p">()</span>

<span class="k">func</span> <span class="n">onClosing</span>
        <span class="n">uiQuit</span><span class="p">()</span>

<span class="k">func</span> <span class="n">makeDataChoosersPage</span>

        <span class="n">hbox</span> <span class="o">=</span> <span class="n">uiNewHorizontalBox</span><span class="p">()</span>
        <span class="n">uiBoxSetPadded</span><span class="p">(</span><span class="n">hbox</span><span class="p">,</span> <span class="mi">1</span><span class="p">)</span>

        <span class="n">vbox</span> <span class="o">=</span> <span class="n">uiNewVerticalBox</span><span class="p">()</span>
        <span class="n">uiBoxSetPadded</span><span class="p">(</span><span class="n">vbox</span><span class="p">,</span> <span class="mi">1</span><span class="p">)</span>
        <span class="n">uiBoxAppend</span><span class="p">(</span><span class="n">hbox</span><span class="p">,</span> <span class="n">vbox</span><span class="p">,</span> <span class="mi">0</span><span class="p">)</span>

        <span class="n">uiBoxAppend</span><span class="p">(</span><span class="n">vbox</span><span class="p">,</span>
                <span class="n">uiNewDatePicker</span><span class="p">(),</span>
                <span class="mi">0</span><span class="p">)</span>
        <span class="n">uiBoxAppend</span><span class="p">(</span><span class="n">vbox</span><span class="p">,</span>
                <span class="n">uiNewTimePicker</span><span class="p">(),</span>
                <span class="mi">0</span><span class="p">)</span>
        <span class="n">uiBoxAppend</span><span class="p">(</span><span class="n">vbox</span><span class="p">,</span>
                <span class="n">uiNewDateTimePicker</span><span class="p">(),</span>
                <span class="mi">0</span><span class="p">)</span>

        <span class="n">uiBoxAppend</span><span class="p">(</span><span class="n">vbox</span><span class="p">,</span>
                <span class="n">uiNewFontButton</span><span class="p">(),</span>
                <span class="mi">0</span><span class="p">)</span>
        <span class="n">uiBoxAppend</span><span class="p">(</span><span class="n">vbox</span><span class="p">,</span>
                <span class="n">uiNewColorButton</span><span class="p">(),</span>
                <span class="mi">0</span><span class="p">)</span>

        <span class="n">uiBoxAppend</span><span class="p">(</span><span class="n">hbox</span><span class="p">,</span>
                <span class="n">uiNewVerticalSeparator</span><span class="p">(),</span>
                <span class="mi">0</span><span class="p">)</span>

        <span class="n">vbox</span> <span class="o">=</span> <span class="n">uiNewVerticalBox</span><span class="p">()</span>
        <span class="n">uiBoxSetPadded</span><span class="p">(</span><span class="n">vbox</span><span class="p">,</span> <span class="mi">1</span><span class="p">)</span>
        <span class="n">uiBoxAppend</span><span class="p">(</span><span class="n">hbox</span><span class="p">,</span> <span class="n">vbox</span><span class="p">,</span> <span class="mi">1</span><span class="p">)</span>

        <span class="n">grid</span> <span class="o">=</span> <span class="n">uiNewGrid</span><span class="p">()</span>
        <span class="n">uiGridSetPadded</span><span class="p">(</span><span class="n">grid</span><span class="p">,</span> <span class="mi">1</span><span class="p">)</span>
        <span class="n">uiBoxAppend</span><span class="p">(</span><span class="n">vbox</span><span class="p">,</span> <span class="n">grid</span><span class="p">,</span> <span class="mi">0</span><span class="p">)</span>

        <span class="n">button</span> <span class="o">=</span> <span class="n">uiNewButton</span><span class="p">(</span><span class="s">&quot;Open File&quot;</span><span class="p">)</span>
        <span class="n">entryOpen</span> <span class="o">=</span> <span class="n">uiNewEntry</span><span class="p">()</span>
        <span class="n">uiEntrySetReadOnly</span><span class="p">(</span><span class="n">entryOpen</span><span class="p">,</span> <span class="mi">1</span><span class="p">)</span>
        <span class="n">uiButtonOnClicked</span><span class="p">(</span><span class="n">button</span><span class="p">,</span> <span class="s">&quot;onOpenFileClicked()&quot;</span><span class="p">)</span>
        <span class="n">uiGridAppend</span><span class="p">(</span><span class="n">grid</span><span class="p">,</span> <span class="n">button</span><span class="p">,</span>
                <span class="mi">0</span><span class="p">,</span> <span class="mi">0</span><span class="p">,</span> <span class="mi">1</span><span class="p">,</span> <span class="mi">1</span><span class="p">,</span>
                <span class="mi">0</span><span class="p">,</span> <span class="n">uiAlignFill</span><span class="p">,</span> <span class="mi">0</span><span class="p">,</span> <span class="n">uiAlignFill</span><span class="p">)</span>
        <span class="n">uiGridAppend</span><span class="p">(</span><span class="n">grid</span><span class="p">,</span> <span class="n">entryOpen</span><span class="p">,</span>
                <span class="mi">1</span><span class="p">,</span> <span class="mi">0</span><span class="p">,</span> <span class="mi">1</span><span class="p">,</span> <span class="mi">1</span><span class="p">,</span>
                <span class="mi">1</span><span class="p">,</span> <span class="n">uiAlignFill</span><span class="p">,</span> <span class="mi">0</span><span class="p">,</span> <span class="n">uiAlignFill</span><span class="p">)</span>

        <span class="n">button</span> <span class="o">=</span> <span class="n">uiNewButton</span><span class="p">(</span><span class="s">&quot;Save File&quot;</span><span class="p">)</span>
        <span class="n">entrySave</span> <span class="o">=</span> <span class="n">uiNewEntry</span><span class="p">()</span>
        <span class="n">uiEntrySetReadOnly</span><span class="p">(</span><span class="n">entrySave</span><span class="p">,</span> <span class="mi">1</span><span class="p">)</span>
        <span class="n">uiButtonOnClicked</span><span class="p">(</span><span class="n">button</span><span class="p">,</span> <span class="s">&quot;onSaveFileClicked()&quot;</span><span class="p">)</span>
        <span class="n">uiGridAppend</span><span class="p">(</span><span class="n">grid</span><span class="p">,</span> <span class="n">button</span><span class="p">,</span>
                <span class="mi">0</span><span class="p">,</span> <span class="mi">1</span><span class="p">,</span> <span class="mi">1</span><span class="p">,</span> <span class="mi">1</span><span class="p">,</span>
                <span class="mi">0</span><span class="p">,</span> <span class="n">uiAlignFill</span><span class="p">,</span> <span class="mi">0</span><span class="p">,</span> <span class="n">uiAlignFill</span><span class="p">)</span>
        <span class="n">uiGridAppend</span><span class="p">(</span><span class="n">grid</span><span class="p">,</span> <span class="n">entrySave</span><span class="p">,</span>
                <span class="mi">1</span><span class="p">,</span> <span class="mi">1</span><span class="p">,</span> <span class="mi">1</span><span class="p">,</span> <span class="mi">1</span><span class="p">,</span>
                <span class="mi">1</span><span class="p">,</span> <span class="n">uiAlignFill</span><span class="p">,</span> <span class="mi">0</span><span class="p">,</span> <span class="n">uiAlignFill</span><span class="p">)</span>

        <span class="n">msggrid</span> <span class="o">=</span> <span class="n">uiNewGrid</span><span class="p">()</span>
        <span class="n">uiGridSetPadded</span><span class="p">(</span><span class="n">msggrid</span><span class="p">,</span> <span class="mi">1</span><span class="p">)</span>
        <span class="n">uiGridAppend</span><span class="p">(</span><span class="n">grid</span><span class="p">,</span> <span class="n">msggrid</span><span class="p">,</span>
                <span class="mi">0</span><span class="p">,</span> <span class="mi">2</span><span class="p">,</span> <span class="mi">2</span><span class="p">,</span> <span class="mi">1</span><span class="p">,</span>
                <span class="mi">0</span><span class="p">,</span> <span class="n">uiAlignCenter</span><span class="p">,</span> <span class="mi">0</span><span class="p">,</span> <span class="n">uiAlignStart</span><span class="p">)</span>

        <span class="n">button</span> <span class="o">=</span> <span class="n">uiNewButton</span><span class="p">(</span><span class="s">&quot;Message Box&quot;</span><span class="p">)</span>
        <span class="n">uiButtonOnClicked</span><span class="p">(</span><span class="n">button</span><span class="p">,</span> <span class="s">&quot;onMsgBoxClicked()&quot;</span><span class="p">)</span>
        <span class="n">uiGridAppend</span><span class="p">(</span><span class="n">msggrid</span><span class="p">,</span> <span class="n">button</span><span class="p">,</span>
                <span class="mi">0</span><span class="p">,</span> <span class="mi">0</span><span class="p">,</span> <span class="mi">1</span><span class="p">,</span> <span class="mi">1</span><span class="p">,</span>
                <span class="mi">0</span><span class="p">,</span> <span class="n">uiAlignFill</span><span class="p">,</span> <span class="mi">0</span><span class="p">,</span> <span class="n">uiAlignFill</span><span class="p">)</span>
        <span class="n">button</span> <span class="o">=</span> <span class="n">uiNewButton</span><span class="p">(</span><span class="s">&quot;Error Box&quot;</span><span class="p">)</span>
        <span class="n">uiButtonOnClicked</span><span class="p">(</span><span class="n">button</span><span class="p">,</span> <span class="s">&quot;onMsgBoxErrorClicked()&quot;</span><span class="p">)</span>
        <span class="n">uiGridAppend</span><span class="p">(</span><span class="n">msggrid</span><span class="p">,</span> <span class="n">button</span><span class="p">,</span>
                <span class="mi">1</span><span class="p">,</span> <span class="mi">0</span><span class="p">,</span> <span class="mi">1</span><span class="p">,</span> <span class="mi">1</span><span class="p">,</span>
                <span class="mi">0</span><span class="p">,</span> <span class="n">uiAlignFill</span><span class="p">,</span> <span class="mi">0</span><span class="p">,</span> <span class="n">uiAlignFill</span><span class="p">)</span>

        <span class="k">return</span> <span class="n">hbox</span>

<span class="k">func</span> <span class="n">makeNumbersPage</span>

        <span class="n">hbox</span> <span class="o">=</span> <span class="n">uiNewHorizontalBox</span><span class="p">()</span>
        <span class="n">uiBoxSetPadded</span><span class="p">(</span><span class="n">hbox</span><span class="p">,</span> <span class="mi">1</span><span class="p">)</span>

        <span class="n">group</span> <span class="o">=</span> <span class="n">uiNewGroup</span><span class="p">(</span><span class="s">&quot;Numbers&quot;</span><span class="p">)</span>
        <span class="n">uiGroupSetMargined</span><span class="p">(</span><span class="n">group</span><span class="p">,</span> <span class="mi">1</span><span class="p">)</span>
        <span class="n">uiBoxAppend</span><span class="p">(</span><span class="n">hbox</span><span class="p">,</span> <span class="n">group</span><span class="p">,</span> <span class="mi">1</span><span class="p">)</span>

        <span class="n">vbox</span> <span class="o">=</span> <span class="n">uiNewVerticalBox</span><span class="p">()</span>
        <span class="n">uiBoxSetPadded</span><span class="p">(</span><span class="n">vbox</span><span class="p">,</span> <span class="mi">1</span><span class="p">)</span>
        <span class="n">uiGroupSetChild</span><span class="p">(</span><span class="n">group</span><span class="p">,</span> <span class="n">vbox</span><span class="p">)</span>

        <span class="n">spinbox</span> <span class="o">=</span> <span class="n">uiNewSpinbox</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span> <span class="mi">100</span><span class="p">)</span>
        <span class="n">slider</span> <span class="o">=</span> <span class="n">uiNewSlider</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span> <span class="mi">100</span><span class="p">)</span>
        <span class="n">pbar</span> <span class="o">=</span> <span class="n">uiNewProgressBar</span><span class="p">()</span>
        <span class="n">uiSpinboxOnChanged</span><span class="p">(</span><span class="n">spinbox</span><span class="p">,</span> <span class="s">&quot;onSpinboxChanged()&quot;</span><span class="p">)</span>
        <span class="n">uiSliderOnChanged</span><span class="p">(</span><span class="n">slider</span><span class="p">,</span> <span class="s">&quot;onSliderChanged()&quot;</span><span class="p">)</span>
        <span class="n">uiBoxAppend</span><span class="p">(</span><span class="n">vbox</span><span class="p">,</span> <span class="n">spinbox</span><span class="p">,</span> <span class="mi">0</span><span class="p">)</span>
        <span class="n">uiBoxAppend</span><span class="p">(</span><span class="n">vbox</span><span class="p">,</span> <span class="n">slider</span><span class="p">,</span> <span class="mi">0</span><span class="p">)</span>
        <span class="n">uiBoxAppend</span><span class="p">(</span><span class="n">vbox</span><span class="p">,</span> <span class="n">pbar</span><span class="p">,</span> <span class="mi">0</span><span class="p">)</span>

        <span class="n">ip</span> <span class="o">=</span> <span class="n">uiNewProgressBar</span><span class="p">()</span>
        <span class="n">uiProgressBarSetValue</span><span class="p">(</span><span class="n">ip</span><span class="p">,</span> <span class="o">-</span><span class="mi">1</span><span class="p">)</span>
        <span class="n">uiBoxAppend</span><span class="p">(</span><span class="n">vbox</span><span class="p">,</span> <span class="n">ip</span><span class="p">,</span> <span class="mi">0</span><span class="p">)</span>

        <span class="n">group</span> <span class="o">=</span> <span class="n">uiNewGroup</span><span class="p">(</span><span class="s">&quot;Lists&quot;</span><span class="p">)</span>
        <span class="n">uiGroupSetMargined</span><span class="p">(</span><span class="n">group</span><span class="p">,</span> <span class="mi">1</span><span class="p">)</span>
        <span class="n">uiBoxAppend</span><span class="p">(</span><span class="n">hbox</span><span class="p">,</span> <span class="n">group</span><span class="p">,</span> <span class="mi">1</span><span class="p">)</span>

        <span class="n">vbox</span> <span class="o">=</span> <span class="n">uiNewVerticalBox</span><span class="p">()</span>
        <span class="n">uiBoxSetPadded</span><span class="p">(</span><span class="n">vbox</span><span class="p">,</span> <span class="mi">1</span><span class="p">)</span>
        <span class="n">uiGroupSetChild</span><span class="p">(</span><span class="n">group</span><span class="p">,</span> <span class="n">vbox</span><span class="p">)</span>

        <span class="n">cbox</span> <span class="o">=</span> <span class="n">uiNewCombobox</span><span class="p">()</span>
        <span class="n">uiComboboxAppend</span><span class="p">(</span><span class="n">cbox</span><span class="p">,</span> <span class="s">&quot;Combobox Item 1&quot;</span><span class="p">)</span>
        <span class="n">uiComboboxAppend</span><span class="p">(</span><span class="n">cbox</span><span class="p">,</span> <span class="s">&quot;Combobox Item 2&quot;</span><span class="p">)</span>
        <span class="n">uiComboboxAppend</span><span class="p">(</span><span class="n">cbox</span><span class="p">,</span> <span class="s">&quot;Combobox Item 3&quot;</span><span class="p">)</span>
        <span class="n">uiBoxAppend</span><span class="p">(</span><span class="n">vbox</span><span class="p">,</span> <span class="n">cbox</span><span class="p">,</span> <span class="mi">0</span><span class="p">)</span>

        <span class="n">ecbox</span> <span class="o">=</span> <span class="n">uiNewEditableCombobox</span><span class="p">()</span>
        <span class="n">uiEditableComboboxAppend</span><span class="p">(</span><span class="n">ecbox</span><span class="p">,</span> <span class="s">&quot;Editable Item 1&quot;</span><span class="p">)</span>
        <span class="n">uiEditableComboboxAppend</span><span class="p">(</span><span class="n">ecbox</span><span class="p">,</span> <span class="s">&quot;Editable Item 2&quot;</span><span class="p">)</span>
        <span class="n">uiEditableComboboxAppend</span><span class="p">(</span><span class="n">ecbox</span><span class="p">,</span> <span class="s">&quot;Editable Item 3&quot;</span><span class="p">)</span>
        <span class="n">uiBoxAppend</span><span class="p">(</span><span class="n">vbox</span><span class="p">,</span> <span class="n">ecbox</span><span class="p">,</span> <span class="mi">0</span><span class="p">)</span>

        <span class="n">rb</span> <span class="o">=</span> <span class="n">uiNewRadioButtons</span><span class="p">()</span>
        <span class="n">uiRadioButtonsAppend</span><span class="p">(</span><span class="n">rb</span><span class="p">,</span> <span class="s">&quot;Radio Button 1&quot;</span><span class="p">)</span>
        <span class="n">uiRadioButtonsAppend</span><span class="p">(</span><span class="n">rb</span><span class="p">,</span> <span class="s">&quot;Radio Button 2&quot;</span><span class="p">)</span>
        <span class="n">uiRadioButtonsAppend</span><span class="p">(</span><span class="n">rb</span><span class="p">,</span> <span class="s">&quot;Radio Button 3&quot;</span><span class="p">)</span>
        <span class="n">uiBoxAppend</span><span class="p">(</span><span class="n">vbox</span><span class="p">,</span> <span class="n">rb</span><span class="p">,</span> <span class="mi">0</span><span class="p">)</span>

        <span class="k">return</span> <span class="n">hbox</span>


<span class="k">func</span> <span class="n">makeBasicControlsPage</span>

        <span class="n">vbox</span> <span class="o">=</span> <span class="n">uiNewVerticalBox</span><span class="p">()</span>
        <span class="n">uiBoxSetPadded</span><span class="p">(</span><span class="n">vbox</span><span class="p">,</span> <span class="mi">1</span><span class="p">)</span>

        <span class="n">hbox</span> <span class="o">=</span> <span class="n">uiNewHorizontalBox</span><span class="p">()</span>
        <span class="n">uiBoxSetPadded</span><span class="p">(</span><span class="n">hbox</span><span class="p">,</span> <span class="mi">1</span><span class="p">)</span>
        <span class="n">uiBoxAppend</span><span class="p">(</span><span class="n">vbox</span><span class="p">,</span> <span class="n">hbox</span><span class="p">,</span> <span class="mi">0</span><span class="p">)</span>

        <span class="n">uiBoxAppend</span><span class="p">(</span><span class="n">hbox</span><span class="p">,</span>
                <span class="n">uiNewButton</span><span class="p">(</span><span class="s">&quot;Button&quot;</span><span class="p">),</span>
                <span class="mi">0</span><span class="p">)</span>
        <span class="n">uiBoxAppend</span><span class="p">(</span><span class="n">hbox</span><span class="p">,</span>
                <span class="n">uiNewCheckbox</span><span class="p">(</span><span class="s">&quot;Checkbox&quot;</span><span class="p">),</span>
                <span class="mi">0</span><span class="p">)</span>

        <span class="n">uiBoxAppend</span><span class="p">(</span><span class="n">vbox</span><span class="p">,</span>
                <span class="n">uiNewLabel</span><span class="p">(</span><span class="s">&quot;This is a label. Right now, labels can only span one line.&quot;</span><span class="p">),</span>
                <span class="mi">0</span><span class="p">)</span>

        <span class="n">uiBoxAppend</span><span class="p">(</span><span class="n">vbox</span><span class="p">,</span>
                <span class="n">uiNewHorizontalSeparator</span><span class="p">(),</span>
                <span class="mi">0</span><span class="p">)</span>

        <span class="n">group</span> <span class="o">=</span> <span class="n">uiNewGroup</span><span class="p">(</span><span class="s">&quot;Entries&quot;</span><span class="p">)</span>
        <span class="n">uiGroupSetMargined</span><span class="p">(</span><span class="n">group</span><span class="p">,</span> <span class="mi">1</span><span class="p">)</span>
        <span class="n">uiBoxAppend</span><span class="p">(</span><span class="n">vbox</span><span class="p">,</span> <span class="n">group</span><span class="p">,</span> <span class="mi">1</span><span class="p">)</span>

        <span class="n">entryForm</span> <span class="o">=</span> <span class="n">uiNewForm</span><span class="p">()</span>
        <span class="n">uiFormSetPadded</span><span class="p">(</span><span class="n">entryForm</span><span class="p">,</span> <span class="mi">1</span><span class="p">)</span>
        <span class="n">uiGroupSetChild</span><span class="p">(</span><span class="n">group</span><span class="p">,</span> <span class="n">entryForm</span><span class="p">)</span>

        <span class="n">uiFormAppend</span><span class="p">(</span><span class="n">entryForm</span><span class="p">,</span>
                <span class="s">&quot;Entry&quot;</span><span class="p">,</span>
                <span class="n">uiNewEntry</span><span class="p">(),</span>
                <span class="mi">0</span><span class="p">)</span>
        <span class="n">uiFormAppend</span><span class="p">(</span><span class="n">entryForm</span><span class="p">,</span>
                <span class="s">&quot;Password Entry&quot;</span><span class="p">,</span>
                <span class="n">uiNewPasswordEntry</span><span class="p">(),</span>
                <span class="mi">0</span><span class="p">)</span>
        <span class="n">uiFormAppend</span><span class="p">(</span><span class="n">entryForm</span><span class="p">,</span>
                <span class="s">&quot;Search Entry&quot;</span><span class="p">,</span>
                <span class="n">uiNewSearchEntry</span><span class="p">(),</span>
                <span class="mi">0</span><span class="p">)</span>
        <span class="n">uiFormAppend</span><span class="p">(</span><span class="n">entryForm</span><span class="p">,</span>
                <span class="s">&quot;Multiline Entry&quot;</span><span class="p">,</span>
                <span class="n">uiNewMultilineEntry</span><span class="p">(),</span>
                <span class="mi">1</span><span class="p">)</span>
        <span class="n">uiFormAppend</span><span class="p">(</span><span class="n">entryForm</span><span class="p">,</span>
                <span class="s">&quot;Multiline Entry No Wrap&quot;</span><span class="p">,</span>
                <span class="n">uiNewNonWrappingMultilineEntry</span><span class="p">(),</span>
                <span class="mi">1</span><span class="p">)</span>

        <span class="k">return</span> <span class="n">vbox</span>


<span class="k">func</span> <span class="n">onSpinboxChanged</span>
        <span class="n">s</span> <span class="o">=</span> <span class="n">uiEventSpinBox</span><span class="p">()</span>
        <span class="n">uiSliderSetValue</span><span class="p">(</span><span class="n">slider</span><span class="p">,</span> <span class="n">uiSpinboxValue</span><span class="p">(</span><span class="n">s</span><span class="p">));</span>
        <span class="n">uiProgressBarSetValue</span><span class="p">(</span><span class="n">pbar</span><span class="p">,</span> <span class="n">uiSpinboxValue</span><span class="p">(</span><span class="n">s</span><span class="p">));</span>

<span class="k">func</span> <span class="n">onSliderChanged</span>
        <span class="n">s</span> <span class="o">=</span> <span class="n">uiEventSlider</span><span class="p">()</span>
        <span class="n">uiSpinboxSetValue</span><span class="p">(</span><span class="n">spinbox</span><span class="p">,</span> <span class="n">uiSliderValue</span><span class="p">(</span><span class="n">s</span><span class="p">));</span>
        <span class="n">uiProgressBarSetValue</span><span class="p">(</span><span class="n">pbar</span><span class="p">,</span> <span class="n">uiSliderValue</span><span class="p">(</span><span class="n">s</span><span class="p">));</span>


<span class="k">func</span> <span class="n">onOpenFileClicked</span>
        <span class="n">filename</span> <span class="o">=</span> <span class="n">uiOpenFile</span><span class="p">(</span><span class="n">mainwin</span><span class="p">)</span>
        <span class="k">if</span> <span class="n">ISNULL</span><span class="p">(</span><span class="n">filename</span><span class="p">)</span>
                <span class="n">uiEntrySetText</span><span class="p">(</span><span class="n">entryOpen</span><span class="p">,</span> <span class="s">&quot;(cancelled)&quot;</span><span class="p">)</span>
                <span class="k">return</span>
        <span class="k">ok</span>
        <span class="n">uiEntrySetText</span><span class="p">(</span><span class="n">entryOpen</span><span class="p">,</span> <span class="n">filename</span><span class="p">)</span>
        <span class="n">uiFreeText</span><span class="p">(</span><span class="n">filename</span><span class="p">)</span>

<span class="k">func</span> <span class="n">onSaveFileClicked</span>
        <span class="n">filename</span> <span class="o">=</span> <span class="n">uiSaveFile</span><span class="p">(</span><span class="n">mainwin</span><span class="p">)</span>
        <span class="k">if</span> <span class="n">ISNULL</span><span class="p">(</span><span class="n">filename</span><span class="p">)</span>
                <span class="n">uiEntrySetText</span><span class="p">(</span><span class="n">entrySave</span><span class="p">,</span> <span class="s">&quot;(cancelled)&quot;</span><span class="p">)</span>
                <span class="k">return</span>
        <span class="k">ok</span>
        <span class="n">uiEntrySetText</span><span class="p">(</span><span class="n">entrySave</span><span class="p">,</span> <span class="n">filename</span><span class="p">)</span>
        <span class="n">uiFreeText</span><span class="p">(</span><span class="n">filename</span><span class="p">)</span>

<span class="k">func</span> <span class="n">onMsgBoxClicked</span>
        <span class="n">uiMsgBox</span><span class="p">(</span><span class="n">mainwin</span><span class="p">,</span>
                <span class="s">&quot;This is a normal message box.&quot;</span><span class="p">,</span>
                <span class="s">&quot;More detailed information can be shown here.&quot;</span><span class="p">)</span>

<span class="k">func</span> <span class="n">onMsgBoxErrorClicked</span>
        <span class="n">uiMsgBoxError</span><span class="p">(</span><span class="n">mainwin</span><span class="p">,</span>
                <span class="s">&quot;This message box describes an error.&quot;</span><span class="p">,</span>
                <span class="s">&quot;More detailed information can be shown here.&quot;</span><span class="p">)</span>
</pre></div>
</div>
<p>Screen Shot:</p>
<img alt="RingLibui Screen Shot" src="_images/libui_6.png" />
<img alt="RingLibui Screen Shot" src="_images/libui_7.png" />
<img alt="RingLibui Screen Shot" src="_images/libui_8.png" />
<img alt="RingLibui Screen Shot" src="_images/libui_9.png" />
</div>
<div class="section" id="say-something">
<span id="index-4"></span><h2>Say Something<a class="headerlink" href="#say-something" title="Permalink to this headline">¶</a></h2>
<div class="highlight-ring notranslate"><div class="highlight"><pre><span></span><span class="c"># Sample ported to Ring</span>
<span class="c"># Based on original sample from : https://github.com/andlabs/libui</span>

<span class="k">load</span> <span class="s">&quot;libui.ring&quot;</span>

<span class="n">w</span> <span class="o">=</span> <span class="n">uiNewWindow</span><span class="p">(</span><span class="s">&quot;Hello&quot;</span><span class="p">,</span> <span class="mi">320</span><span class="p">,</span> <span class="mi">240</span><span class="p">,</span> <span class="mi">0</span><span class="p">)</span>
<span class="n">uiWindowSetMargined</span><span class="p">(</span><span class="n">w</span><span class="p">,</span> <span class="mi">1</span><span class="p">)</span>

<span class="n">b</span> <span class="o">=</span> <span class="n">uiNewVerticalBox</span><span class="p">()</span>
<span class="n">uiBoxSetPadded</span><span class="p">(</span><span class="n">b</span><span class="p">,</span> <span class="mi">1</span><span class="p">)</span>
<span class="n">uiWindowSetChild</span><span class="p">(</span><span class="n">w</span><span class="p">,</span> <span class="n">b</span><span class="p">)</span>

<span class="n">e</span> <span class="o">=</span> <span class="n">uiNewMultilineEntry</span><span class="p">()</span>
<span class="n">uiMultilineEntrySetReadOnly</span><span class="p">(</span><span class="n">e</span><span class="p">,</span> <span class="mi">1</span><span class="p">)</span>

<span class="n">btn</span> <span class="o">=</span> <span class="n">uiNewButton</span><span class="p">(</span><span class="s">&quot;Say Something&quot;</span><span class="p">)</span>
<span class="n">uiButtonOnClicked</span><span class="p">(</span><span class="n">btn</span><span class="p">,</span> <span class="s">&quot;saySomething()&quot;</span><span class="p">)</span>
<span class="n">uiBoxAppend</span><span class="p">(</span><span class="n">b</span><span class="p">,</span> <span class="n">btn</span><span class="p">,</span> <span class="mi">0</span><span class="p">)</span>

<span class="n">uiBoxAppend</span><span class="p">(</span><span class="n">b</span><span class="p">,</span> <span class="n">e</span><span class="p">,</span> <span class="mi">1</span><span class="p">)</span>

<span class="n">uiTimer</span><span class="p">(</span><span class="mi">1000</span><span class="p">,</span> <span class="s">&quot;sayTime()&quot;</span><span class="p">)</span>

<span class="n">uiWindowOnClosing</span><span class="p">(</span><span class="n">w</span><span class="p">,</span> <span class="s">&quot;onClosing()&quot;</span><span class="p">)</span>
<span class="n">uiControlShow</span><span class="p">(</span><span class="n">w</span><span class="p">)</span>
<span class="n">uiMain</span><span class="p">()</span>

<span class="k">func</span> <span class="n">saySomething</span>
        <span class="n">uiMultilineEntryAppend</span><span class="p">(</span><span class="n">e</span><span class="p">,</span> <span class="s">&quot;Saying something&quot;</span><span class="o">+</span><span class="n">nl</span><span class="p">)</span>

<span class="k">func</span> <span class="n">sayTime</span>
        <span class="n">uiMultilineEntryAppend</span><span class="p">(</span><span class="n">e</span><span class="p">,</span> <span class="n">Time</span><span class="p">()</span><span class="o">+</span><span class="n">nl</span><span class="p">)</span>

<span class="k">func</span> <span class="n">onClosing</span>
        <span class="n">uiQuit</span><span class="p">()</span>
</pre></div>
</div>
<p>Screen Shot:</p>
<img alt="RingLibui Screen Shot" src="_images/libui_10.png" />
<img alt="RingLibui Screen Shot" src="_images/libui_11.png" />
</div>
<div class="section" id="using-the-menubar">
<span id="index-5"></span><h2>Using the Menubar<a class="headerlink" href="#using-the-menubar" title="Permalink to this headline">¶</a></h2>
<div class="highlight-ring notranslate"><div class="highlight"><pre><span></span><span class="c"># Sample ported to Ring</span>
<span class="c"># Based on original sample from : https://github.com/andlabs/libui</span>

<span class="k">load</span> <span class="s">&quot;libui.ring&quot;</span>

<span class="c"># Create the Menubar</span>

        <span class="n">fileMenu</span> <span class="o">=</span> <span class="n">uiNewMenu</span><span class="p">(</span><span class="s">&quot;File&quot;</span><span class="p">)</span>
        <span class="n">newItem</span> <span class="o">=</span> <span class="n">uiMenuAppendItem</span><span class="p">(</span><span class="n">fileMenu</span><span class="p">,</span> <span class="s">&quot;New&quot;</span><span class="p">)</span>
        <span class="n">openItem</span> <span class="o">=</span> <span class="n">uiMenuAppendItem</span><span class="p">(</span><span class="n">fileMenu</span><span class="p">,</span> <span class="s">&quot;Open&quot;</span><span class="p">)</span>
        <span class="n">uiMenuAppendSeparator</span><span class="p">(</span><span class="n">fileMenu</span><span class="p">)</span>
        <span class="n">shouldQuitItem</span> <span class="o">=</span> <span class="n">uiMenuAppendCheckItem</span><span class="p">(</span><span class="n">fileMenu</span><span class="p">,</span> <span class="s">&quot;Should Quit&quot;</span><span class="p">)</span>
        <span class="n">quitItem</span> <span class="o">=</span> <span class="n">uiMenuAppendQuitItem</span><span class="p">(</span><span class="n">fileMenu</span><span class="p">)</span>

        <span class="n">editMenu</span> <span class="o">=</span> <span class="n">uiNewMenu</span><span class="p">(</span><span class="s">&quot;Edit&quot;</span><span class="p">)</span>
        <span class="n">undoItem</span> <span class="o">=</span> <span class="n">uiMenuAppendItem</span><span class="p">(</span><span class="n">editMenu</span><span class="p">,</span> <span class="s">&quot;Undo&quot;</span><span class="p">)</span>
        <span class="n">uiMenuItemDisable</span><span class="p">(</span><span class="n">undoItem</span><span class="p">)</span>
        <span class="n">uiMenuAppendSeparator</span><span class="p">(</span><span class="n">editMenu</span><span class="p">)</span>
        <span class="n">checkItem</span> <span class="o">=</span> <span class="n">uiMenuAppendCheckItem</span><span class="p">(</span><span class="n">editMenu</span><span class="p">,</span> <span class="s">&quot;Check Me</span><span class="se">\t</span><span class="s">Test&quot;</span><span class="p">)</span>
        <span class="n">accelItem</span> <span class="o">=</span> <span class="n">uiMenuAppendItem</span><span class="p">(</span><span class="n">editMenu</span><span class="p">,</span> <span class="s">&quot;A&amp;ccele&amp;&amp;rator T_es__t&quot;</span><span class="p">)</span>
        <span class="n">prefsItem</span> <span class="o">=</span> <span class="n">uiMenuAppendPreferencesItem</span><span class="p">(</span><span class="n">editMenu</span><span class="p">)</span>

        <span class="n">testMenu</span> <span class="o">=</span> <span class="n">uiNewMenu</span><span class="p">(</span><span class="s">&quot;Test&quot;</span><span class="p">)</span>
        <span class="n">enabledItem</span> <span class="o">=</span> <span class="n">uiMenuAppendCheckItem</span><span class="p">(</span><span class="n">testMenu</span><span class="p">,</span> <span class="s">&quot;Enable Below Item&quot;</span><span class="p">)</span>
        <span class="n">uiMenuItemSetChecked</span><span class="p">(</span><span class="n">enabledItem</span><span class="p">,</span> <span class="mi">1</span><span class="p">)</span>
        <span class="n">enableThisItem</span> <span class="o">=</span> <span class="n">uiMenuAppendItem</span><span class="p">(</span><span class="n">testMenu</span><span class="p">,</span> <span class="s">&quot;This Will Be Enabled&quot;</span><span class="p">)</span>
        <span class="n">uiMenuItemOnClicked</span><span class="p">(</span><span class="n">enabledItem</span><span class="p">,</span> <span class="s">&quot;enableItemTest(enableThisItem)&quot;</span><span class="p">)</span>
        <span class="n">forceCheckedItem</span> <span class="o">=</span> <span class="n">uiMenuAppendItem</span><span class="p">(</span><span class="n">testMenu</span><span class="p">,</span> <span class="s">&quot;Force Above Checked&quot;</span><span class="p">)</span>
        <span class="n">uiMenuItemOnClicked</span><span class="p">(</span><span class="n">forceCheckedItem</span><span class="p">,</span> <span class="s">&quot;forceOn()&quot;</span><span class="p">)</span>
        <span class="n">forceUncheckedItem</span> <span class="o">=</span> <span class="n">uiMenuAppendItem</span><span class="p">(</span><span class="n">testMenu</span><span class="p">,</span> <span class="s">&quot;Force Above Unchecked&quot;</span><span class="p">)</span>
        <span class="n">uiMenuItemOnClicked</span><span class="p">(</span><span class="n">forceUncheckedItem</span><span class="p">,</span> <span class="s">&quot;forceOff()&quot;</span><span class="p">)</span>
        <span class="n">uiMenuAppendSeparator</span><span class="p">(</span><span class="n">testMenu</span><span class="p">)</span>
        <span class="n">whatWindowItem</span> <span class="o">=</span> <span class="n">uiMenuAppendItem</span><span class="p">(</span><span class="n">testMenu</span><span class="p">,</span> <span class="s">&quot;What Window?&quot;</span><span class="p">)</span>
        <span class="n">uiMenuItemOnClicked</span><span class="p">(</span><span class="n">whatWindowItem</span><span class="p">,</span> <span class="s">&quot;whatWindow()&quot;</span><span class="p">)</span>

        <span class="n">moreTestsMenu</span> <span class="o">=</span> <span class="n">uiNewMenu</span><span class="p">(</span><span class="s">&quot;More Tests&quot;</span><span class="p">)</span>
        <span class="n">quitEnabledItem</span> <span class="o">=</span> <span class="n">uiMenuAppendCheckItem</span><span class="p">(</span><span class="n">moreTestsMenu</span><span class="p">,</span> <span class="s">&quot;Quit Item Enabled&quot;</span><span class="p">)</span>
        <span class="n">uiMenuItemSetChecked</span><span class="p">(</span><span class="n">quitEnabledItem</span><span class="p">,</span> <span class="mi">1</span><span class="p">)</span>
        <span class="n">prefsEnabledItem</span> <span class="o">=</span> <span class="n">uiMenuAppendCheckItem</span><span class="p">(</span><span class="n">moreTestsMenu</span><span class="p">,</span> <span class="s">&quot;Preferences Item Enabled&quot;</span><span class="p">)</span>
        <span class="n">uiMenuItemSetChecked</span><span class="p">(</span><span class="n">prefsEnabledItem</span><span class="p">,</span> <span class="mi">1</span><span class="p">)</span>
        <span class="n">aboutEnabledItem</span> <span class="o">=</span> <span class="n">uiMenuAppendCheckItem</span><span class="p">(</span><span class="n">moreTestsMenu</span><span class="p">,</span> <span class="s">&quot;About Item Enabled&quot;</span><span class="p">)</span>
        <span class="n">uiMenuItemSetChecked</span><span class="p">(</span><span class="n">aboutEnabledItem</span><span class="p">,</span> <span class="mi">1</span><span class="p">)</span>
        <span class="n">uiMenuAppendSeparator</span><span class="p">(</span><span class="n">moreTestsMenu</span><span class="p">)</span>
        <span class="n">checkEnabledItem</span> <span class="o">=</span> <span class="n">uiMenuAppendCheckItem</span><span class="p">(</span><span class="n">moreTestsMenu</span><span class="p">,</span> <span class="s">&quot;Check Me Item Enabled&quot;</span><span class="p">)</span>
        <span class="n">uiMenuItemSetChecked</span><span class="p">(</span><span class="n">checkEnabledItem</span><span class="p">,</span> <span class="mi">1</span><span class="p">)</span>

        <span class="n">multiMenu</span> <span class="o">=</span> <span class="n">uiNewMenu</span><span class="p">(</span><span class="s">&quot;Multi&quot;</span><span class="p">)</span>
        <span class="n">uiMenuAppendSeparator</span><span class="p">(</span><span class="n">multiMenu</span><span class="p">)</span>
        <span class="n">uiMenuAppendSeparator</span><span class="p">(</span><span class="n">multiMenu</span><span class="p">)</span>
        <span class="n">uiMenuAppendItem</span><span class="p">(</span><span class="n">multiMenu</span><span class="p">,</span> <span class="s">&quot;Item &amp;&amp; Item &amp;&amp; Item&quot;</span><span class="p">)</span>
        <span class="n">uiMenuAppendSeparator</span><span class="p">(</span><span class="n">multiMenu</span><span class="p">)</span>
        <span class="n">uiMenuAppendSeparator</span><span class="p">(</span><span class="n">multiMenu</span><span class="p">)</span>
        <span class="n">uiMenuAppendItem</span><span class="p">(</span><span class="n">multiMenu</span><span class="p">,</span> <span class="s">&quot;Item __ Item __ Item&quot;</span><span class="p">)</span>
        <span class="n">uiMenuAppendSeparator</span><span class="p">(</span><span class="n">multiMenu</span><span class="p">)</span>
        <span class="n">uiMenuAppendSeparator</span><span class="p">(</span><span class="n">multiMenu</span><span class="p">)</span>

        <span class="n">helpMenu</span> <span class="o">=</span> <span class="n">uiNewMenu</span><span class="p">(</span><span class="s">&quot;Help&quot;</span><span class="p">)</span>
        <span class="n">helpItem</span> <span class="o">=</span> <span class="n">uiMenuAppendItem</span><span class="p">(</span><span class="n">helpMenu</span><span class="p">,</span> <span class="s">&quot;Help&quot;</span><span class="p">)</span>
        <span class="n">aboutItem</span> <span class="o">=</span> <span class="n">uiMenuAppendAboutItem</span><span class="p">(</span><span class="n">helpMenu</span><span class="p">)</span>

        <span class="n">uiMenuItemOnClicked</span><span class="p">(</span><span class="n">quitEnabledItem</span><span class="p">,</span> <span class="s">&quot;enableItemTest(quitItem)&quot;</span><span class="p">)</span>
        <span class="n">uiMenuItemOnClicked</span><span class="p">(</span><span class="n">prefsEnabledItem</span><span class="p">,</span> <span class="s">&quot;enableItemTest(prefsItem)&quot;</span><span class="p">)</span>
        <span class="n">uiMenuItemOnClicked</span><span class="p">(</span><span class="n">aboutEnabledItem</span><span class="p">,</span> <span class="s">&quot;enableItemTest(aboutItem)&quot;</span><span class="p">)</span>
        <span class="n">uiMenuItemOnClicked</span><span class="p">(</span><span class="n">checkEnabledItem</span><span class="p">,</span> <span class="s">&quot;enableItemTest(checkItem)&quot;</span><span class="p">)</span>

<span class="c"># Create the Window</span>

        <span class="n">oWindow</span> <span class="o">=</span> <span class="n">uiNewWindow</span><span class="p">(</span> <span class="s">&quot;Using the Menubar&quot;</span><span class="p">,</span> <span class="mi">400</span><span class="p">,</span> <span class="mi">400</span><span class="p">,</span> <span class="kp">True</span><span class="p">)</span>
        <span class="n">uiWindowOnClosing</span><span class="p">(</span><span class="n">oWindow</span><span class="p">,</span><span class="s">&quot;closeApp()&quot;</span><span class="p">)</span>

        <span class="n">uiControlShow</span><span class="p">(</span> <span class="n">oWindow</span> <span class="p">)</span>
        <span class="n">uiMain</span><span class="p">()</span>

<span class="k">func</span> <span class="n">enableItemTest</span><span class="p">(</span><span class="n">data</span><span class="p">)</span>
        <span class="n">item</span> <span class="o">=</span> <span class="n">uiEventMenuItem</span><span class="p">()</span>
        <span class="k">if</span> <span class="n">uiMenuItemChecked</span><span class="p">(</span><span class="n">item</span><span class="p">)</span>
                <span class="n">uiMenuItemEnable</span><span class="p">(</span><span class="n">data</span><span class="p">)</span>
        <span class="k">else</span>
                <span class="n">uiMenuItemDisable</span><span class="p">(</span><span class="n">data</span><span class="p">)</span>
        <span class="k">ok</span>

<span class="k">func</span> <span class="n">forceOn</span>
        <span class="n">uiMenuItemSetChecked</span><span class="p">(</span><span class="n">enabledItem</span><span class="p">,</span> <span class="mi">1</span><span class="p">)</span>

<span class="k">func</span> <span class="n">forceOff</span>
        <span class="n">uiMenuItemSetChecked</span><span class="p">(</span><span class="n">enabledItem</span><span class="p">,</span> <span class="mi">0</span><span class="p">)</span>

<span class="k">func</span> <span class="n">whatWindow</span>
        <span class="o">?</span> <span class="s">&quot;menu item clicked on window &quot;</span>
        <span class="o">?</span> <span class="n">oWindow</span>

<span class="k">func</span> <span class="n">closeApp</span>
        <span class="n">uiQuit</span><span class="p">()</span>
</pre></div>
</div>
<p>Screen Shot:</p>
<img alt="RingLibui Screen Shot" src="_images/libui_12.png" />
<img alt="RingLibui Screen Shot" src="_images/libui_13.png" />
</div>
<div class="section" id="drawing-sample">
<span id="index-6"></span><h2>Drawing Sample<a class="headerlink" href="#drawing-sample" title="Permalink to this headline">¶</a></h2>
<div class="highlight-ring notranslate"><div class="highlight"><pre><span></span><span class="k">load</span> <span class="s">&quot;libui.ring&quot;</span>

<span class="n">oWindow</span> <span class="o">=</span> <span class="n">uiNewWindow</span><span class="p">(</span> <span class="s">&quot;Drawing Sample&quot;</span><span class="p">,</span> <span class="mi">420</span><span class="p">,</span> <span class="mi">450</span><span class="p">,</span> <span class="kp">True</span><span class="p">)</span>
<span class="n">uiWindowOnClosing</span><span class="p">(</span><span class="n">oWindow</span><span class="p">,</span><span class="s">&quot;closeApp()&quot;</span><span class="p">)</span>

<span class="n">oAreaHandler</span> <span class="o">=</span> <span class="n">uiNewAreaHandler</span><span class="p">(</span><span class="s">&quot;draw()&quot;</span><span class="p">,</span><span class="s">&quot;&quot;</span><span class="p">,</span><span class="s">&quot;&quot;</span><span class="p">,</span><span class="s">&quot;&quot;</span><span class="p">,</span><span class="s">&quot;&quot;</span><span class="p">)</span>
<span class="n">area</span> <span class="o">=</span> <span class="n">uiNewArea</span><span class="p">(</span><span class="n">oAreaHandler</span><span class="p">)</span>

<span class="n">btnClose</span> <span class="o">=</span> <span class="n">uiNewButton</span><span class="p">(</span><span class="s">&quot;Close Application&quot;</span><span class="p">)</span>
<span class="n">uiButtonOnClicked</span><span class="p">(</span><span class="n">btnClose</span><span class="p">,</span><span class="s">&quot;closeApp()&quot;</span><span class="p">)</span>

<span class="n">hbox</span> <span class="o">=</span> <span class="n">uiNewVerticalBox</span><span class="p">()</span>
<span class="n">uiBoxSetPadded</span><span class="p">(</span><span class="n">hbox</span><span class="p">,</span> <span class="mi">1</span><span class="p">)</span>
<span class="n">uiBoxAppend</span><span class="p">(</span><span class="n">hbox</span><span class="p">,</span><span class="n">btnClose</span><span class="p">,</span><span class="mi">0</span><span class="p">)</span>
<span class="n">uiBoxAppend</span><span class="p">(</span><span class="n">hbox</span><span class="p">,</span><span class="n">area</span><span class="p">,</span><span class="mi">1</span><span class="p">)</span>
<span class="n">uiWindowSetChild</span><span class="p">(</span><span class="n">oWindow</span><span class="p">,</span> <span class="n">hbox</span><span class="p">)</span>

<span class="n">uiControlShow</span><span class="p">(</span> <span class="n">oWindow</span> <span class="p">)</span>
<span class="n">uiMain</span><span class="p">()</span>

<span class="k">func</span> <span class="n">draw</span>
        <span class="n">Rectangle</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span> <span class="mi">0</span><span class="p">,</span> <span class="n">uiEventAreaWidth</span><span class="p">(),</span> <span class="n">uiEventAreaHeight</span><span class="p">(),</span> <span class="n">colorGray</span><span class="p">)</span>
        <span class="n">Rectangle</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span> <span class="mi">0</span><span class="p">,</span> <span class="mi">400</span><span class="p">,</span> <span class="mi">400</span><span class="p">,</span> <span class="n">colorWhite</span><span class="p">)</span>
        <span class="n">Rectangle</span><span class="p">(</span><span class="mi">10</span><span class="p">,</span> <span class="mi">10</span><span class="p">,</span> <span class="mi">20</span><span class="p">,</span> <span class="mi">20</span><span class="p">,</span> <span class="n">colorRed</span><span class="p">)</span>
        <span class="n">Rectangle</span><span class="p">(</span><span class="mi">30</span><span class="p">,</span> <span class="mi">30</span><span class="p">,</span> <span class="mi">30</span><span class="p">,</span> <span class="mi">30</span><span class="p">,</span> <span class="n">colorGreen</span><span class="p">)</span>
        <span class="n">Rectangle</span><span class="p">(</span><span class="mi">60</span><span class="p">,</span> <span class="mi">60</span><span class="p">,</span> <span class="mi">40</span><span class="p">,</span> <span class="mi">40</span><span class="p">,</span> <span class="n">colorBlue</span><span class="p">)</span>

<span class="c"># The Rectangle function is now part of RingLibUI as uiRectangle()</span>
<span class="k">func</span> <span class="n">Rectangle</span> <span class="n">x</span><span class="p">,</span><span class="n">y</span><span class="p">,</span><span class="n">width</span><span class="p">,</span><span class="n">height</span><span class="p">,</span><span class="n">color</span>
        <span class="n">oContext</span> <span class="o">=</span> <span class="n">uiEventContext</span><span class="p">()</span>
        <span class="n">oBrush</span> <span class="o">=</span> <span class="n">uiNewSolidBrush</span><span class="p">(</span><span class="n">color</span><span class="p">)</span>
        <span class="n">oPath</span> <span class="o">=</span> <span class="n">uiDrawNewPath</span><span class="p">(</span><span class="n">uiDrawFillModeWinding</span><span class="p">)</span>
        <span class="n">uiDrawPathAddRectangle</span><span class="p">(</span><span class="n">oPath</span><span class="p">,</span> <span class="n">x</span><span class="p">,</span> <span class="n">y</span><span class="p">,</span> <span class="n">width</span><span class="p">,</span> <span class="n">height</span><span class="p">)</span>
        <span class="n">uiDrawPathEnd</span><span class="p">(</span><span class="n">oPath</span><span class="p">)</span>
        <span class="n">uiDrawFill</span><span class="p">(</span><span class="n">oContext</span><span class="p">,</span> <span class="n">oPath</span><span class="p">,</span> <span class="n">oBrush</span><span class="p">)</span>
        <span class="n">uiDrawFreePath</span><span class="p">(</span><span class="n">oPath</span><span class="p">)</span>

<span class="k">func</span> <span class="n">closeApp</span>
        <span class="n">uiQuit</span><span class="p">()</span>
</pre></div>
</div>
<p>Screen Shot:</p>
<img alt="RingLibui Screen Shot" src="_images/libui_21.png" />
</div>
<div class="section" id="draw-gradient">
<span id="index-7"></span><h2>Draw Gradient<a class="headerlink" href="#draw-gradient" title="Permalink to this headline">¶</a></h2>
<div class="highlight-ring notranslate"><div class="highlight"><pre><span></span><span class="k">load</span> <span class="s">&quot;libui.ring&quot;</span>

<span class="n">oWindow</span> <span class="o">=</span> <span class="n">uiNewWindow</span><span class="p">(</span> <span class="s">&quot;Draw Gradient&quot;</span><span class="p">,</span> <span class="mi">500</span><span class="p">,</span> <span class="mi">500</span><span class="p">,</span> <span class="kp">True</span><span class="p">)</span>
<span class="n">uiWindowOnClosing</span><span class="p">(</span><span class="n">oWindow</span><span class="p">,</span><span class="s">&quot;closeApp()&quot;</span><span class="p">)</span>

<span class="n">oAreaHandler</span> <span class="o">=</span> <span class="n">uiNewAreaHandler</span><span class="p">(</span><span class="s">&quot;draw()&quot;</span><span class="p">,</span><span class="s">&quot;&quot;</span><span class="p">,</span><span class="s">&quot;&quot;</span><span class="p">,</span><span class="s">&quot;&quot;</span><span class="p">,</span><span class="s">&quot;&quot;</span><span class="p">)</span>
<span class="n">area</span> <span class="o">=</span> <span class="n">uiNewArea</span><span class="p">(</span><span class="n">oAreaHandler</span><span class="p">)</span>

<span class="n">btnClose</span> <span class="o">=</span> <span class="n">uiNewButton</span><span class="p">(</span><span class="s">&quot;Close Application&quot;</span><span class="p">)</span>
<span class="n">uiButtonOnClicked</span><span class="p">(</span><span class="n">btnClose</span><span class="p">,</span><span class="s">&quot;closeApp()&quot;</span><span class="p">)</span>

<span class="n">hbox</span> <span class="o">=</span> <span class="n">uiNewVerticalBox</span><span class="p">()</span>
<span class="n">uiBoxSetPadded</span><span class="p">(</span><span class="n">hbox</span><span class="p">,</span> <span class="mi">1</span><span class="p">)</span>
<span class="n">uiBoxAppend</span><span class="p">(</span><span class="n">hbox</span><span class="p">,</span><span class="n">btnClose</span><span class="p">,</span><span class="mi">0</span><span class="p">)</span>
<span class="n">uiBoxAppend</span><span class="p">(</span><span class="n">hbox</span><span class="p">,</span><span class="n">area</span><span class="p">,</span><span class="mi">1</span><span class="p">)</span>
<span class="n">uiWindowSetChild</span><span class="p">(</span><span class="n">oWindow</span><span class="p">,</span> <span class="n">hbox</span><span class="p">)</span>

<span class="n">uiControlShow</span><span class="p">(</span> <span class="n">oWindow</span> <span class="p">)</span>
<span class="n">uiMain</span><span class="p">()</span>

<span class="k">func</span> <span class="n">draw</span>
        <span class="n">nWidth</span> <span class="o">=</span> <span class="n">uiEventAreaWidth</span><span class="p">()</span>             <span class="n">nHeight</span> <span class="o">=</span> <span class="n">uiEventAreaHeight</span><span class="p">()</span>
        <span class="n">uiRectangle</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span> <span class="mi">0</span><span class="p">,</span> <span class="n">nWidth</span><span class="p">,</span> <span class="n">nHeight</span><span class="p">,</span> <span class="n">colorBlue</span><span class="p">)</span>
        <span class="k">for</span> <span class="n">y</span><span class="o">=</span><span class="mi">0</span> <span class="k">to</span> <span class="mi">255</span> <span class="k">step</span> <span class="mi">2</span>
                <span class="n">customColor</span> <span class="o">=</span> <span class="n">y</span>
                <span class="n">uiRectangle</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span> <span class="n">y</span><span class="p">,</span> <span class="n">nWidth</span><span class="p">,</span> <span class="n">y</span><span class="o">+</span><span class="mi">1</span><span class="p">,</span> <span class="n">customColor</span><span class="p">)</span>
        <span class="k">next</span>

<span class="k">func</span> <span class="n">closeApp</span>
        <span class="n">uiQuit</span><span class="p">()</span>
</pre></div>
</div>
<p>Screen Shot:</p>
<img alt="RingLibui Screen Shot" src="_images/libui_22.png" />
</div>
<div class="section" id="histogram">
<span id="index-8"></span><h2>Histogram<a class="headerlink" href="#histogram" title="Permalink to this headline">¶</a></h2>
<div class="highlight-ring notranslate"><div class="highlight"><pre><span></span><span class="c"># Sample ported to Ring</span>
<span class="c"># Based on original sample from : https://github.com/andlabs/libui</span>

<span class="k">load</span> <span class="s">&quot;libui.ring&quot;</span>

<span class="n">datapoints</span>      <span class="o">=</span> <span class="kt">list</span><span class="p">(</span><span class="mi">10</span><span class="p">)</span>
<span class="n">currentPoint</span>    <span class="o">=</span> <span class="o">-</span><span class="mi">1</span>

<span class="o">//</span> <span class="n">some</span> <span class="n">metrics</span>
<span class="n">xoffLeft</span>        <span class="o">=</span> <span class="mi">20</span>                    <span class="o">/*</span> <span class="n">histogram</span> <span class="n">margins</span> <span class="o">*/</span>
<span class="n">yoffTop</span>         <span class="o">=</span> <span class="mi">20</span>
<span class="n">xoffRight</span>       <span class="o">=</span> <span class="mi">20</span>
<span class="n">yoffBottom</span>      <span class="o">=</span> <span class="mi">20</span>
<span class="n">pointRadius</span>     <span class="o">=</span> <span class="mi">5</span>

<span class="n">histogram</span>       <span class="o">=</span> <span class="kp">NULL</span>
<span class="n">mainwin</span>         <span class="o">=</span> <span class="kp">NULL</span>
<span class="n">colorButton</span>     <span class="o">=</span> <span class="kp">NULL</span>

<span class="k">func</span> <span class="n">pointLocations</span> <span class="n">width</span><span class="p">,</span> <span class="n">height</span><span class="p">,</span> <span class="n">xs</span><span class="p">,</span> <span class="n">ys</span>
        <span class="n">xincr</span> <span class="o">=</span> <span class="n">width</span> <span class="o">/</span> <span class="mi">9</span>               <span class="o">//</span> <span class="mi">10</span> <span class="o">-</span> <span class="mi">1</span> <span class="k">to</span> <span class="n">make</span> <span class="n">the</span> <span class="n">last</span> <span class="n">point</span> <span class="n">be</span> <span class="n">at</span> <span class="n">the</span> <span class="k">end</span>
        <span class="n">yincr</span> <span class="o">=</span> <span class="n">height</span> <span class="o">/</span> <span class="mi">100</span>
        <span class="k">for</span> <span class="n">i</span> <span class="o">=</span> <span class="mi">1</span> <span class="k">to</span> <span class="mi">10</span>
                <span class="o">//</span> <span class="k">get</span> <span class="n">the</span> <span class="n">value</span> <span class="n">of</span> <span class="n">the</span> <span class="n">point</span>
                <span class="n">n</span> <span class="o">=</span> <span class="n">uiSpinboxValue</span><span class="p">(</span><span class="n">datapoints</span><span class="o">[</span><span class="n">i</span><span class="o">]</span><span class="p">)</span>
                <span class="o">//</span> <span class="n">because</span> <span class="n">y</span><span class="o">=</span><span class="mi">0</span> <span class="n">is</span> <span class="n">the</span> <span class="n">top</span> <span class="k">but</span> <span class="n">n</span><span class="o">=</span><span class="mi">0</span> <span class="n">is</span> <span class="n">the</span> <span class="n">bottom</span><span class="p">,</span> <span class="n">we</span> <span class="n">need</span> <span class="k">to</span> <span class="n">flip</span>
                <span class="n">n</span> <span class="o">=</span> <span class="mi">100</span> <span class="o">-</span> <span class="n">n</span><span class="p">;</span>
                <span class="n">xs</span><span class="o">[</span><span class="n">i</span><span class="o">]</span> <span class="o">=</span> <span class="n">xincr</span> <span class="o">*</span> <span class="n">i</span>
                <span class="n">ys</span><span class="o">[</span><span class="n">i</span><span class="o">]</span> <span class="o">=</span> <span class="n">yincr</span> <span class="o">*</span> <span class="n">n</span>
        <span class="k">next</span>

<span class="k">func</span> <span class="n">constructGraph</span> <span class="n">width</span><span class="p">,</span> <span class="n">height</span><span class="p">,</span> <span class="n">extend</span>
        <span class="n">xs</span> <span class="o">=</span> <span class="kt">list</span><span class="p">(</span><span class="mi">10</span><span class="p">)</span>
        <span class="n">ys</span> <span class="o">=</span> <span class="kt">list</span><span class="p">(</span><span class="mi">10</span><span class="p">)</span>
        <span class="n">pointLocations</span><span class="p">(</span><span class="n">width</span><span class="p">,</span> <span class="n">height</span><span class="p">,</span> <span class="n">xs</span><span class="p">,</span> <span class="n">ys</span><span class="p">)</span>
        <span class="n">path</span> <span class="o">=</span> <span class="n">uiDrawNewPath</span><span class="p">(</span><span class="n">uiDrawFillModeWinding</span><span class="p">)</span>
        <span class="n">uiDrawPathNewFigure</span><span class="p">(</span><span class="n">path</span><span class="p">,</span> <span class="n">xs</span><span class="o">[</span><span class="mi">1</span><span class="o">]</span><span class="p">,</span> <span class="n">ys</span><span class="o">[</span><span class="mi">1</span><span class="o">]</span><span class="p">)</span>
        <span class="k">for</span> <span class="n">i</span> <span class="o">=</span> <span class="mi">2</span> <span class="k">to</span> <span class="mi">10</span>
                <span class="n">uiDrawPathLineTo</span><span class="p">(</span><span class="n">path</span><span class="p">,</span> <span class="n">xs</span><span class="o">[</span><span class="n">i</span><span class="o">]</span><span class="p">,</span> <span class="n">ys</span><span class="o">[</span><span class="n">i</span><span class="o">]</span><span class="p">)</span>
        <span class="k">next</span>
        <span class="k">if</span> <span class="n">extend</span>
                <span class="n">uiDrawPathLineTo</span><span class="p">(</span><span class="n">path</span><span class="p">,</span> <span class="n">width</span><span class="p">,</span> <span class="n">height</span><span class="p">)</span>
                <span class="n">uiDrawPathLineTo</span><span class="p">(</span><span class="n">path</span><span class="p">,</span> <span class="mi">0</span><span class="p">,</span> <span class="n">height</span><span class="p">)</span>
                <span class="n">uiDrawPathCloseFigure</span><span class="p">(</span><span class="n">path</span><span class="p">)</span>
        <span class="k">ok</span>
        <span class="n">uiDrawPathEnd</span><span class="p">(</span><span class="n">path</span><span class="p">)</span>
        <span class="k">return</span> <span class="n">path</span>


<span class="k">func</span> <span class="n">graphSize</span> <span class="n">clientWidth</span><span class="p">,</span> <span class="n">clientHeight</span>
        <span class="n">graphWidth</span> <span class="o">=</span> <span class="n">clientWidth</span> <span class="o">-</span> <span class="n">xoffLeft</span> <span class="o">-</span> <span class="n">xoffRight</span>
        <span class="n">graphHeight</span> <span class="o">=</span> <span class="n">clientHeight</span> <span class="o">-</span> <span class="n">yoffTop</span> <span class="o">-</span> <span class="n">yoffBottom</span>
        <span class="k">return</span> <span class="o">[</span><span class="n">graphWidth</span><span class="p">,</span><span class="n">graphHeight</span><span class="o">]</span>

<span class="k">func</span> <span class="n">handlerDraw</span>
        <span class="o">//</span> <span class="n">fill</span> <span class="n">the</span> <span class="n">area</span> <span class="n">with</span> <span class="n">white</span>
        <span class="n">Brush</span> <span class="o">=</span> <span class="n">uiNewSolidBrush</span><span class="p">(</span><span class="mi">0</span><span class="p">)</span>
        <span class="n">setSolidBrush</span><span class="p">(</span><span class="n">brush</span><span class="p">,</span> <span class="n">colorWhite</span><span class="p">,</span> <span class="mf">1.0</span><span class="p">)</span>
        <span class="n">path</span> <span class="o">=</span> <span class="n">uiDrawNewPath</span><span class="p">(</span><span class="n">uiDrawFillModeWinding</span><span class="p">)</span>
        <span class="n">uiDrawPathAddRectangle</span><span class="p">(</span><span class="n">path</span><span class="p">,</span> <span class="mi">0</span><span class="p">,</span> <span class="mi">0</span><span class="p">,</span> <span class="n">uiEventAreaWidth</span><span class="p">(),</span> <span class="n">uiEventAreaHeight</span><span class="p">())</span>
        <span class="n">uiDrawPathEnd</span><span class="p">(</span><span class="n">path</span><span class="p">)</span>
        <span class="n">uiDrawFill</span><span class="p">(</span><span class="n">uiEventContext</span><span class="p">(),</span> <span class="n">path</span><span class="p">,</span> <span class="n">brush</span><span class="p">)</span>
        <span class="n">uiDrawFreePath</span><span class="p">(</span><span class="n">path</span><span class="p">)</span>

        <span class="o">//</span> <span class="n">figure</span> <span class="n">out</span> <span class="n">dimensions</span>
        <span class="n">aOut</span> <span class="o">=</span> <span class="n">graphSize</span><span class="p">(</span><span class="n">uiEventAreaWidth</span><span class="p">(),</span> <span class="n">uiEventAreaHeight</span><span class="p">())</span>
        <span class="n">graphWidth</span> <span class="o">=</span> <span class="n">aOut</span><span class="o">[</span><span class="mi">1</span><span class="o">]</span>
        <span class="n">graphHeight</span> <span class="o">=</span> <span class="n">aOut</span><span class="o">[</span><span class="mi">2</span><span class="o">]</span>

        <span class="n">sp</span> <span class="o">=</span> <span class="n">new_managed_uiDrawStrokeParams</span><span class="p">()</span>
        <span class="n">set_uiDrawStrokeParams_Cap</span><span class="p">(</span><span class="n">sp</span><span class="p">,</span><span class="n">uiDrawLineCapFlat</span><span class="p">)</span>
        <span class="n">set_uiDrawStrokeParams_Join</span><span class="p">(</span><span class="n">sp</span><span class="p">,</span><span class="n">uiDrawLineJoinMiter</span><span class="p">)</span>
        <span class="n">set_uiDrawStrokeParams_Thickness</span><span class="p">(</span><span class="n">sp</span><span class="p">,</span><span class="mi">2</span><span class="p">)</span>
        <span class="n">set_uiDrawStrokeParams_MiterLimit</span><span class="p">(</span><span class="n">sp</span><span class="p">,</span><span class="n">uiDrawDefaultMiterLimit</span><span class="p">)</span>

        <span class="o">//</span> <span class="n">draw</span> <span class="n">the</span> <span class="n">axes</span>
        <span class="n">setSolidBrush</span><span class="p">(</span><span class="n">brush</span><span class="p">,</span> <span class="n">colorBlack</span><span class="p">,</span> <span class="mf">1.0</span><span class="p">)</span>
        <span class="n">path</span> <span class="o">=</span> <span class="n">uiDrawNewPath</span><span class="p">(</span><span class="n">uiDrawFillModeWinding</span><span class="p">)</span>
        <span class="n">uiDrawPathNewFigure</span><span class="p">(</span><span class="n">path</span><span class="p">,</span>
                <span class="n">xoffLeft</span><span class="p">,</span> <span class="n">yoffTop</span><span class="p">)</span>
        <span class="n">uiDrawPathLineTo</span><span class="p">(</span><span class="n">path</span><span class="p">,</span>
                <span class="n">xoffLeft</span><span class="p">,</span> <span class="n">yoffTop</span> <span class="o">+</span> <span class="n">graphHeight</span><span class="p">)</span>
        <span class="n">uiDrawPathLineTo</span><span class="p">(</span><span class="n">path</span><span class="p">,</span>
                <span class="n">xoffLeft</span> <span class="o">+</span> <span class="n">graphWidth</span><span class="p">,</span> <span class="n">yoffTop</span> <span class="o">+</span> <span class="n">graphHeight</span><span class="p">)</span>
        <span class="n">uiDrawPathEnd</span><span class="p">(</span><span class="n">path</span><span class="p">)</span>
        <span class="n">uiDrawStroke</span><span class="p">(</span><span class="n">uiEventContext</span><span class="p">(),</span> <span class="n">path</span><span class="p">,</span> <span class="n">brush</span><span class="p">,</span> <span class="n">sp</span><span class="p">)</span>
        <span class="n">uiDrawFreePath</span><span class="p">(</span><span class="n">path</span><span class="p">)</span>

        <span class="o">//</span> <span class="n">now</span> <span class="n">transform</span> <span class="n">the</span> <span class="n">coordinate</span> <span class="n">space</span> <span class="n">so</span> <span class="p">(</span><span class="mi">0</span><span class="p">,</span> <span class="mi">0</span><span class="p">)</span> <span class="n">is</span> <span class="n">the</span> <span class="n">top</span><span class="o">-</span><span class="n">left</span> <span class="n">corner</span> <span class="n">of</span> <span class="n">the</span> <span class="n">graph</span>
        <span class="n">m</span> <span class="o">=</span> <span class="n">new_managed_uiDrawMatrix</span><span class="p">()</span>
        <span class="n">uiDrawMatrixSetIdentity</span><span class="p">(</span><span class="n">m</span><span class="p">)</span>
        <span class="n">uiDrawMatrixTranslate</span><span class="p">(</span><span class="n">m</span><span class="p">,</span> <span class="n">xoffLeft</span><span class="p">,</span> <span class="n">yoffTop</span><span class="p">)</span>
        <span class="n">uiDrawTransform</span><span class="p">(</span><span class="n">uiEventContext</span><span class="p">(),</span> <span class="n">m</span><span class="p">)</span>

        <span class="o">//</span> <span class="n">now</span> <span class="k">get</span> <span class="n">the</span> <span class="n">color</span> <span class="k">for</span> <span class="n">the</span> <span class="n">graph</span> <span class="n">itself</span> <span class="ow">and</span> <span class="n">set</span> <span class="n">up</span> <span class="n">the</span> <span class="n">brush</span>

        <span class="n">GraphR</span><span class="o">=</span><span class="mi">0</span>
        <span class="n">GraphG</span><span class="o">=</span><span class="mi">0</span>
        <span class="n">GraphB</span><span class="o">=</span><span class="mi">0</span>
        <span class="n">GraphA</span><span class="o">=</span><span class="mi">0</span>

        <span class="n">uiColorButtonColor</span><span class="p">(</span><span class="n">colorButton</span><span class="p">,</span> <span class="p">:</span><span class="n">graphR</span><span class="p">,</span>
                 <span class="p">:</span><span class="n">graphG</span><span class="p">,</span>
                 <span class="p">:</span><span class="n">graphB</span><span class="p">,</span>
                 <span class="p">:</span><span class="n">graphA</span><span class="p">)</span>

        <span class="n">uiSetBrushType</span><span class="p">(</span><span class="n">brush</span><span class="p">,</span><span class="n">uiDrawBrushTypeSolid</span><span class="p">)</span>
        <span class="n">uiSetBrushR</span><span class="p">(</span><span class="n">brush</span><span class="p">,</span><span class="n">graphR</span><span class="p">)</span>
        <span class="n">uiSetBrushG</span><span class="p">(</span><span class="n">brush</span><span class="p">,</span><span class="n">graphG</span><span class="p">)</span>
        <span class="n">uiSetBrushB</span><span class="p">(</span><span class="n">brush</span><span class="p">,</span><span class="n">graphB</span><span class="p">)</span>

        <span class="o">//</span> <span class="n">we</span> <span class="n">set</span> <span class="n">brush</span><span class="o">-&gt;</span><span class="n">A</span> <span class="n">below</span> <span class="k">to</span> <span class="n">different</span> <span class="n">values</span> <span class="k">for</span> <span class="n">the</span> <span class="n">fill</span> <span class="ow">and</span> <span class="n">stroke</span>

        <span class="o">//</span> <span class="n">now</span> <span class="n">create</span> <span class="n">the</span> <span class="n">fill</span> <span class="k">for</span> <span class="n">the</span> <span class="n">graph</span> <span class="n">below</span> <span class="n">the</span> <span class="n">graph</span> <span class="n">line</span>
        <span class="n">path</span> <span class="o">=</span> <span class="n">constructGraph</span><span class="p">(</span><span class="n">graphWidth</span><span class="p">,</span> <span class="n">graphHeight</span><span class="p">,</span> <span class="mi">1</span><span class="p">)</span>

  <span class="n">uiSetBrushA</span><span class="p">(</span><span class="n">brush</span><span class="p">,</span> <span class="n">graphA</span> <span class="o">/</span> <span class="mi">2</span><span class="p">)</span>
        <span class="n">uiDrawFill</span><span class="p">(</span><span class="n">uiEventContext</span><span class="p">(),</span> <span class="n">path</span><span class="p">,</span> <span class="n">brush</span><span class="p">)</span>
        <span class="n">uiDrawFreePath</span><span class="p">(</span><span class="n">path</span><span class="p">)</span>

        <span class="o">//</span> <span class="n">now</span> <span class="n">draw</span> <span class="n">the</span> <span class="n">histogram</span> <span class="n">line</span>
        <span class="n">path</span> <span class="o">=</span> <span class="n">constructGraph</span><span class="p">(</span><span class="n">graphWidth</span><span class="p">,</span> <span class="n">graphHeight</span><span class="p">,</span> <span class="mi">0</span><span class="p">)</span>
        <span class="n">uiSetBrushA</span><span class="p">(</span><span class="n">brush</span><span class="p">,</span><span class="n">graphA</span><span class="p">)</span>
        <span class="n">uiDrawStroke</span><span class="p">(</span><span class="n">uiEventContext</span><span class="p">(),</span> <span class="n">path</span><span class="p">,</span> <span class="n">brush</span><span class="p">,</span> <span class="n">sp</span><span class="p">)</span>
        <span class="n">uiDrawFreePath</span><span class="p">(</span><span class="n">path</span><span class="p">)</span>

        <span class="o">//</span> <span class="n">now</span> <span class="n">draw</span> <span class="n">the</span> <span class="n">point</span> <span class="n">being</span> <span class="n">hovered</span> <span class="n">over</span>
        <span class="k">if</span> <span class="n">currentPoint</span> <span class="o">!=</span> <span class="o">-</span><span class="mi">1</span>
                <span class="n">xs</span> <span class="o">=</span> <span class="kt">list</span><span class="p">(</span><span class="mi">10</span><span class="p">)</span>
                <span class="n">ys</span> <span class="o">=</span> <span class="kt">list</span><span class="p">(</span><span class="mi">10</span><span class="p">)</span>
                <span class="n">pointLocations</span><span class="p">(</span><span class="n">graphWidth</span><span class="p">,</span> <span class="n">graphHeight</span><span class="p">,</span> <span class="n">xs</span><span class="p">,</span> <span class="n">ys</span><span class="p">)</span>
                <span class="n">path</span> <span class="o">=</span> <span class="n">uiDrawNewPath</span><span class="p">(</span><span class="n">uiDrawFillModeWinding</span><span class="p">)</span>

                <span class="n">uiDrawPathNewFigureWithArc</span><span class="p">(</span><span class="n">path</span><span class="p">,</span>
                        <span class="n">xs</span><span class="o">[</span><span class="n">currentPoint</span><span class="o">]</span><span class="p">,</span> <span class="n">ys</span><span class="o">[</span><span class="n">currentPoint</span><span class="o">]</span><span class="p">,</span>
                        <span class="n">pointRadius</span><span class="p">,</span>
                        <span class="mi">0</span><span class="p">,</span> <span class="mf">6.23</span><span class="p">,</span>                <span class="o">//</span> <span class="n">TODO</span> <span class="n">pi</span>
                        <span class="mi">0</span><span class="p">)</span>
                <span class="n">uiDrawPathEnd</span><span class="p">(</span><span class="n">path</span><span class="p">)</span>
                <span class="o">//</span> <span class="n">use</span> <span class="n">the</span> <span class="n">same</span> <span class="n">brush</span> <span class="n">as</span> <span class="k">for</span> <span class="n">the</span> <span class="n">histogram</span> <span class="n">lines</span>
                <span class="n">uiDrawFill</span><span class="p">(</span><span class="n">uiEventContext</span><span class="p">(),</span> <span class="n">path</span><span class="p">,</span> <span class="n">brush</span><span class="p">)</span>
                <span class="n">uiDrawFreePath</span><span class="p">(</span><span class="n">path</span><span class="p">)</span>
        <span class="k">ok</span>

<span class="k">func</span> <span class="n">inPoint</span> <span class="n">x</span><span class="p">,</span> <span class="n">y</span><span class="p">,</span> <span class="n">xtest</span><span class="p">,</span> <span class="n">ytest</span>
        <span class="o">//</span> <span class="n">TODO</span> <span class="k">switch</span> <span class="k">to</span> <span class="n">using</span> <span class="n">a</span> <span class="n">matrix</span>
        <span class="n">x</span> <span class="o">-=</span> <span class="n">xoffLeft</span>
        <span class="n">y</span> <span class="o">-=</span> <span class="n">yoffTop</span>
        <span class="k">return</span> <span class="p">(</span><span class="n">x</span> <span class="o">&gt;=</span> <span class="n">xtest</span> <span class="o">-</span> <span class="n">pointRadius</span><span class="p">)</span> <span class="o">&amp;&amp;</span>
                <span class="p">(</span><span class="n">x</span> <span class="o">&lt;=</span> <span class="n">xtest</span> <span class="o">+</span> <span class="n">pointRadius</span><span class="p">)</span> <span class="o">&amp;&amp;</span>
                <span class="p">(</span><span class="n">y</span> <span class="o">&gt;=</span> <span class="n">ytest</span> <span class="o">-</span> <span class="n">pointRadius</span><span class="p">)</span> <span class="o">&amp;&amp;</span>
                <span class="p">(</span><span class="n">y</span> <span class="o">&lt;=</span> <span class="n">ytest</span> <span class="o">+</span> <span class="n">pointRadius</span><span class="p">)</span>

<span class="k">func</span> <span class="n">handlerMouseEvent</span>
        <span class="n">xs</span> <span class="o">=</span> <span class="kt">list</span><span class="p">(</span><span class="mi">10</span><span class="p">)</span>
        <span class="n">ys</span> <span class="o">=</span> <span class="kt">list</span><span class="p">(</span><span class="mi">10</span><span class="p">)</span>

        <span class="n">aOut</span> <span class="o">=</span> <span class="n">graphSize</span><span class="p">(</span><span class="n">uiEventAreaWidth</span><span class="p">(),</span> <span class="n">uiEventAreaHeight</span><span class="p">())</span>
        <span class="n">graphWidth</span> <span class="o">=</span> <span class="n">aOut</span><span class="o">[</span><span class="mi">1</span><span class="o">]</span>
        <span class="n">graphHeight</span> <span class="o">=</span> <span class="n">aOut</span><span class="o">[</span><span class="mi">2</span><span class="o">]</span>

        <span class="n">pointLocations</span><span class="p">(</span><span class="n">graphWidth</span><span class="p">,</span> <span class="n">graphHeight</span><span class="p">,</span> <span class="n">xs</span><span class="p">,</span> <span class="n">ys</span><span class="p">)</span>

        <span class="n">e</span> <span class="o">=</span> <span class="n">uiEventAreaMouseEvent</span><span class="p">()</span>
        <span class="n">eX</span> <span class="o">=</span> <span class="n">get_uiAreaMouseEvent_X</span><span class="p">(</span><span class="n">e</span><span class="p">)</span>
        <span class="n">eY</span> <span class="o">=</span> <span class="n">get_uiAreaMouseEvent_Y</span><span class="p">(</span><span class="n">e</span><span class="p">)</span>
        <span class="k">for</span> <span class="n">i</span><span class="o">=</span><span class="mi">1</span> <span class="k">to</span> <span class="mi">10</span>
                <span class="k">if</span> <span class="n">inPoint</span><span class="p">(</span><span class="n">eX</span><span class="p">,</span> <span class="n">eY</span><span class="p">,</span> <span class="n">xs</span><span class="o">[</span><span class="n">i</span><span class="o">]</span><span class="p">,</span> <span class="n">ys</span><span class="o">[</span><span class="n">i</span><span class="o">]</span><span class="p">)</span>
                        <span class="k">exit</span>
                <span class="k">ok</span>
        <span class="k">next</span>
        <span class="k">if</span> <span class="n">i</span> <span class="o">=</span> <span class="mi">11</span>               <span class="o">//</span> <span class="ow">not</span> <span class="k">in</span> <span class="n">a</span> <span class="n">point</span>
                <span class="n">i</span> <span class="o">=</span> <span class="o">-</span><span class="mi">1</span>
        <span class="k">ok</span>

        <span class="n">currentPoint</span> <span class="o">=</span> <span class="n">i</span>

        <span class="n">uiAreaQueueRedrawAll</span><span class="p">(</span><span class="n">histogram</span><span class="p">)</span>

<span class="k">func</span> <span class="n">onDatapointChanged</span>
        <span class="n">uiAreaQueueRedrawAll</span><span class="p">(</span><span class="n">histogram</span><span class="p">)</span>

<span class="k">func</span> <span class="n">onColorChanged</span>
        <span class="n">uiAreaQueueRedrawAll</span><span class="p">(</span><span class="n">histogram</span><span class="p">);</span>

<span class="k">func</span> <span class="n">onClosing</span>
        <span class="n">uiControlDestroy</span><span class="p">(</span><span class="n">uiControl</span><span class="p">(</span><span class="n">mainwin</span><span class="p">))</span>
        <span class="n">uiQuit</span><span class="p">()</span>
        <span class="k">return</span> <span class="mi">0</span>

<span class="k">func</span> <span class="n">shouldQuit</span>
        <span class="n">uiControlDestroy</span><span class="p">(</span><span class="n">uiControl</span><span class="p">(</span><span class="n">mainwin</span><span class="p">))</span>

<span class="k">func</span> <span class="n">main</span>

        <span class="n">uiOnShouldQuit</span><span class="p">(</span><span class="s">&quot;shouldQuit()&quot;</span><span class="p">)</span>

        <span class="n">mainwin</span> <span class="o">=</span> <span class="n">uiNewWindow</span><span class="p">(</span><span class="s">&quot;Histogram Sample&quot;</span><span class="p">,</span> <span class="mi">800</span><span class="p">,</span> <span class="mi">480</span><span class="p">,</span> <span class="mi">1</span><span class="p">)</span>
        <span class="n">uiWindowSetMargined</span><span class="p">(</span><span class="n">mainwin</span><span class="p">,</span> <span class="mi">1</span><span class="p">)</span>
        <span class="n">uiWindowOnClosing</span><span class="p">(</span><span class="n">mainwin</span><span class="p">,</span> <span class="s">&quot;onClosing()&quot;</span><span class="p">)</span>

        <span class="n">Brush</span> <span class="o">=</span> <span class="n">uiNewSolidBrush</span><span class="p">(</span><span class="mi">0</span><span class="p">)</span>

        <span class="n">hbox</span> <span class="o">=</span> <span class="n">uiNewHorizontalBox</span><span class="p">()</span>
        <span class="n">uiBoxSetPadded</span><span class="p">(</span><span class="n">hbox</span><span class="p">,</span> <span class="mi">1</span><span class="p">)</span>
        <span class="n">uiWindowSetChild</span><span class="p">(</span><span class="n">mainwin</span><span class="p">,</span> <span class="n">uiControl</span><span class="p">(</span><span class="n">hbox</span><span class="p">))</span>

        <span class="n">vbox</span> <span class="o">=</span> <span class="n">uiNewVerticalBox</span><span class="p">()</span>
        <span class="n">uiBoxSetPadded</span><span class="p">(</span><span class="n">vbox</span><span class="p">,</span> <span class="mi">1</span><span class="p">)</span>
        <span class="n">uiBoxAppend</span><span class="p">(</span><span class="n">hbox</span><span class="p">,</span> <span class="n">uiControl</span><span class="p">(</span><span class="n">vbox</span><span class="p">),</span> <span class="mi">0</span><span class="p">)</span>

        <span class="n">srandom</span><span class="p">(</span><span class="n">clock</span><span class="p">());</span>
        <span class="k">for</span> <span class="n">i</span><span class="o">=</span><span class="mi">1</span> <span class="k">to</span> <span class="mi">10</span>
                <span class="n">datapoints</span><span class="o">[</span><span class="n">i</span><span class="o">]</span> <span class="o">=</span> <span class="n">uiNewSpinbox</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span> <span class="mi">100</span><span class="p">)</span>
                <span class="n">uiSpinboxSetValue</span><span class="p">(</span><span class="n">datapoints</span><span class="o">[</span><span class="n">i</span><span class="o">]</span><span class="p">,</span> <span class="n">random</span><span class="p">()</span> <span class="o">%</span> <span class="mi">101</span><span class="p">)</span>
                <span class="n">uiSpinboxOnChanged</span><span class="p">(</span><span class="n">datapoints</span><span class="o">[</span><span class="n">i</span><span class="o">]</span><span class="p">,</span> <span class="s">&quot;onDatapointChanged()&quot;</span><span class="p">)</span>
                <span class="n">uiBoxAppend</span><span class="p">(</span><span class="n">vbox</span><span class="p">,</span> <span class="n">uiControl</span><span class="p">(</span><span class="n">datapoints</span><span class="o">[</span><span class="n">i</span><span class="o">]</span><span class="p">),</span> <span class="mi">0</span><span class="p">)</span>
        <span class="k">next</span>

        <span class="n">colorButton</span> <span class="o">=</span> <span class="n">uiNewColorButton</span><span class="p">()</span>

        <span class="n">setSolidBrush</span><span class="p">(</span><span class="n">brush</span><span class="p">,</span> <span class="n">colorDodgerBlue</span><span class="p">,</span> <span class="mf">1.0</span><span class="p">)</span>

        <span class="n">uiColorButtonSetColor</span><span class="p">(</span><span class="n">colorButton</span><span class="p">,</span>
                <span class="n">uiBrushR</span><span class="p">(</span><span class="n">brush</span><span class="p">),</span>
                <span class="n">uiBrushG</span><span class="p">(</span><span class="n">brush</span><span class="p">),</span>
                <span class="n">uiBrushB</span><span class="p">(</span><span class="n">brush</span><span class="p">),</span>
                <span class="n">uiBrushA</span><span class="p">(</span><span class="n">brush</span><span class="p">))</span>

        <span class="n">uiColorButtonOnChanged</span><span class="p">(</span><span class="n">colorButton</span><span class="p">,</span> <span class="s">&quot;onColorChanged()&quot;</span><span class="p">)</span>
        <span class="n">uiBoxAppend</span><span class="p">(</span><span class="n">vbox</span><span class="p">,</span> <span class="n">uiControl</span><span class="p">(</span><span class="n">colorButton</span><span class="p">),</span> <span class="mi">0</span><span class="p">)</span>

        <span class="n">oAreaHandler</span> <span class="o">=</span> <span class="n">uiNewAreaHandler</span><span class="p">(</span><span class="s">&quot;handlerDraw()&quot;</span><span class="p">,</span><span class="s">&quot;handlerMouseEvent()&quot;</span><span class="p">,</span><span class="s">&quot;&quot;</span><span class="p">,</span><span class="s">&quot;&quot;</span><span class="p">,</span><span class="s">&quot;&quot;</span><span class="p">)</span>
        <span class="n">histogram</span> <span class="o">=</span> <span class="n">uiNewArea</span><span class="p">(</span><span class="n">oAreaHandler</span><span class="p">)</span>
        <span class="n">uiBoxAppend</span><span class="p">(</span><span class="n">hbox</span><span class="p">,</span> <span class="n">uiControl</span><span class="p">(</span><span class="n">histogram</span><span class="p">),</span> <span class="mi">1</span><span class="p">)</span>

        <span class="n">uiControlShow</span><span class="p">(</span><span class="n">uiControl</span><span class="p">(</span><span class="n">mainwin</span><span class="p">))</span>
        <span class="n">uiMain</span><span class="p">()</span>
</pre></div>
</div>
<p>Screen Shot:</p>
<img alt="RingLibui Screen Shot" src="_images/libui_14.png" />
</div>
<div class="section" id="text-drawing">
<span id="index-9"></span><h2>Text Drawing<a class="headerlink" href="#text-drawing" title="Permalink to this headline">¶</a></h2>
<div class="highlight-ring notranslate"><div class="highlight"><pre><span></span><span class="c"># Sample ported to Ring</span>
<span class="c"># Based on original sample from : https://github.com/andlabs/libui</span>

<span class="k">load</span> <span class="s">&quot;libui.ring&quot;</span>

<span class="c"># Global Variables</span>
        <span class="n">mainwin</span>         <span class="o">=</span> <span class="kp">NULL</span>
        <span class="n">area</span>            <span class="o">=</span> <span class="kp">NULL</span>
        <span class="n">handler</span>         <span class="o">=</span> <span class="kp">NULL</span>
        <span class="n">fontButton</span>      <span class="o">=</span> <span class="kp">NULL</span>
        <span class="n">alignment</span>       <span class="o">=</span> <span class="kp">NULL</span>
        <span class="n">attrstr</span>         <span class="o">=</span> <span class="kp">NULL</span>

<span class="k">func</span> <span class="n">appendWithAttribute</span> <span class="n">what</span><span class="p">,</span> <span class="n">attr</span><span class="p">,</span> <span class="n">attr2</span>
        <span class="n">nStart</span> <span class="o">=</span> <span class="n">uiAttributedStringLen</span><span class="p">(</span><span class="n">attrstr</span><span class="p">)</span>
        <span class="n">nEnd</span> <span class="o">=</span> <span class="n">nStart</span> <span class="o">+</span> <span class="n">len</span><span class="p">(</span><span class="n">what</span><span class="p">)</span>
        <span class="n">uiAttributedStringAppendUnattributed</span><span class="p">(</span><span class="n">attrstr</span><span class="p">,</span> <span class="n">what</span><span class="p">)</span>
        <span class="n">uiAttributedStringSetAttribute</span><span class="p">(</span><span class="n">attrstr</span><span class="p">,</span> <span class="n">attr</span><span class="p">,</span> <span class="n">nStart</span><span class="p">,</span> <span class="n">nEnd</span><span class="p">)</span>
        <span class="k">if</span> <span class="o">!</span> <span class="n">ISNULL</span><span class="p">(</span><span class="n">attr2</span><span class="p">)</span>
                <span class="n">uiAttributedStringSetAttribute</span><span class="p">(</span><span class="n">attrstr</span><span class="p">,</span> <span class="n">attr2</span><span class="p">,</span> <span class="n">nStart</span><span class="p">,</span> <span class="n">nEnd</span><span class="p">)</span>
        <span class="k">ok</span>

<span class="k">func</span> <span class="n">makeAttributedString</span>

        <span class="n">attrstr</span> <span class="o">=</span> <span class="n">uiNewAttributedString</span><span class="p">(</span><span class="s">&quot;Drawing strings with libui is done with the uiAttributedString and uiDrawTextLayout objects.&quot;</span><span class="o">+</span><span class="n">nl</span><span class="o">+</span>
                <span class="s">&quot;uiAttributedString lets you have a variety of attributes: &quot;</span><span class="p">)</span>

        <span class="n">attr</span> <span class="o">=</span> <span class="n">uiNewFamilyAttribute</span><span class="p">(</span><span class="s">&quot;Courier New&quot;</span><span class="p">)</span>
        <span class="n">appendWithAttribute</span><span class="p">(</span><span class="s">&quot;font family&quot;</span><span class="p">,</span> <span class="n">attr</span><span class="p">,</span> <span class="kp">NULL</span><span class="p">)</span>
        <span class="n">uiAttributedStringAppendUnattributed</span><span class="p">(</span><span class="n">attrstr</span><span class="p">,</span> <span class="s">&quot;, &quot;</span><span class="p">)</span>

        <span class="n">attr</span> <span class="o">=</span> <span class="n">uiNewSizeAttribute</span><span class="p">(</span><span class="mi">18</span><span class="p">)</span>
        <span class="n">appendWithAttribute</span><span class="p">(</span><span class="s">&quot;font size&quot;</span><span class="p">,</span> <span class="n">attr</span><span class="p">,</span> <span class="kp">NULL</span><span class="p">)</span>
        <span class="n">uiAttributedStringAppendUnattributed</span><span class="p">(</span><span class="n">attrstr</span><span class="p">,</span> <span class="s">&quot;, &quot;</span><span class="p">)</span>

        <span class="n">attr</span> <span class="o">=</span> <span class="n">uiNewWeightAttribute</span><span class="p">(</span><span class="n">uiTextWeightBold</span><span class="p">)</span>
        <span class="n">appendWithAttribute</span><span class="p">(</span><span class="s">&quot;font weight&quot;</span><span class="p">,</span> <span class="n">attr</span><span class="p">,</span> <span class="kp">NULL</span><span class="p">)</span>
        <span class="n">uiAttributedStringAppendUnattributed</span><span class="p">(</span><span class="n">attrstr</span><span class="p">,</span> <span class="s">&quot;, &quot;</span><span class="p">)</span>

        <span class="n">attr</span> <span class="o">=</span> <span class="n">uiNewItalicAttribute</span><span class="p">(</span><span class="n">uiTextItalicItalic</span><span class="p">)</span>
        <span class="n">appendWithAttribute</span><span class="p">(</span><span class="s">&quot;font italicness&quot;</span><span class="p">,</span> <span class="n">attr</span><span class="p">,</span> <span class="kp">NULL</span><span class="p">)</span>
        <span class="n">uiAttributedStringAppendUnattributed</span><span class="p">(</span><span class="n">attrstr</span><span class="p">,</span> <span class="s">&quot;, &quot;</span><span class="p">)</span>

        <span class="n">attr</span> <span class="o">=</span> <span class="n">uiNewStretchAttribute</span><span class="p">(</span><span class="n">uiTextStretchCondensed</span><span class="p">)</span>
        <span class="n">appendWithAttribute</span><span class="p">(</span><span class="s">&quot;font stretch&quot;</span><span class="p">,</span> <span class="n">attr</span><span class="p">,</span> <span class="kp">NULL</span><span class="p">)</span>
        <span class="n">uiAttributedStringAppendUnattributed</span><span class="p">(</span><span class="n">attrstr</span><span class="p">,</span> <span class="s">&quot;, &quot;</span><span class="p">)</span>

        <span class="n">attr</span> <span class="o">=</span> <span class="n">uiNewColorAttribute</span><span class="p">(</span><span class="mf">0.75</span><span class="p">,</span> <span class="mf">0.25</span><span class="p">,</span> <span class="mf">0.5</span><span class="p">,</span> <span class="mf">0.75</span><span class="p">)</span>
        <span class="n">appendWithAttribute</span><span class="p">(</span><span class="s">&quot;text color&quot;</span><span class="p">,</span> <span class="n">attr</span><span class="p">,</span> <span class="kp">NULL</span><span class="p">)</span>
        <span class="n">uiAttributedStringAppendUnattributed</span><span class="p">(</span><span class="n">attrstr</span><span class="p">,</span> <span class="s">&quot;, &quot;</span><span class="p">)</span>

        <span class="n">attr</span> <span class="o">=</span> <span class="n">uiNewBackgroundAttribute</span><span class="p">(</span><span class="mf">0.5</span><span class="p">,</span> <span class="mf">0.5</span><span class="p">,</span> <span class="mf">0.25</span><span class="p">,</span> <span class="mf">0.5</span><span class="p">)</span>
        <span class="n">appendWithAttribute</span><span class="p">(</span><span class="s">&quot;text background color&quot;</span><span class="p">,</span> <span class="n">attr</span><span class="p">,</span> <span class="kp">NULL</span><span class="p">)</span>
        <span class="n">uiAttributedStringAppendUnattributed</span><span class="p">(</span><span class="n">attrstr</span><span class="p">,</span> <span class="s">&quot;, &quot;</span><span class="p">)</span>


        <span class="n">attr</span> <span class="o">=</span> <span class="n">uiNewUnderlineAttribute</span><span class="p">(</span><span class="n">uiUnderlineSingle</span><span class="p">)</span>
        <span class="n">appendWithAttribute</span><span class="p">(</span><span class="s">&quot;underline style&quot;</span><span class="p">,</span> <span class="n">attr</span><span class="p">,</span> <span class="kp">NULL</span><span class="p">)</span>
        <span class="n">uiAttributedStringAppendUnattributed</span><span class="p">(</span><span class="n">attrstr</span><span class="p">,</span> <span class="s">&quot;, &quot;</span><span class="p">)</span>

        <span class="n">uiAttributedStringAppendUnattributed</span><span class="p">(</span><span class="n">attrstr</span><span class="p">,</span> <span class="s">&quot;and &quot;</span><span class="p">)</span>
        <span class="n">attr</span> <span class="o">=</span> <span class="n">uiNewUnderlineAttribute</span><span class="p">(</span><span class="n">uiUnderlineDouble</span><span class="p">)</span>
        <span class="n">attr2</span> <span class="o">=</span> <span class="n">uiNewUnderlineColorAttribute</span><span class="p">(</span><span class="n">uiUnderlineColorCustom</span><span class="p">,</span> <span class="mf">1.0</span><span class="p">,</span> <span class="mf">0.0</span><span class="p">,</span> <span class="mf">0.5</span><span class="p">,</span> <span class="mf">1.0</span><span class="p">)</span>
        <span class="n">appendWithAttribute</span><span class="p">(</span><span class="s">&quot;underline color&quot;</span><span class="p">,</span> <span class="n">attr</span><span class="p">,</span> <span class="n">attr2</span><span class="p">)</span>
        <span class="n">uiAttributedStringAppendUnattributed</span><span class="p">(</span><span class="n">attrstr</span><span class="p">,</span> <span class="s">&quot;. &quot;</span><span class="p">)</span>

        <span class="n">uiAttributedStringAppendUnattributed</span><span class="p">(</span><span class="n">attrstr</span><span class="p">,</span> <span class="s">&quot;Furthermore, there are attributes allowing for &quot;</span><span class="p">)</span>
        <span class="n">attr</span> <span class="o">=</span> <span class="n">uiNewUnderlineAttribute</span><span class="p">(</span><span class="n">uiUnderlineSuggestion</span><span class="p">)</span>
        <span class="n">attr2</span> <span class="o">=</span> <span class="n">uiNewUnderlineColorAttribute</span><span class="p">(</span><span class="n">uiUnderlineColorSpelling</span><span class="p">,</span> <span class="mi">0</span><span class="p">,</span> <span class="mi">0</span><span class="p">,</span> <span class="mi">0</span><span class="p">,</span> <span class="mi">0</span><span class="p">)</span>
        <span class="n">appendWithAttribute</span><span class="p">(</span><span class="s">&quot;special underlines for indicating spelling errors&quot;</span><span class="p">,</span> <span class="n">attr</span><span class="p">,</span> <span class="n">attr2</span><span class="p">)</span>
        <span class="n">uiAttributedStringAppendUnattributed</span><span class="p">(</span><span class="n">attrstr</span><span class="p">,</span> <span class="s">&quot; (and other types of errors) &quot;</span><span class="p">)</span>

        <span class="n">uiAttributedStringAppendUnattributed</span><span class="p">(</span><span class="n">attrstr</span><span class="p">,</span> <span class="s">&quot;and control over OpenType features such as ligatures (for instance, &quot;</span><span class="p">)</span>
        <span class="n">otf</span> <span class="o">=</span> <span class="n">uiNewOpenTypeFeatures</span><span class="p">()</span>
        <span class="n">uiOpenTypeFeaturesAdd</span><span class="p">(</span><span class="n">otf</span><span class="p">,</span> <span class="n">ASCII</span><span class="p">(</span><span class="sc">&#39;l&#39;</span><span class="p">),</span> <span class="n">ASCII</span><span class="p">(</span><span class="sc">&#39;i&#39;</span><span class="p">),</span> <span class="n">ASCII</span><span class="p">(</span><span class="sc">&#39;g&#39;</span><span class="p">),</span> <span class="n">ASCII</span><span class="p">(</span><span class="sc">&#39;a&#39;</span><span class="p">),</span> <span class="mi">0</span><span class="p">)</span>
        <span class="n">attr</span> <span class="o">=</span> <span class="n">uiNewFeaturesAttribute</span><span class="p">(</span><span class="n">otf</span><span class="p">)</span>
        <span class="n">appendWithAttribute</span><span class="p">(</span><span class="s">&quot;afford&quot;</span><span class="p">,</span> <span class="n">attr</span><span class="p">,</span> <span class="kp">NULL</span><span class="p">)</span>
        <span class="n">uiAttributedStringAppendUnattributed</span><span class="p">(</span><span class="n">attrstr</span><span class="p">,</span> <span class="s">&quot; vs. &quot;</span><span class="p">)</span>
        <span class="n">uiOpenTypeFeaturesAdd</span><span class="p">(</span><span class="n">otf</span><span class="p">,</span> <span class="n">ASCII</span><span class="p">(</span><span class="sc">&#39;l&#39;</span><span class="p">),</span> <span class="n">ASCII</span><span class="p">(</span><span class="sc">&#39;i&#39;</span><span class="p">),</span> <span class="n">ASCII</span><span class="p">(</span><span class="sc">&#39;g&#39;</span><span class="p">),</span> <span class="n">ASCII</span><span class="p">(</span><span class="sc">&#39;a&#39;</span><span class="p">),</span> <span class="mi">1</span><span class="p">)</span>
        <span class="n">attr</span> <span class="o">=</span> <span class="n">uiNewFeaturesAttribute</span><span class="p">(</span><span class="n">otf</span><span class="p">)</span>
        <span class="n">appendWithAttribute</span><span class="p">(</span><span class="s">&quot;afford&quot;</span><span class="p">,</span> <span class="n">attr</span><span class="p">,</span> <span class="kp">NULL</span><span class="p">)</span>
        <span class="n">uiFreeOpenTypeFeatures</span><span class="p">(</span><span class="n">otf</span><span class="p">)</span>
        <span class="n">uiAttributedStringAppendUnattributed</span><span class="p">(</span><span class="n">attrstr</span><span class="p">,</span> <span class="s">&quot;).</span><span class="se">\n</span><span class="s">&quot;</span><span class="p">)</span>

        <span class="n">uiAttributedStringAppendUnattributed</span><span class="p">(</span><span class="n">attrstr</span><span class="p">,</span> <span class="s">&quot;Use the controls opposite to the text to control properties of the text.&quot;</span><span class="p">)</span>

<span class="k">func</span> <span class="n">handlerDraw</span>

        <span class="n">defaultfont</span> <span class="o">=</span> <span class="n">new_uiFontDescriptor</span><span class="p">()</span>
        <span class="n">params</span> <span class="o">=</span> <span class="n">new_uiDrawTextLayoutParams</span><span class="p">()</span>

        <span class="n">set_uiDrawTextLayoutParams_String</span><span class="p">(</span><span class="n">params</span><span class="p">,</span><span class="n">attrstr</span><span class="p">)</span>
        <span class="n">uiFontButtonFont</span><span class="p">(</span><span class="n">fontButton</span><span class="p">,</span> <span class="n">defaultFont</span><span class="p">)</span>
        <span class="n">set_uiDrawTextLayoutParams_DefaultFont</span><span class="p">(</span><span class="n">params</span><span class="p">,</span><span class="n">defaultFont</span><span class="p">)</span>
        <span class="n">set_uiDrawTextLayoutParams_Width</span><span class="p">(</span><span class="n">params</span><span class="p">,</span><span class="n">uiEventAreaWidth</span><span class="p">())</span>
        <span class="n">set_uiDrawTextLayoutParams_Align</span><span class="p">(</span><span class="n">params</span><span class="p">,</span><span class="n">uiComboboxSelected</span><span class="p">(</span><span class="n">alignment</span><span class="p">))</span>
        <span class="n">textLayout</span> <span class="o">=</span> <span class="n">uiDrawNewTextLayout</span><span class="p">(</span><span class="n">params</span><span class="p">)</span>
        <span class="n">uiDrawText</span><span class="p">(</span><span class="n">uiEventContext</span><span class="p">(),</span> <span class="n">textLayout</span><span class="p">,</span> <span class="mi">0</span><span class="p">,</span> <span class="mi">0</span><span class="p">)</span>
        <span class="n">uiDrawFreeTextLayout</span><span class="p">(</span><span class="n">textLayout</span><span class="p">)</span>
        <span class="n">uiFreeFontButtonFont</span><span class="p">(</span><span class="n">defaultFont</span><span class="p">)</span>

<span class="k">func</span> <span class="n">onFontChanged</span>
        <span class="n">uiAreaQueueRedrawAll</span><span class="p">(</span><span class="n">area</span><span class="p">)</span>

<span class="k">func</span> <span class="n">onComboboxSelected</span>
        <span class="n">uiAreaQueueRedrawAll</span><span class="p">(</span><span class="n">area</span><span class="p">)</span>

<span class="k">func</span> <span class="n">onClosing</span>
        <span class="n">uiControlDestroy</span><span class="p">(</span><span class="n">mainwin</span><span class="p">)</span>
        <span class="n">uiQuit</span><span class="p">()</span>

<span class="k">func</span> <span class="n">shouldQuit</span>
        <span class="n">uiControlDestroy</span><span class="p">(</span><span class="n">mainwin</span><span class="p">)</span>

<span class="k">func</span> <span class="n">main</span>

        <span class="n">uiOnShouldQuit</span><span class="p">(</span><span class="s">&quot;shouldQuit()&quot;</span><span class="p">)</span>

        <span class="n">makeAttributedString</span><span class="p">()</span>

        <span class="n">mainwin</span> <span class="o">=</span> <span class="n">uiNewWindow</span><span class="p">(</span><span class="s">&quot;libui Text-Drawing Example&quot;</span><span class="p">,</span> <span class="mi">640</span><span class="p">,</span> <span class="mi">480</span><span class="p">,</span> <span class="mi">1</span><span class="p">)</span>
        <span class="n">uiWindowSetMargined</span><span class="p">(</span><span class="n">mainwin</span><span class="p">,</span> <span class="mi">1</span><span class="p">)</span>
        <span class="n">uiWindowOnClosing</span><span class="p">(</span><span class="n">mainwin</span><span class="p">,</span> <span class="s">&quot;onClosing()&quot;</span><span class="p">)</span>

        <span class="n">hbox</span> <span class="o">=</span> <span class="n">uiNewHorizontalBox</span><span class="p">()</span>
        <span class="n">uiBoxSetPadded</span><span class="p">(</span><span class="n">hbox</span><span class="p">,</span> <span class="mi">1</span><span class="p">)</span>
        <span class="n">uiWindowSetChild</span><span class="p">(</span><span class="n">mainwin</span><span class="p">,</span> <span class="n">hbox</span><span class="p">)</span>

        <span class="n">vbox</span> <span class="o">=</span> <span class="n">uiNewVerticalBox</span><span class="p">()</span>
        <span class="n">uiBoxSetPadded</span><span class="p">(</span><span class="n">vbox</span><span class="p">,</span> <span class="mi">1</span><span class="p">)</span>
        <span class="n">uiBoxAppend</span><span class="p">(</span><span class="n">hbox</span><span class="p">,</span> <span class="n">vbox</span><span class="p">,</span> <span class="mi">0</span><span class="p">)</span>

        <span class="n">fontButton</span> <span class="o">=</span> <span class="n">uiNewFontButton</span><span class="p">()</span>
        <span class="n">uiFontButtonOnChanged</span><span class="p">(</span><span class="n">fontButton</span><span class="p">,</span> <span class="s">&quot;onFontChanged()&quot;</span><span class="p">)</span>
        <span class="n">uiBoxAppend</span><span class="p">(</span><span class="n">vbox</span><span class="p">,</span> <span class="n">fontButton</span><span class="p">,</span> <span class="mi">0</span><span class="p">)</span>

        <span class="n">form</span> <span class="o">=</span> <span class="n">uiNewForm</span><span class="p">()</span>
        <span class="n">uiFormSetPadded</span><span class="p">(</span><span class="n">form</span><span class="p">,</span> <span class="mi">1</span><span class="p">)</span>
        <span class="n">uiBoxAppend</span><span class="p">(</span><span class="n">vbox</span><span class="p">,</span> <span class="n">form</span><span class="p">,</span> <span class="mi">0</span><span class="p">)</span>

        <span class="n">alignment</span> <span class="o">=</span> <span class="n">uiNewCombobox</span><span class="p">()</span>
        <span class="n">uiComboboxAppend</span><span class="p">(</span><span class="n">alignment</span><span class="p">,</span> <span class="s">&quot;Left&quot;</span><span class="p">)</span>
        <span class="n">uiComboboxAppend</span><span class="p">(</span><span class="n">alignment</span><span class="p">,</span> <span class="s">&quot;Center&quot;</span><span class="p">)</span>
        <span class="n">uiComboboxAppend</span><span class="p">(</span><span class="n">alignment</span><span class="p">,</span> <span class="s">&quot;Right&quot;</span><span class="p">)</span>
        <span class="n">uiComboboxSetSelected</span><span class="p">(</span><span class="n">alignment</span><span class="p">,</span> <span class="mi">0</span><span class="p">)</span>             <span class="o">//</span> <span class="n">start</span> <span class="n">with</span> <span class="n">left</span> <span class="n">alignment</span>
        <span class="n">uiComboboxOnSelected</span><span class="p">(</span><span class="n">alignment</span><span class="p">,</span> <span class="s">&quot;onComboboxSelected()&quot;</span><span class="p">)</span>
        <span class="n">uiFormAppend</span><span class="p">(</span><span class="n">form</span><span class="p">,</span> <span class="s">&quot;Alignment&quot;</span><span class="p">,</span> <span class="n">alignment</span><span class="p">,</span> <span class="mi">0</span><span class="p">)</span>

        <span class="n">oAreaHandler</span> <span class="o">=</span> <span class="n">uiNewAreaHandler</span><span class="p">(</span><span class="s">&quot;handlerDraw()&quot;</span><span class="p">,</span><span class="s">&quot;&quot;</span><span class="p">,</span><span class="s">&quot;&quot;</span><span class="p">,</span><span class="s">&quot;&quot;</span><span class="p">,</span><span class="s">&quot;&quot;</span><span class="p">)</span>
        <span class="n">area</span> <span class="o">=</span> <span class="n">uiNewArea</span><span class="p">(</span><span class="n">oAreaHandler</span><span class="p">)</span>
        <span class="n">uiBoxAppend</span><span class="p">(</span><span class="n">hbox</span><span class="p">,</span> <span class="n">area</span><span class="p">,</span> <span class="mi">1</span><span class="p">)</span>

        <span class="n">uiControlShow</span><span class="p">(</span><span class="n">mainwin</span><span class="p">)</span>
        <span class="n">uiMain</span><span class="p">()</span>
        <span class="n">uiFreeAttributedString</span><span class="p">(</span><span class="n">attrstr</span><span class="p">)</span>
</pre></div>
</div>
<p>Screen Shot:</p>
<img alt="RingLibui Screen Shot" src="_images/libui_15.png" />
<img alt="RingLibui Screen Shot" src="_images/libui_16.png" />
<img alt="RingLibui Screen Shot" src="_images/libui_17.png" />
</div>
<div class="section" id="more-drawing-samples">
<span id="index-10"></span><h2>More Drawing Samples<a class="headerlink" href="#more-drawing-samples" title="Permalink to this headline">¶</a></h2>
<p>Example (1):</p>
<div class="highlight-ring notranslate"><div class="highlight"><pre><span></span><span class="c"># Sample ported to Ring</span>
<span class="c"># Based on original sample from : https://github.com/andlabs/libui</span>

<span class="k">load</span> <span class="s">&quot;libui.ring&quot;</span>

<span class="n">oWindow</span> <span class="o">=</span> <span class="n">uiNewWindow</span><span class="p">(</span> <span class="s">&quot;Drawing Sample&quot;</span><span class="p">,</span> <span class="mi">400</span><span class="p">,</span> <span class="mi">400</span><span class="p">,</span> <span class="kp">True</span><span class="p">)</span>
<span class="n">uiWindowOnClosing</span><span class="p">(</span><span class="n">oWindow</span><span class="p">,</span><span class="s">&quot;closeApp()&quot;</span><span class="p">)</span>

<span class="n">oAreaHandler</span> <span class="o">=</span> <span class="n">uiNewAreaHandler</span><span class="p">(</span><span class="s">&quot;draw()&quot;</span><span class="p">,</span><span class="s">&quot;&quot;</span><span class="p">,</span><span class="s">&quot;&quot;</span><span class="p">,</span><span class="s">&quot;&quot;</span><span class="p">,</span><span class="s">&quot;&quot;</span><span class="p">)</span>
<span class="n">area</span> <span class="o">=</span> <span class="n">uiNewArea</span><span class="p">(</span><span class="n">oAreaHandler</span><span class="p">)</span>

<span class="n">btnClose</span> <span class="o">=</span> <span class="n">uiNewButton</span><span class="p">(</span><span class="s">&quot;Close Application&quot;</span><span class="p">)</span>
<span class="n">uiButtonOnClicked</span><span class="p">(</span><span class="n">btnClose</span><span class="p">,</span><span class="s">&quot;closeApp()&quot;</span><span class="p">)</span>

<span class="n">hbox</span> <span class="o">=</span> <span class="n">uiNewVerticalBox</span><span class="p">()</span>
<span class="n">uiBoxSetPadded</span><span class="p">(</span><span class="n">hbox</span><span class="p">,</span> <span class="mi">1</span><span class="p">)</span>
<span class="n">uiBoxAppend</span><span class="p">(</span><span class="n">hbox</span><span class="p">,</span><span class="n">btnClose</span><span class="p">,</span><span class="mi">0</span><span class="p">)</span>
<span class="n">uiBoxAppend</span><span class="p">(</span><span class="n">hbox</span><span class="p">,</span><span class="n">area</span><span class="p">,</span><span class="mi">1</span><span class="p">)</span>
<span class="n">uiWindowSetChild</span><span class="p">(</span><span class="n">oWindow</span><span class="p">,</span> <span class="n">hbox</span><span class="p">)</span>

<span class="n">uiControlShow</span><span class="p">(</span> <span class="n">oWindow</span> <span class="p">)</span>
<span class="n">uiMain</span><span class="p">()</span>

<span class="k">func</span> <span class="n">draw</span>
        <span class="n">nWidth</span> <span class="o">=</span> <span class="n">uiEventAreaWidth</span><span class="p">()</span>             <span class="n">nHeight</span> <span class="o">=</span> <span class="n">uiEventAreaHeight</span><span class="p">()</span>
        <span class="n">source</span> <span class="o">=</span> <span class="n">new_uiDrawBrush</span><span class="p">()</span>
        <span class="n">sp</span> <span class="o">=</span> <span class="n">new_uiDrawStrokeParams</span><span class="p">()</span>
        <span class="n">source</span> <span class="o">=</span> <span class="n">uiNewSolidBrush</span><span class="p">(</span><span class="n">colorBlue</span><span class="p">)</span>
        <span class="n">set_uiDrawStrokeParams_Cap</span><span class="p">(</span><span class="n">sp</span><span class="p">,</span><span class="n">uiDrawLineCapFlat</span><span class="p">)</span>
        <span class="n">set_uiDrawStrokeParams_Join</span><span class="p">(</span><span class="n">sp</span><span class="p">,</span><span class="n">uiDrawLineJoinMiter</span><span class="p">)</span>
        <span class="n">set_uiDrawStrokeParams_MiterLimit</span><span class="p">(</span><span class="n">sp</span><span class="p">,</span><span class="n">uiDrawDefaultMiterLimit</span><span class="p">)</span>
        <span class="n">set_uiDrawStrokeParams_NumDashes</span><span class="p">(</span><span class="n">sp</span><span class="p">,</span><span class="mi">0</span><span class="p">)</span>
        <span class="n">set_uiDrawStrokeParams_DashPhase</span><span class="p">(</span><span class="n">sp</span><span class="p">,</span><span class="mi">0</span><span class="p">)</span>
        <span class="n">set_uiDrawStrokeParams_Thickness</span><span class="p">(</span><span class="n">sp</span><span class="p">,</span><span class="mf">40.96</span><span class="p">)</span>

        <span class="n">path</span> <span class="o">=</span> <span class="n">uiDrawNewPath</span><span class="p">(</span><span class="n">uiDrawFillModeWinding</span><span class="p">)</span>
        <span class="n">uiDrawPathNewFigure</span><span class="p">(</span><span class="n">path</span><span class="p">,</span> <span class="mf">76.8</span><span class="p">,</span> <span class="mf">84.48</span><span class="p">)</span>
        <span class="n">uiDrawPathLineTo</span><span class="p">(</span><span class="n">path</span><span class="p">,</span> <span class="mf">76.8</span> <span class="o">+</span> <span class="mf">51.2</span><span class="p">,</span> <span class="mf">84.48</span> <span class="o">-</span><span class="mf">51.2</span><span class="p">)</span>
        <span class="n">uiDrawPathLineTo</span><span class="p">(</span><span class="n">path</span><span class="p">,</span> <span class="mf">76.8</span> <span class="o">+</span> <span class="mf">51.2</span> <span class="o">+</span> <span class="mf">51.2</span><span class="p">,</span> <span class="mf">84.48</span> <span class="o">-</span> <span class="mf">51.2</span> <span class="o">+</span> <span class="mf">51.2</span><span class="p">)</span>
        <span class="n">uiDrawPathEnd</span><span class="p">(</span><span class="n">path</span><span class="p">)</span>
        <span class="n">set_uiDrawStrokeParams_Join</span><span class="p">(</span><span class="n">sp</span><span class="p">,</span><span class="n">uiDrawLineJoinMiter</span><span class="p">)</span>
        <span class="n">uiDrawStroke</span><span class="p">(</span><span class="n">uiEventContext</span><span class="p">(),</span> <span class="n">path</span><span class="p">,</span> <span class="n">source</span><span class="p">,</span> <span class="n">sp</span><span class="p">)</span>
        <span class="n">uiDrawFreePath</span><span class="p">(</span><span class="n">path</span><span class="p">)</span>

        <span class="n">path</span> <span class="o">=</span> <span class="n">uiDrawNewPath</span><span class="p">(</span><span class="n">uiDrawFillModeWinding</span><span class="p">)</span>
        <span class="n">uiDrawPathNewFigure</span><span class="p">(</span><span class="n">path</span><span class="p">,</span> <span class="mf">76.8</span><span class="p">,</span> <span class="mf">161.28</span><span class="p">)</span>
        <span class="n">uiDrawPathLineTo</span><span class="p">(</span><span class="n">path</span><span class="p">,</span> <span class="mf">76.8</span> <span class="o">+</span> <span class="mf">51.2</span><span class="p">,</span> <span class="mf">161.28</span> <span class="o">-</span><span class="mf">51.2</span><span class="p">)</span>
        <span class="n">uiDrawPathLineTo</span><span class="p">(</span><span class="n">path</span><span class="p">,</span> <span class="mf">76.8</span> <span class="o">+</span> <span class="mf">51.2</span> <span class="o">+</span> <span class="mf">51.2</span><span class="p">,</span> <span class="mf">161.28</span> <span class="o">-</span> <span class="mf">51.2</span> <span class="o">+</span> <span class="mf">51.2</span><span class="p">)</span>
        <span class="n">uiDrawPathEnd</span><span class="p">(</span><span class="n">path</span><span class="p">)</span>
        <span class="n">set_uiDrawStrokeParams_Join</span><span class="p">(</span><span class="n">sp</span><span class="p">,</span><span class="n">uiDrawLineJoinBevel</span><span class="p">)</span>
        <span class="n">uiDrawStroke</span><span class="p">(</span><span class="n">uiEventContext</span><span class="p">(),</span> <span class="n">path</span><span class="p">,</span> <span class="n">source</span><span class="p">,</span> <span class="n">sp</span><span class="p">)</span>
        <span class="n">uiDrawFreePath</span><span class="p">(</span><span class="n">path</span><span class="p">)</span>

        <span class="n">path</span> <span class="o">=</span> <span class="n">uiDrawNewPath</span><span class="p">(</span><span class="n">uiDrawFillModeWinding</span><span class="p">)</span>
        <span class="n">uiDrawPathNewFigure</span><span class="p">(</span><span class="n">path</span><span class="p">,</span> <span class="mf">76.8</span><span class="p">,</span> <span class="mf">238.08</span><span class="p">)</span>
        <span class="n">uiDrawPathLineTo</span><span class="p">(</span><span class="n">path</span><span class="p">,</span> <span class="mf">76.8</span> <span class="o">+</span> <span class="mf">51.2</span><span class="p">,</span> <span class="mf">238.08</span> <span class="o">-</span><span class="mf">51.2</span><span class="p">)</span>
        <span class="n">uiDrawPathLineTo</span><span class="p">(</span><span class="n">path</span><span class="p">,</span> <span class="mf">76.8</span> <span class="o">+</span> <span class="mf">51.2</span> <span class="o">+</span> <span class="mf">51.2</span><span class="p">,</span> <span class="mf">238.08</span> <span class="o">-</span> <span class="mf">51.2</span> <span class="o">+</span> <span class="mf">51.2</span><span class="p">)</span>
        <span class="n">uiDrawPathEnd</span><span class="p">(</span><span class="n">path</span><span class="p">)</span>
        <span class="n">set_uiDrawStrokeParams_Join</span><span class="p">(</span><span class="n">sp</span><span class="p">,</span><span class="n">uiDrawLineJoinRound</span><span class="p">)</span>
        <span class="n">uiDrawStroke</span><span class="p">(</span><span class="n">uiEventContext</span><span class="p">(),</span> <span class="n">path</span><span class="p">,</span> <span class="n">source</span><span class="p">,</span> <span class="n">sp</span><span class="p">)</span>
        <span class="n">uiDrawFreePath</span><span class="p">(</span><span class="n">path</span><span class="p">)</span>

<span class="k">func</span> <span class="n">closeApp</span>
        <span class="n">uiQuit</span><span class="p">()</span>
</pre></div>
</div>
<p>Screen Shot:</p>
<img alt="RingLibui Screen Shot" src="_images/libui_20.png" />
<p>Example (2):</p>
<div class="highlight-ring notranslate"><div class="highlight"><pre><span></span><span class="c"># Sample ported to Ring</span>
<span class="c"># Based on original sample from : https://github.com/andlabs/libui</span>

<span class="k">load</span> <span class="s">&quot;libui.ring&quot;</span>

<span class="n">oWindow</span> <span class="o">=</span> <span class="n">uiNewWindow</span><span class="p">(</span> <span class="s">&quot;Drawing Sample&quot;</span><span class="p">,</span> <span class="mi">400</span><span class="p">,</span> <span class="mi">400</span><span class="p">,</span> <span class="kp">True</span><span class="p">)</span>
<span class="n">uiWindowOnClosing</span><span class="p">(</span><span class="n">oWindow</span><span class="p">,</span><span class="s">&quot;closeApp()&quot;</span><span class="p">)</span>

<span class="n">oAreaHandler</span> <span class="o">=</span> <span class="n">uiNewAreaHandler</span><span class="p">(</span><span class="s">&quot;draw()&quot;</span><span class="p">,</span><span class="s">&quot;&quot;</span><span class="p">,</span><span class="s">&quot;&quot;</span><span class="p">,</span><span class="s">&quot;&quot;</span><span class="p">,</span><span class="s">&quot;&quot;</span><span class="p">)</span>
<span class="n">area</span> <span class="o">=</span> <span class="n">uiNewArea</span><span class="p">(</span><span class="n">oAreaHandler</span><span class="p">)</span>

<span class="n">btnClose</span> <span class="o">=</span> <span class="n">uiNewButton</span><span class="p">(</span><span class="s">&quot;Close Application&quot;</span><span class="p">)</span>
<span class="n">uiButtonOnClicked</span><span class="p">(</span><span class="n">btnClose</span><span class="p">,</span><span class="s">&quot;closeApp()&quot;</span><span class="p">)</span>

<span class="n">hbox</span> <span class="o">=</span> <span class="n">uiNewVerticalBox</span><span class="p">()</span>
<span class="n">uiBoxSetPadded</span><span class="p">(</span><span class="n">hbox</span><span class="p">,</span> <span class="mi">1</span><span class="p">)</span>
<span class="n">uiBoxAppend</span><span class="p">(</span><span class="n">hbox</span><span class="p">,</span><span class="n">btnClose</span><span class="p">,</span><span class="mi">0</span><span class="p">)</span>
<span class="n">uiBoxAppend</span><span class="p">(</span><span class="n">hbox</span><span class="p">,</span><span class="n">area</span><span class="p">,</span><span class="mi">1</span><span class="p">)</span>
<span class="n">uiWindowSetChild</span><span class="p">(</span><span class="n">oWindow</span><span class="p">,</span> <span class="n">hbox</span><span class="p">)</span>

<span class="n">uiControlShow</span><span class="p">(</span> <span class="n">oWindow</span> <span class="p">)</span>
<span class="n">uiMain</span><span class="p">()</span>

<span class="k">func</span> <span class="n">draw</span>
        <span class="n">nWidth</span> <span class="o">=</span> <span class="n">uiEventAreaWidth</span><span class="p">()</span>             <span class="n">nHeight</span> <span class="o">=</span> <span class="n">uiEventAreaHeight</span><span class="p">()</span>

        <span class="n">source</span> <span class="o">=</span> <span class="n">new_uiDrawBrush</span><span class="p">()</span>
        <span class="n">sp</span> <span class="o">=</span> <span class="n">new_uiDrawStrokeParams</span><span class="p">()</span>
        <span class="n">source</span> <span class="o">=</span> <span class="n">uiNewSolidBrush</span><span class="p">(</span><span class="n">colorBlack</span><span class="p">)</span>
        <span class="n">set_uiDrawStrokeParams_Cap</span><span class="p">(</span><span class="n">sp</span><span class="p">,</span><span class="n">uiDrawLineCapFlat</span><span class="p">)</span>
        <span class="n">set_uiDrawStrokeParams_Join</span><span class="p">(</span><span class="n">sp</span><span class="p">,</span><span class="n">uiDrawLineJoinMiter</span><span class="p">)</span>
        <span class="n">set_uiDrawStrokeParams_MiterLimit</span><span class="p">(</span><span class="n">sp</span><span class="p">,</span><span class="n">uiDrawDefaultMiterLimit</span><span class="p">)</span>
        <span class="n">set_uiDrawStrokeParams_NumDashes</span><span class="p">(</span><span class="n">sp</span><span class="p">,</span><span class="mi">0</span><span class="p">)</span>
        <span class="n">set_uiDrawStrokeParams_DashPhase</span><span class="p">(</span><span class="n">sp</span><span class="p">,</span><span class="mi">0</span><span class="p">)</span>
        <span class="n">set_uiDrawStrokeParams_Thickness</span><span class="p">(</span><span class="n">sp</span><span class="p">,</span><span class="mi">30</span><span class="p">)</span>

        <span class="n">set_uiDrawStrokeParams_Cap</span><span class="p">(</span><span class="n">sp</span><span class="p">,</span><span class="n">uiDrawLineCapFlat</span><span class="p">)</span>
        <span class="n">path</span> <span class="o">=</span> <span class="n">uiDrawNewPath</span><span class="p">(</span><span class="n">uiDrawFillModeWinding</span><span class="p">)</span>
        <span class="n">uiDrawPathNewFigure</span><span class="p">(</span><span class="n">path</span><span class="p">,</span> <span class="mf">64.0</span><span class="p">,</span> <span class="mf">50.0</span><span class="p">)</span>
        <span class="n">uiDrawPathLineTo</span><span class="p">(</span><span class="n">path</span><span class="p">,</span> <span class="mf">64.0</span><span class="p">,</span> <span class="mf">200.0</span><span class="p">)</span>
        <span class="n">uiDrawPathEnd</span><span class="p">(</span><span class="n">path</span><span class="p">)</span>
        <span class="n">uiDrawStroke</span><span class="p">(</span><span class="n">uiEventContext</span><span class="p">(),</span> <span class="n">path</span><span class="p">,</span> <span class="n">source</span><span class="p">,</span> <span class="n">sp</span><span class="p">)</span>
        <span class="n">uiDrawFreePath</span><span class="p">(</span><span class="n">path</span><span class="p">)</span>

        <span class="n">set_uiDrawStrokeParams_Cap</span><span class="p">(</span><span class="n">sp</span><span class="p">,</span><span class="n">uiDrawLineCapRound</span><span class="p">)</span>
        <span class="n">path</span> <span class="o">=</span> <span class="n">uiDrawNewPath</span><span class="p">(</span><span class="n">uiDrawFillModeWinding</span><span class="p">)</span>
        <span class="n">uiDrawPathNewFigure</span><span class="p">(</span><span class="n">path</span><span class="p">,</span> <span class="mf">128.0</span><span class="p">,</span> <span class="mf">50.0</span><span class="p">)</span>
        <span class="n">uiDrawPathLineTo</span><span class="p">(</span><span class="n">path</span><span class="p">,</span> <span class="mf">128.0</span><span class="p">,</span> <span class="mf">200.0</span><span class="p">)</span>
        <span class="n">uiDrawPathEnd</span><span class="p">(</span><span class="n">path</span><span class="p">)</span>
        <span class="n">uiDrawStroke</span><span class="p">(</span><span class="n">uiEventContext</span><span class="p">(),</span> <span class="n">path</span><span class="p">,</span> <span class="n">source</span><span class="p">,</span> <span class="n">sp</span><span class="p">)</span>
        <span class="n">uiDrawFreePath</span><span class="p">(</span><span class="n">path</span><span class="p">)</span>

        <span class="n">set_uiDrawStrokeParams_Cap</span><span class="p">(</span><span class="n">sp</span><span class="p">,</span><span class="n">uiDrawLineCapSquare</span><span class="p">)</span>
        <span class="n">path</span> <span class="o">=</span> <span class="n">uiDrawNewPath</span><span class="p">(</span><span class="n">uiDrawFillModeWinding</span><span class="p">)</span>
        <span class="n">uiDrawPathNewFigure</span><span class="p">(</span><span class="n">path</span><span class="p">,</span> <span class="mf">192.0</span><span class="p">,</span> <span class="mf">50.0</span><span class="p">)</span>
        <span class="n">uiDrawPathLineTo</span><span class="p">(</span><span class="n">path</span><span class="p">,</span> <span class="mf">192.0</span><span class="p">,</span> <span class="mf">200.0</span><span class="p">)</span>
        <span class="n">uiDrawPathEnd</span><span class="p">(</span><span class="n">path</span><span class="p">)</span>
        <span class="n">uiDrawStroke</span><span class="p">(</span><span class="n">uiEventContext</span><span class="p">(),</span> <span class="n">path</span><span class="p">,</span> <span class="n">source</span><span class="p">,</span> <span class="n">sp</span><span class="p">)</span>
        <span class="n">uiDrawFreePath</span><span class="p">(</span><span class="n">path</span><span class="p">)</span>

        <span class="o">//</span> <span class="n">draw</span> <span class="n">helping</span> <span class="n">lines</span>
        <span class="o">//</span> <span class="n">keep</span> <span class="n">the</span> <span class="n">square</span> <span class="n">cap</span> <span class="k">to</span> <span class="n">match</span> <span class="n">the</span> <span class="n">reference</span> <span class="n">picture</span> <span class="k">on</span> <span class="n">the</span> <span class="n">cairo</span> <span class="n">website</span>
        <span class="n">uiCrSourceRGBA</span><span class="p">(</span><span class="n">source</span><span class="p">,</span> <span class="mi">1</span><span class="p">,</span> <span class="mf">0.2</span><span class="p">,</span> <span class="mf">0.2</span><span class="p">,</span> <span class="mi">1</span><span class="p">)</span>
        <span class="n">set_uiDrawStrokeParams_Thickness</span><span class="p">(</span><span class="n">sp</span><span class="p">,</span><span class="mf">2.56</span><span class="p">)</span>
        <span class="n">path</span> <span class="o">=</span> <span class="n">uiDrawNewPath</span><span class="p">(</span><span class="n">uiDrawFillModeWinding</span><span class="p">)</span>
        <span class="n">uiDrawPathNewFigure</span><span class="p">(</span><span class="n">path</span><span class="p">,</span> <span class="mf">64.0</span><span class="p">,</span> <span class="mf">50.0</span><span class="p">)</span>
        <span class="n">uiDrawPathLineTo</span><span class="p">(</span><span class="n">path</span><span class="p">,</span> <span class="mf">64.0</span><span class="p">,</span> <span class="mf">200.0</span><span class="p">)</span>
        <span class="n">uiDrawPathNewFigure</span><span class="p">(</span><span class="n">path</span><span class="p">,</span> <span class="mf">128.0</span><span class="p">,</span> <span class="mf">50.0</span><span class="p">)</span>
        <span class="n">uiDrawPathLineTo</span><span class="p">(</span><span class="n">path</span><span class="p">,</span> <span class="mf">128.0</span><span class="p">,</span> <span class="mf">200.0</span><span class="p">)</span>
        <span class="n">uiDrawPathNewFigure</span><span class="p">(</span><span class="n">path</span><span class="p">,</span> <span class="mf">192.0</span><span class="p">,</span> <span class="mf">50.0</span><span class="p">)</span>
        <span class="n">uiDrawPathLineTo</span><span class="p">(</span><span class="n">path</span><span class="p">,</span> <span class="mf">192.0</span><span class="p">,</span> <span class="mf">200.0</span><span class="p">)</span>
        <span class="n">uiDrawPathEnd</span><span class="p">(</span><span class="n">path</span><span class="p">)</span>
        <span class="n">uiDrawStroke</span><span class="p">(</span><span class="n">uiEventContext</span><span class="p">(),</span> <span class="n">path</span><span class="p">,</span> <span class="n">source</span><span class="p">,</span> <span class="n">sp</span><span class="p">)</span>
        <span class="n">uiDrawFreePath</span><span class="p">(</span><span class="n">path</span><span class="p">)</span>

<span class="k">func</span> <span class="n">closeApp</span>
        <span class="n">uiQuit</span><span class="p">()</span>
</pre></div>
</div>
<p>Screen Shot:</p>
<img alt="RingLibui Screen Shot" src="_images/libui_19.png" />
<p>Example (3):</p>
<div class="highlight-ring notranslate"><div class="highlight"><pre><span></span><span class="c"># Sample ported to Ring</span>
<span class="c"># Based on original sample from : https://github.com/andlabs/libui</span>

<span class="k">load</span> <span class="s">&quot;libui.ring&quot;</span>

<span class="n">oWindow</span> <span class="o">=</span> <span class="n">uiNewWindow</span><span class="p">(</span> <span class="s">&quot;Drawing Sample&quot;</span><span class="p">,</span> <span class="mi">260</span><span class="p">,</span> <span class="mi">300</span><span class="p">,</span> <span class="kp">True</span><span class="p">)</span>
<span class="n">uiWindowOnClosing</span><span class="p">(</span><span class="n">oWindow</span><span class="p">,</span><span class="s">&quot;closeApp()&quot;</span><span class="p">)</span>

<span class="n">oAreaHandler</span> <span class="o">=</span> <span class="n">uiNewAreaHandler</span><span class="p">(</span><span class="s">&quot;draw()&quot;</span><span class="p">,</span><span class="s">&quot;&quot;</span><span class="p">,</span><span class="s">&quot;&quot;</span><span class="p">,</span><span class="s">&quot;&quot;</span><span class="p">,</span><span class="s">&quot;&quot;</span><span class="p">)</span>
<span class="n">area</span> <span class="o">=</span> <span class="n">uiNewArea</span><span class="p">(</span><span class="n">oAreaHandler</span><span class="p">)</span>

<span class="n">btnClose</span> <span class="o">=</span> <span class="n">uiNewButton</span><span class="p">(</span><span class="s">&quot;Close Application&quot;</span><span class="p">)</span>
<span class="n">uiButtonOnClicked</span><span class="p">(</span><span class="n">btnClose</span><span class="p">,</span><span class="s">&quot;closeApp()&quot;</span><span class="p">)</span>

<span class="n">hbox</span> <span class="o">=</span> <span class="n">uiNewVerticalBox</span><span class="p">()</span>
<span class="n">uiBoxSetPadded</span><span class="p">(</span><span class="n">hbox</span><span class="p">,</span> <span class="mi">1</span><span class="p">)</span>
<span class="n">uiBoxAppend</span><span class="p">(</span><span class="n">hbox</span><span class="p">,</span><span class="n">btnClose</span><span class="p">,</span><span class="mi">0</span><span class="p">)</span>
<span class="n">uiBoxAppend</span><span class="p">(</span><span class="n">hbox</span><span class="p">,</span><span class="n">area</span><span class="p">,</span><span class="mi">1</span><span class="p">)</span>
<span class="n">uiWindowSetChild</span><span class="p">(</span><span class="n">oWindow</span><span class="p">,</span> <span class="n">hbox</span><span class="p">)</span>

<span class="n">uiControlShow</span><span class="p">(</span> <span class="n">oWindow</span> <span class="p">)</span>
<span class="n">uiMain</span><span class="p">()</span>

<span class="k">func</span> <span class="n">draw</span>
        <span class="n">nWidth</span> <span class="o">=</span> <span class="n">uiEventAreaWidth</span><span class="p">()</span>             <span class="n">nHeight</span> <span class="o">=</span> <span class="n">uiEventAreaHeight</span><span class="p">()</span>

        <span class="n">source</span> <span class="o">=</span> <span class="n">new_uiDrawBrush</span><span class="p">()</span>
        <span class="n">sp</span> <span class="o">=</span> <span class="n">new_uiDrawStrokeParams</span><span class="p">()</span>

        <span class="n">x</span>         <span class="o">=</span> <span class="mf">25.6</span>
        <span class="n">y</span>         <span class="o">=</span> <span class="mf">25.6</span>
        <span class="n">width</span>         <span class="o">=</span> <span class="mf">204.8</span>
        <span class="n">height</span>        <span class="o">=</span> <span class="mf">204.8</span>
        <span class="n">aspect</span>        <span class="o">=</span> <span class="mf">1.0</span>
        <span class="n">corner_radius</span> <span class="o">=</span> <span class="n">height</span>

        <span class="n">radius</span> <span class="o">=</span> <span class="n">corner_radius</span> <span class="o">/</span> <span class="n">aspect</span>
        <span class="n">degrees</span> <span class="o">=</span> <span class="n">uiPi</span> <span class="o">/</span> <span class="mf">180.0</span>

        <span class="n">source</span> <span class="o">=</span> <span class="n">uiNewSolidBrush</span><span class="p">(</span><span class="n">colorBlue</span><span class="p">)</span>
        <span class="n">set_uiDrawStrokeParams_Cap</span><span class="p">(</span><span class="n">sp</span><span class="p">,</span><span class="n">uiDrawLineCapFlat</span><span class="p">)</span>
        <span class="n">set_uiDrawStrokeParams_Join</span><span class="p">(</span><span class="n">sp</span><span class="p">,</span><span class="n">uiDrawLineJoinMiter</span><span class="p">)</span>
        <span class="n">set_uiDrawStrokeParams_MiterLimit</span><span class="p">(</span><span class="n">sp</span><span class="p">,</span><span class="n">uiDrawDefaultMiterLimit</span><span class="p">)</span>
        <span class="n">set_uiDrawStrokeParams_NumDashes</span><span class="p">(</span><span class="n">sp</span><span class="p">,</span><span class="mi">0</span><span class="p">)</span>
        <span class="n">set_uiDrawStrokeParams_DashPhase</span><span class="p">(</span><span class="n">sp</span><span class="p">,</span><span class="mi">0</span><span class="p">)</span>
        <span class="n">set_uiDrawStrokeParams_Thickness</span><span class="p">(</span><span class="n">sp</span><span class="p">,</span><span class="mi">30</span><span class="p">)</span>

        <span class="n">path</span> <span class="o">=</span> <span class="n">uiDrawNewPath</span><span class="p">(</span><span class="n">uiDrawFillModeWinding</span><span class="p">)</span>

        <span class="o">//</span> <span class="n">top</span> <span class="n">right</span> <span class="n">corner</span>
        <span class="n">uiDrawPathNewFigureWithArc</span><span class="p">(</span><span class="n">path</span><span class="p">,</span>
                <span class="n">x</span> <span class="o">+</span> <span class="n">width</span> <span class="o">-</span> <span class="n">radius</span><span class="p">,</span> <span class="n">y</span> <span class="o">+</span> <span class="n">radius</span><span class="p">,</span>
                <span class="n">radius</span><span class="p">,</span>
                <span class="o">-</span><span class="mi">90</span> <span class="o">*</span> <span class="n">degrees</span><span class="p">,</span> <span class="n">uiPi</span> <span class="o">/</span> <span class="mi">2</span><span class="p">,</span>
                <span class="mi">0</span><span class="p">)</span>
        <span class="o">//</span> <span class="n">bottom</span> <span class="n">right</span> <span class="n">corner</span>
        <span class="n">uiDrawPathArcTo</span><span class="p">(</span><span class="n">path</span><span class="p">,</span>
                <span class="n">x</span> <span class="o">+</span> <span class="n">width</span> <span class="o">-</span> <span class="n">radius</span><span class="p">,</span> <span class="n">y</span> <span class="o">+</span> <span class="n">height</span> <span class="o">-</span> <span class="n">radius</span><span class="p">,</span>
                <span class="n">radius</span><span class="p">,</span>
                <span class="mi">0</span> <span class="o">*</span> <span class="n">degrees</span><span class="p">,</span> <span class="n">uiPi</span> <span class="o">/</span> <span class="mi">2</span><span class="p">,</span>
                <span class="mi">0</span><span class="p">)</span>
        <span class="o">//</span> <span class="n">bottom</span> <span class="n">left</span> <span class="n">corner</span>
        <span class="n">uiDrawPathArcTo</span><span class="p">(</span><span class="n">path</span><span class="p">,</span>
                <span class="n">x</span> <span class="o">+</span> <span class="n">radius</span><span class="p">,</span> <span class="n">y</span> <span class="o">+</span> <span class="n">height</span> <span class="o">-</span> <span class="n">radius</span><span class="p">,</span>
                <span class="n">radius</span><span class="p">,</span>
                <span class="mi">90</span> <span class="o">*</span> <span class="n">degrees</span><span class="p">,</span> <span class="n">uiPi</span> <span class="o">/</span> <span class="mi">2</span><span class="p">,</span>
                <span class="mi">0</span><span class="p">)</span>
        <span class="o">//</span> <span class="n">top</span> <span class="n">left</span> <span class="n">corner</span>
        <span class="n">uiDrawPathArcTo</span><span class="p">(</span><span class="n">path</span><span class="p">,</span>
                <span class="n">x</span> <span class="o">+</span> <span class="n">radius</span><span class="p">,</span> <span class="n">y</span> <span class="o">+</span> <span class="n">radius</span><span class="p">,</span>
                <span class="n">radius</span><span class="p">,</span>
                <span class="mi">180</span> <span class="o">*</span> <span class="n">degrees</span><span class="p">,</span> <span class="n">uiPi</span> <span class="o">/</span> <span class="mi">2</span><span class="p">,</span>
                <span class="mi">0</span><span class="p">)</span>
        <span class="n">uiDrawPathCloseFigure</span><span class="p">(</span><span class="n">path</span><span class="p">)</span>
        <span class="n">uiDrawPathEnd</span><span class="p">(</span><span class="n">path</span><span class="p">)</span>

        <span class="n">uiCrSourceRGBA</span><span class="p">(</span><span class="n">source</span><span class="p">,</span> <span class="mf">0.5</span><span class="p">,</span> <span class="mf">0.5</span><span class="p">,</span> <span class="mi">1</span><span class="p">,</span> <span class="mi">1</span><span class="p">)</span>
        <span class="n">uiDrawFill</span><span class="p">(</span><span class="n">uiEventContext</span><span class="p">(),</span> <span class="n">path</span><span class="p">,</span> <span class="n">source</span><span class="p">)</span>
        <span class="n">uiCrSourceRGBA</span><span class="p">(</span><span class="n">source</span><span class="p">,</span> <span class="mf">0.5</span><span class="p">,</span> <span class="mi">0</span><span class="p">,</span> <span class="mi">0</span><span class="p">,</span> <span class="mf">0.5</span><span class="p">)</span>
        <span class="n">set_uiDrawStrokeParams_Thickness</span><span class="p">(</span><span class="n">sp</span><span class="p">,</span><span class="mi">10</span><span class="p">)</span>
        <span class="n">uiDrawStroke</span><span class="p">(</span><span class="n">uiEventContext</span><span class="p">(),</span> <span class="n">path</span><span class="p">,</span> <span class="n">source</span><span class="p">,</span> <span class="n">sp</span><span class="p">)</span>
        <span class="n">uiDrawFreePath</span><span class="p">(</span><span class="n">path</span><span class="p">)</span>

<span class="k">func</span> <span class="n">closeApp</span>
        <span class="n">uiQuit</span><span class="p">()</span>
</pre></div>
</div>
<p>Screen Shot:</p>
<img alt="RingLibui Screen Shot" src="_images/libui_26.png" />
<p>Example (4):</p>
<div class="highlight-ring notranslate"><div class="highlight"><pre><span></span><span class="c"># Sample ported to Ring</span>
<span class="c"># Based on original sample from : https://github.com/andlabs/libui</span>

<span class="k">load</span> <span class="s">&quot;libui.ring&quot;</span>

<span class="n">oWindow</span> <span class="o">=</span> <span class="n">uiNewWindow</span><span class="p">(</span> <span class="s">&quot;Drawing Sample&quot;</span><span class="p">,</span> <span class="mi">300</span><span class="p">,</span> <span class="mi">300</span><span class="p">,</span> <span class="kp">True</span><span class="p">)</span>
<span class="n">uiWindowOnClosing</span><span class="p">(</span><span class="n">oWindow</span><span class="p">,</span><span class="s">&quot;closeApp()&quot;</span><span class="p">)</span>

<span class="n">oAreaHandler</span> <span class="o">=</span> <span class="n">uiNewAreaHandler</span><span class="p">(</span><span class="s">&quot;draw()&quot;</span><span class="p">,</span><span class="s">&quot;&quot;</span><span class="p">,</span><span class="s">&quot;&quot;</span><span class="p">,</span><span class="s">&quot;&quot;</span><span class="p">,</span><span class="s">&quot;&quot;</span><span class="p">)</span>
<span class="n">area</span> <span class="o">=</span> <span class="n">uiNewArea</span><span class="p">(</span><span class="n">oAreaHandler</span><span class="p">)</span>

<span class="n">btnClose</span> <span class="o">=</span> <span class="n">uiNewButton</span><span class="p">(</span><span class="s">&quot;Close Application&quot;</span><span class="p">)</span>
<span class="n">uiButtonOnClicked</span><span class="p">(</span><span class="n">btnClose</span><span class="p">,</span><span class="s">&quot;closeApp()&quot;</span><span class="p">)</span>

<span class="n">hbox</span> <span class="o">=</span> <span class="n">uiNewVerticalBox</span><span class="p">()</span>
<span class="n">uiBoxSetPadded</span><span class="p">(</span><span class="n">hbox</span><span class="p">,</span> <span class="mi">1</span><span class="p">)</span>
<span class="n">uiBoxAppend</span><span class="p">(</span><span class="n">hbox</span><span class="p">,</span><span class="n">btnClose</span><span class="p">,</span><span class="mi">0</span><span class="p">)</span>
<span class="n">uiBoxAppend</span><span class="p">(</span><span class="n">hbox</span><span class="p">,</span><span class="n">area</span><span class="p">,</span><span class="mi">1</span><span class="p">)</span>
<span class="n">uiWindowSetChild</span><span class="p">(</span><span class="n">oWindow</span><span class="p">,</span> <span class="n">hbox</span><span class="p">)</span>

<span class="n">uiControlShow</span><span class="p">(</span> <span class="n">oWindow</span> <span class="p">)</span>
<span class="n">uiMain</span><span class="p">()</span>

<span class="k">func</span> <span class="n">draw</span>
        <span class="n">nWidth</span> <span class="o">=</span> <span class="n">uiEventAreaWidth</span><span class="p">()</span>             <span class="n">nHeight</span> <span class="o">=</span> <span class="n">uiEventAreaHeight</span><span class="p">()</span>

        <span class="n">source</span> <span class="o">=</span> <span class="n">new_uiDrawBrush</span><span class="p">()</span>
        <span class="n">sp</span> <span class="o">=</span> <span class="n">new_uiDrawStrokeParams</span><span class="p">()</span>

        <span class="n">source</span> <span class="o">=</span> <span class="n">uiNewSolidBrush</span><span class="p">(</span><span class="n">colorBlue</span><span class="p">)</span>
        <span class="n">set_uiDrawStrokeParams_Cap</span><span class="p">(</span><span class="n">sp</span><span class="p">,</span><span class="n">uiDrawLineCapFlat</span><span class="p">)</span>
        <span class="n">set_uiDrawStrokeParams_Join</span><span class="p">(</span><span class="n">sp</span><span class="p">,</span><span class="n">uiDrawLineJoinMiter</span><span class="p">)</span>
        <span class="n">set_uiDrawStrokeParams_MiterLimit</span><span class="p">(</span><span class="n">sp</span><span class="p">,</span><span class="n">uiDrawDefaultMiterLimit</span><span class="p">)</span>
        <span class="n">set_uiDrawStrokeParams_NumDashes</span><span class="p">(</span><span class="n">sp</span><span class="p">,</span><span class="mi">0</span><span class="p">)</span>
        <span class="n">set_uiDrawStrokeParams_DashPhase</span><span class="p">(</span><span class="n">sp</span><span class="p">,</span><span class="mi">0</span><span class="p">)</span>

        <span class="n">path</span> <span class="o">=</span> <span class="n">uiDrawNewPath</span><span class="p">(</span><span class="n">uiDrawFillModeWinding</span><span class="p">)</span>

        <span class="n">uiDrawPathNewFigure</span><span class="p">(</span><span class="n">path</span><span class="p">,</span> <span class="mf">50.0</span><span class="p">,</span> <span class="mf">75.0</span><span class="p">)</span>
        <span class="n">uiDrawPathLineTo</span><span class="p">(</span><span class="n">path</span><span class="p">,</span> <span class="mf">200.0</span><span class="p">,</span> <span class="mf">75.0</span><span class="p">)</span>

        <span class="n">uiDrawPathNewFigure</span><span class="p">(</span><span class="n">path</span><span class="p">,</span> <span class="mf">50.0</span><span class="p">,</span> <span class="mf">125.0</span><span class="p">)</span>
        <span class="n">uiDrawPathLineTo</span><span class="p">(</span><span class="n">path</span><span class="p">,</span> <span class="mf">200.0</span><span class="p">,</span> <span class="mf">125.0</span><span class="p">)</span>

        <span class="n">uiDrawPathNewFigure</span><span class="p">(</span><span class="n">path</span><span class="p">,</span> <span class="mf">50.0</span><span class="p">,</span> <span class="mf">175.0</span><span class="p">)</span>
        <span class="n">uiDrawPathLineTo</span><span class="p">(</span><span class="n">path</span><span class="p">,</span> <span class="mf">200.0</span><span class="p">,</span> <span class="mf">175.0</span><span class="p">)</span>
        <span class="n">uiDrawPathEnd</span><span class="p">(</span><span class="n">path</span><span class="p">)</span>

        <span class="n">set_uiDrawStrokeParams_Thickness</span><span class="p">(</span><span class="n">sp</span><span class="p">,</span><span class="mi">30</span><span class="p">)</span>
        <span class="n">set_uiDrawStrokeParams_Cap</span><span class="p">(</span><span class="n">sp</span><span class="p">,</span><span class="n">uiDrawLineCapRound</span><span class="p">)</span>
        <span class="n">uiDrawStroke</span><span class="p">(</span><span class="n">uiEventContext</span><span class="p">(),</span> <span class="n">path</span><span class="p">,</span> <span class="n">source</span><span class="p">,</span> <span class="n">sp</span><span class="p">)</span>
        <span class="n">uiDrawFreePath</span><span class="p">(</span><span class="n">path</span><span class="p">)</span>

<span class="k">func</span> <span class="n">closeApp</span>
        <span class="n">uiQuit</span><span class="p">()</span>
</pre></div>
</div>
<p>Screen Shot:</p>
<img alt="RingLibui Screen Shot" src="_images/libui_18.png" />
<p>Example (5):</p>
<div class="highlight-ring notranslate"><div class="highlight"><pre><span></span><span class="c"># Sample ported to Ring</span>
<span class="c"># Based on original sample from : https://github.com/andlabs/libui</span>

<span class="k">load</span> <span class="s">&quot;libui.ring&quot;</span>

<span class="n">oWindow</span> <span class="o">=</span> <span class="n">uiNewWindow</span><span class="p">(</span> <span class="s">&quot;Drawing Sample&quot;</span><span class="p">,</span> <span class="mi">260</span><span class="p">,</span> <span class="mi">300</span><span class="p">,</span> <span class="kp">True</span><span class="p">)</span>
<span class="n">uiWindowOnClosing</span><span class="p">(</span><span class="n">oWindow</span><span class="p">,</span><span class="s">&quot;closeApp()&quot;</span><span class="p">)</span>

<span class="n">oAreaHandler</span> <span class="o">=</span> <span class="n">uiNewAreaHandler</span><span class="p">(</span><span class="s">&quot;draw()&quot;</span><span class="p">,</span><span class="s">&quot;&quot;</span><span class="p">,</span><span class="s">&quot;&quot;</span><span class="p">,</span><span class="s">&quot;&quot;</span><span class="p">,</span><span class="s">&quot;&quot;</span><span class="p">)</span>
<span class="n">area</span> <span class="o">=</span> <span class="n">uiNewArea</span><span class="p">(</span><span class="n">oAreaHandler</span><span class="p">)</span>

<span class="n">btnClose</span> <span class="o">=</span> <span class="n">uiNewButton</span><span class="p">(</span><span class="s">&quot;Close Application&quot;</span><span class="p">)</span>
<span class="n">uiButtonOnClicked</span><span class="p">(</span><span class="n">btnClose</span><span class="p">,</span><span class="s">&quot;closeApp()&quot;</span><span class="p">)</span>

<span class="n">hbox</span> <span class="o">=</span> <span class="n">uiNewVerticalBox</span><span class="p">()</span>
<span class="n">uiBoxSetPadded</span><span class="p">(</span><span class="n">hbox</span><span class="p">,</span> <span class="mi">1</span><span class="p">)</span>
<span class="n">uiBoxAppend</span><span class="p">(</span><span class="n">hbox</span><span class="p">,</span><span class="n">btnClose</span><span class="p">,</span><span class="mi">0</span><span class="p">)</span>
<span class="n">uiBoxAppend</span><span class="p">(</span><span class="n">hbox</span><span class="p">,</span><span class="n">area</span><span class="p">,</span><span class="mi">1</span><span class="p">)</span>
<span class="n">uiWindowSetChild</span><span class="p">(</span><span class="n">oWindow</span><span class="p">,</span> <span class="n">hbox</span><span class="p">)</span>

<span class="n">uiControlShow</span><span class="p">(</span> <span class="n">oWindow</span> <span class="p">)</span>
<span class="n">uiMain</span><span class="p">()</span>

<span class="k">func</span> <span class="n">draw</span>
        <span class="n">nWidth</span> <span class="o">=</span> <span class="n">uiEventAreaWidth</span><span class="p">()</span>             <span class="n">nHeight</span> <span class="o">=</span> <span class="n">uiEventAreaHeight</span><span class="p">()</span>

        <span class="n">source</span> <span class="o">=</span> <span class="n">new_uiDrawBrush</span><span class="p">()</span>
        <span class="n">sp</span> <span class="o">=</span> <span class="n">new_uiDrawStrokeParams</span><span class="p">()</span>
        <span class="n">m</span> <span class="o">=</span> <span class="n">new_uiDrawMatrix</span><span class="p">()</span>
        <span class="n">source</span> <span class="o">=</span> <span class="n">uiNewSolidBrush</span><span class="p">(</span><span class="n">colorBlue</span><span class="p">)</span>
        <span class="n">set_uiDrawStrokeParams_Cap</span><span class="p">(</span><span class="n">sp</span><span class="p">,</span><span class="n">uiDrawLineCapFlat</span><span class="p">)</span>
        <span class="n">set_uiDrawStrokeParams_Join</span><span class="p">(</span><span class="n">sp</span><span class="p">,</span><span class="n">uiDrawLineJoinMiter</span><span class="p">)</span>
        <span class="n">set_uiDrawStrokeParams_MiterLimit</span><span class="p">(</span><span class="n">sp</span><span class="p">,</span><span class="n">uiDrawDefaultMiterLimit</span><span class="p">)</span>
        <span class="n">set_uiDrawStrokeParams_NumDashes</span><span class="p">(</span><span class="n">sp</span><span class="p">,</span><span class="mi">0</span><span class="p">)</span>
        <span class="n">set_uiDrawStrokeParams_DashPhase</span><span class="p">(</span><span class="n">sp</span><span class="p">,</span><span class="mi">0</span><span class="p">)</span>
        <span class="n">set_uiDrawStrokeParams_Thickness</span><span class="p">(</span><span class="n">sp</span><span class="p">,</span><span class="mi">6</span><span class="p">)</span>

        <span class="n">path</span> <span class="o">=</span> <span class="n">uiDrawNewPath</span><span class="p">(</span><span class="n">uiDrawFillModeAlternate</span><span class="p">)</span>
        <span class="n">uiDrawPathAddRectangle</span><span class="p">(</span><span class="n">path</span><span class="p">,</span> <span class="mi">12</span><span class="p">,</span> <span class="mi">12</span><span class="p">,</span> <span class="mi">232</span><span class="p">,</span> <span class="mi">70</span><span class="p">)</span>
        <span class="n">uiDrawPathNewFigureWithArc</span><span class="p">(</span><span class="n">path</span><span class="p">,</span>
                <span class="mi">64</span><span class="p">,</span> <span class="mi">64</span><span class="p">,</span>
                <span class="mi">40</span><span class="p">,</span>
                <span class="mi">0</span><span class="p">,</span> <span class="mi">2</span><span class="o">*</span><span class="n">uiPi</span><span class="p">,</span>
                <span class="mi">0</span><span class="p">)</span>
        <span class="n">uiDrawPathNewFigureWithArc</span><span class="p">(</span><span class="n">path</span><span class="p">,</span>
                <span class="mi">192</span><span class="p">,</span> <span class="mi">64</span><span class="p">,</span>
                <span class="mi">40</span><span class="p">,</span>
                <span class="mi">0</span><span class="p">,</span> <span class="o">-</span><span class="mi">2</span><span class="o">*</span><span class="n">uiPi</span><span class="p">,</span>
                <span class="mi">1</span><span class="p">)</span>
        <span class="n">uiDrawPathEnd</span><span class="p">(</span><span class="n">path</span><span class="p">)</span>

        <span class="n">uicrsourcergba</span><span class="p">(</span><span class="n">source</span><span class="p">,</span> <span class="mi">0</span><span class="p">,</span> <span class="mf">0.7</span><span class="p">,</span> <span class="mi">0</span><span class="p">,</span> <span class="mi">1</span><span class="p">)</span>
        <span class="n">uiDrawFill</span><span class="p">(</span><span class="n">uiEventContext</span><span class="p">(),</span> <span class="n">path</span><span class="p">,</span> <span class="n">source</span><span class="p">)</span>
        <span class="n">uicrsourcergba</span><span class="p">(</span><span class="n">source</span><span class="p">,</span> <span class="mi">0</span><span class="p">,</span> <span class="mi">0</span><span class="p">,</span> <span class="mi">0</span><span class="p">,</span> <span class="mi">1</span><span class="p">)</span>
        <span class="n">uiDrawStroke</span><span class="p">(</span><span class="n">uiEventContext</span><span class="p">(),</span> <span class="n">path</span><span class="p">,</span> <span class="n">source</span><span class="p">,</span> <span class="n">sp</span><span class="p">)</span>
        <span class="n">uiDrawFreePath</span><span class="p">(</span><span class="n">path</span><span class="p">)</span>

        <span class="n">uiDrawMatrixSetIdentity</span><span class="p">(</span><span class="n">m</span><span class="p">)</span>
        <span class="n">uiDrawMatrixTranslate</span><span class="p">(</span><span class="n">m</span><span class="p">,</span> <span class="mi">0</span><span class="p">,</span> <span class="mi">128</span><span class="p">)</span>
        <span class="n">uiDrawTransform</span><span class="p">(</span><span class="n">uiEventContext</span><span class="p">(),</span> <span class="n">m</span><span class="p">)</span>

        <span class="n">path</span> <span class="o">=</span> <span class="n">uiDrawNewPath</span><span class="p">(</span><span class="n">uiDrawFillModeWinding</span><span class="p">)</span>
        <span class="n">uiDrawPathAddRectangle</span><span class="p">(</span><span class="n">path</span><span class="p">,</span> <span class="mi">12</span><span class="p">,</span> <span class="mi">12</span><span class="p">,</span> <span class="mi">232</span><span class="p">,</span> <span class="mi">70</span><span class="p">)</span>
        <span class="n">uiDrawPathNewFigureWithArc</span><span class="p">(</span><span class="n">path</span><span class="p">,</span>
                <span class="mi">64</span><span class="p">,</span> <span class="mi">64</span><span class="p">,</span>
                <span class="mi">40</span><span class="p">,</span>
                <span class="mi">0</span><span class="p">,</span> <span class="mi">2</span><span class="o">*</span><span class="n">uiPi</span><span class="p">,</span>
                <span class="mi">0</span><span class="p">)</span>
        <span class="n">uiDrawPathNewFigureWithArc</span><span class="p">(</span><span class="n">path</span><span class="p">,</span>
                <span class="mi">192</span><span class="p">,</span> <span class="mi">64</span><span class="p">,</span>
                <span class="mi">40</span><span class="p">,</span>
                <span class="mi">0</span><span class="p">,</span> <span class="o">-</span><span class="mi">2</span><span class="o">*</span><span class="n">uiPi</span><span class="p">,</span>
                <span class="mi">1</span><span class="p">)</span>
        <span class="n">uiDrawPathEnd</span><span class="p">(</span><span class="n">path</span><span class="p">)</span>

        <span class="n">uicrsourcergba</span><span class="p">(</span><span class="n">source</span><span class="p">,</span> <span class="mi">0</span><span class="p">,</span> <span class="mi">0</span><span class="p">,</span> <span class="mf">0.9</span><span class="p">,</span> <span class="mi">1</span><span class="p">)</span>
        <span class="n">uiDrawFill</span><span class="p">(</span><span class="n">uiEventContext</span><span class="p">(),</span> <span class="n">path</span><span class="p">,</span> <span class="n">source</span><span class="p">)</span>
        <span class="n">uicrsourcergba</span><span class="p">(</span><span class="n">source</span><span class="p">,</span> <span class="mi">0</span><span class="p">,</span> <span class="mi">0</span><span class="p">,</span> <span class="mi">0</span><span class="p">,</span> <span class="mi">1</span><span class="p">)</span>
        <span class="n">uiDrawStroke</span><span class="p">(</span><span class="n">uiEventContext</span><span class="p">(),</span> <span class="n">path</span><span class="p">,</span> <span class="n">source</span><span class="p">,</span> <span class="n">sp</span><span class="p">)</span>
        <span class="n">uiDrawFreePath</span><span class="p">(</span><span class="n">path</span><span class="p">)</span>

<span class="k">func</span> <span class="n">closeApp</span>
        <span class="n">uiQuit</span><span class="p">()</span>
</pre></div>
</div>
<p>Screen Shot:</p>
<img alt="RingLibui Screen Shot" src="_images/libui_25.png" />
<p>Example (6):</p>
<div class="highlight-ring notranslate"><div class="highlight"><pre><span></span><span class="c"># Sample ported to Ring</span>
<span class="c"># Based on original sample from : https://github.com/andlabs/libui</span>

<span class="k">load</span> <span class="s">&quot;libui.ring&quot;</span>

<span class="n">oWindow</span> <span class="o">=</span> <span class="n">uiNewWindow</span><span class="p">(</span> <span class="s">&quot;Drawing Sample&quot;</span><span class="p">,</span> <span class="mi">260</span><span class="p">,</span> <span class="mi">300</span><span class="p">,</span> <span class="kp">True</span><span class="p">)</span>
<span class="n">uiWindowOnClosing</span><span class="p">(</span><span class="n">oWindow</span><span class="p">,</span><span class="s">&quot;closeApp()&quot;</span><span class="p">)</span>

<span class="n">oAreaHandler</span> <span class="o">=</span> <span class="n">uiNewAreaHandler</span><span class="p">(</span><span class="s">&quot;draw()&quot;</span><span class="p">,</span><span class="s">&quot;&quot;</span><span class="p">,</span><span class="s">&quot;&quot;</span><span class="p">,</span><span class="s">&quot;&quot;</span><span class="p">,</span><span class="s">&quot;&quot;</span><span class="p">)</span>
<span class="n">area</span> <span class="o">=</span> <span class="n">uiNewArea</span><span class="p">(</span><span class="n">oAreaHandler</span><span class="p">)</span>

<span class="n">btnClose</span> <span class="o">=</span> <span class="n">uiNewButton</span><span class="p">(</span><span class="s">&quot;Close Application&quot;</span><span class="p">)</span>
<span class="n">uiButtonOnClicked</span><span class="p">(</span><span class="n">btnClose</span><span class="p">,</span><span class="s">&quot;closeApp()&quot;</span><span class="p">)</span>

<span class="n">hbox</span> <span class="o">=</span> <span class="n">uiNewVerticalBox</span><span class="p">()</span>
<span class="n">uiBoxSetPadded</span><span class="p">(</span><span class="n">hbox</span><span class="p">,</span> <span class="mi">1</span><span class="p">)</span>
<span class="n">uiBoxAppend</span><span class="p">(</span><span class="n">hbox</span><span class="p">,</span><span class="n">btnClose</span><span class="p">,</span><span class="mi">0</span><span class="p">)</span>
<span class="n">uiBoxAppend</span><span class="p">(</span><span class="n">hbox</span><span class="p">,</span><span class="n">area</span><span class="p">,</span><span class="mi">1</span><span class="p">)</span>
<span class="n">uiWindowSetChild</span><span class="p">(</span><span class="n">oWindow</span><span class="p">,</span> <span class="n">hbox</span><span class="p">)</span>

<span class="n">uiControlShow</span><span class="p">(</span> <span class="n">oWindow</span> <span class="p">)</span>
<span class="n">uiMain</span><span class="p">()</span>

<span class="k">func</span> <span class="n">draw</span>
        <span class="n">nWidth</span> <span class="o">=</span> <span class="n">uiEventAreaWidth</span><span class="p">()</span>             <span class="n">nHeight</span> <span class="o">=</span> <span class="n">uiEventAreaHeight</span><span class="p">()</span>

        <span class="n">source</span> <span class="o">=</span> <span class="n">new_uiDrawBrush</span><span class="p">()</span>
        <span class="n">sp</span> <span class="o">=</span> <span class="n">new_uiDrawStrokeParams</span><span class="p">()</span>
        <span class="n">source</span> <span class="o">=</span> <span class="n">uiNewSolidBrush</span><span class="p">(</span><span class="n">colorBlue</span><span class="p">)</span>
        <span class="n">set_uiDrawStrokeParams_Cap</span><span class="p">(</span><span class="n">sp</span><span class="p">,</span><span class="n">uiDrawLineCapFlat</span><span class="p">)</span>
        <span class="n">set_uiDrawStrokeParams_Join</span><span class="p">(</span><span class="n">sp</span><span class="p">,</span><span class="n">uiDrawLineJoinMiter</span><span class="p">)</span>
        <span class="n">set_uiDrawStrokeParams_MiterLimit</span><span class="p">(</span><span class="n">sp</span><span class="p">,</span><span class="n">uiDrawDefaultMiterLimit</span><span class="p">)</span>
        <span class="n">set_uiDrawStrokeParams_NumDashes</span><span class="p">(</span><span class="n">sp</span><span class="p">,</span><span class="mi">0</span><span class="p">)</span>
        <span class="n">set_uiDrawStrokeParams_DashPhase</span><span class="p">(</span><span class="n">sp</span><span class="p">,</span><span class="mi">0</span><span class="p">)</span>

        <span class="n">path</span> <span class="o">=</span> <span class="n">uiDrawNewPath</span><span class="p">(</span><span class="n">uiDrawFillModeWinding</span><span class="p">)</span>

        <span class="n">uiDrawPathNewFigure</span><span class="p">(</span><span class="n">path</span><span class="p">,</span> <span class="mf">128.0</span><span class="p">,</span> <span class="mf">25.6</span><span class="p">)</span>
        <span class="n">uiDrawPathLineTo</span><span class="p">(</span><span class="n">path</span><span class="p">,</span> <span class="mf">230.4</span><span class="p">,</span> <span class="mf">230.4</span><span class="p">)</span>
        <span class="n">uiDrawPathLineTo</span><span class="p">(</span><span class="n">path</span><span class="p">,</span> <span class="mf">230.4</span> <span class="o">-</span> <span class="mf">102.4</span><span class="p">,</span> <span class="mf">230.4</span> <span class="o">+</span> <span class="mf">0.0</span><span class="p">)</span>
        <span class="n">uiDrawPathBezierTo</span><span class="p">(</span><span class="n">path</span><span class="p">,</span> <span class="mf">51.2</span><span class="p">,</span> <span class="mf">230.4</span><span class="p">,</span> <span class="mf">51.2</span><span class="p">,</span> <span class="mf">128.0</span><span class="p">,</span> <span class="mf">128.0</span><span class="p">,</span> <span class="mf">128.0</span><span class="p">)</span>
        <span class="n">uiDrawPathCloseFigure</span><span class="p">(</span><span class="n">path</span><span class="p">)</span>

        <span class="n">uiDrawPathNewFigure</span><span class="p">(</span><span class="n">path</span><span class="p">,</span> <span class="mf">64.0</span><span class="p">,</span> <span class="mf">25.6</span><span class="p">)</span>
        <span class="n">uiDrawPathLineTo</span><span class="p">(</span><span class="n">path</span><span class="p">,</span> <span class="mf">64.0</span> <span class="o">+</span> <span class="mf">51.2</span><span class="p">,</span> <span class="mf">25.6</span> <span class="o">+</span> <span class="mf">51.2</span><span class="p">)</span>
        <span class="n">uiDrawPathLineTo</span><span class="p">(</span><span class="n">path</span><span class="p">,</span> <span class="mf">64.0</span> <span class="o">+</span> <span class="mf">51.2</span> <span class="o">-</span><span class="mf">51.2</span><span class="p">,</span> <span class="mf">25.6</span> <span class="o">+</span> <span class="mf">51.2</span> <span class="o">+</span> <span class="mf">51.2</span><span class="p">)</span>
        <span class="n">uiDrawPathLineTo</span><span class="p">(</span><span class="n">path</span><span class="p">,</span> <span class="mf">64.0</span> <span class="o">+</span> <span class="mf">51.2</span> <span class="o">-</span><span class="mf">51.2</span> <span class="o">-</span><span class="mf">51.2</span><span class="p">,</span> <span class="mf">25.6</span> <span class="o">+</span> <span class="mf">51.2</span> <span class="o">+</span> <span class="mf">51.2</span> <span class="o">-</span><span class="mf">51.2</span><span class="p">)</span>
        <span class="n">uiDrawPathCloseFigure</span><span class="p">(</span><span class="n">path</span><span class="p">)</span>

        <span class="n">uiDrawPathEnd</span><span class="p">(</span><span class="n">path</span><span class="p">)</span>

        <span class="n">set_uiDrawStrokeParams_Thickness</span><span class="p">(</span><span class="n">sp</span><span class="p">,</span><span class="mi">10</span><span class="p">)</span>
        <span class="n">uicrsourcergba</span><span class="p">(</span><span class="n">source</span><span class="p">,</span> <span class="mi">0</span><span class="p">,</span> <span class="mi">0</span><span class="p">,</span> <span class="mi">1</span><span class="p">,</span> <span class="mi">1</span><span class="p">)</span>
        <span class="n">uiDrawFill</span><span class="p">(</span><span class="n">uiEventContext</span><span class="p">(),</span> <span class="n">path</span><span class="p">,</span> <span class="n">source</span><span class="p">)</span>
        <span class="n">uicrsourcergba</span><span class="p">(</span><span class="n">source</span><span class="p">,</span> <span class="mi">0</span><span class="p">,</span> <span class="mi">0</span><span class="p">,</span> <span class="mi">0</span><span class="p">,</span> <span class="mi">1</span><span class="p">)</span>
        <span class="n">uiDrawStroke</span><span class="p">(</span><span class="n">uiEventContext</span><span class="p">(),</span> <span class="n">path</span><span class="p">,</span> <span class="n">source</span><span class="p">,</span> <span class="n">sp</span><span class="p">)</span>
        <span class="n">uiDrawFreePath</span><span class="p">(</span><span class="n">path</span><span class="p">)</span>

<span class="k">func</span> <span class="n">closeApp</span>
        <span class="n">uiQuit</span><span class="p">()</span>
</pre></div>
</div>
<p>Screen Shot:</p>
<img alt="RingLibui Screen Shot" src="_images/libui_24.png" />
<p>Example (7):</p>
<div class="highlight-ring notranslate"><div class="highlight"><pre><span></span><span class="c"># Sample ported to Ring</span>
<span class="c"># Based on original sample from : https://github.com/andlabs/libui</span>

<span class="k">load</span> <span class="s">&quot;libui.ring&quot;</span>

<span class="n">oWindow</span> <span class="o">=</span> <span class="n">uiNewWindow</span><span class="p">(</span> <span class="s">&quot;Drawing Sample&quot;</span><span class="p">,</span> <span class="mi">260</span><span class="p">,</span> <span class="mi">300</span><span class="p">,</span> <span class="kp">True</span><span class="p">)</span>
<span class="n">uiWindowOnClosing</span><span class="p">(</span><span class="n">oWindow</span><span class="p">,</span><span class="s">&quot;closeApp()&quot;</span><span class="p">)</span>

<span class="n">oAreaHandler</span> <span class="o">=</span> <span class="n">uiNewAreaHandler</span><span class="p">(</span><span class="s">&quot;draw()&quot;</span><span class="p">,</span><span class="s">&quot;&quot;</span><span class="p">,</span><span class="s">&quot;&quot;</span><span class="p">,</span><span class="s">&quot;&quot;</span><span class="p">,</span><span class="s">&quot;&quot;</span><span class="p">)</span>
<span class="n">area</span> <span class="o">=</span> <span class="n">uiNewArea</span><span class="p">(</span><span class="n">oAreaHandler</span><span class="p">)</span>

<span class="n">btnClose</span> <span class="o">=</span> <span class="n">uiNewButton</span><span class="p">(</span><span class="s">&quot;Close Application&quot;</span><span class="p">)</span>
<span class="n">uiButtonOnClicked</span><span class="p">(</span><span class="n">btnClose</span><span class="p">,</span><span class="s">&quot;closeApp()&quot;</span><span class="p">)</span>

<span class="n">hbox</span> <span class="o">=</span> <span class="n">uiNewVerticalBox</span><span class="p">()</span>
<span class="n">uiBoxSetPadded</span><span class="p">(</span><span class="n">hbox</span><span class="p">,</span> <span class="mi">1</span><span class="p">)</span>
<span class="n">uiBoxAppend</span><span class="p">(</span><span class="n">hbox</span><span class="p">,</span><span class="n">btnClose</span><span class="p">,</span><span class="mi">0</span><span class="p">)</span>
<span class="n">uiBoxAppend</span><span class="p">(</span><span class="n">hbox</span><span class="p">,</span><span class="n">area</span><span class="p">,</span><span class="mi">1</span><span class="p">)</span>
<span class="n">uiWindowSetChild</span><span class="p">(</span><span class="n">oWindow</span><span class="p">,</span> <span class="n">hbox</span><span class="p">)</span>

<span class="n">uiControlShow</span><span class="p">(</span> <span class="n">oWindow</span> <span class="p">)</span>
<span class="n">uiMain</span><span class="p">()</span>

<span class="k">func</span> <span class="n">draw</span>
        <span class="n">nWidth</span> <span class="o">=</span> <span class="n">uiEventAreaWidth</span><span class="p">()</span>             <span class="n">nHeight</span> <span class="o">=</span> <span class="n">uiEventAreaHeight</span><span class="p">()</span>

        <span class="n">source</span> <span class="o">=</span> <span class="n">new_uiDrawBrush</span><span class="p">()</span>
        <span class="n">sp</span> <span class="o">=</span> <span class="n">new_uiDrawStrokeParams</span><span class="p">()</span>
        <span class="n">source</span> <span class="o">=</span> <span class="n">uiNewSolidBrush</span><span class="p">(</span><span class="n">colorBlue</span><span class="p">)</span>

        <span class="n">x</span><span class="o">=</span><span class="mf">25.6</span>   <span class="n">y</span><span class="o">=</span><span class="mf">128.0</span>
        <span class="n">x1</span><span class="o">=</span><span class="mf">102.4</span> <span class="n">y1</span><span class="o">=</span><span class="mf">230.4</span>
        <span class="n">x2</span><span class="o">=</span><span class="mf">153.6</span> <span class="n">y2</span><span class="o">=</span><span class="mf">25.6</span>
        <span class="n">x3</span><span class="o">=</span><span class="mf">230.4</span> <span class="n">y3</span><span class="o">=</span><span class="mf">128.0</span>

        <span class="n">uicrsourcergba</span><span class="p">(</span><span class="n">source</span><span class="p">,</span> <span class="mi">0</span><span class="p">,</span> <span class="mi">0</span><span class="p">,</span> <span class="mi">0</span><span class="p">,</span> <span class="mi">1</span><span class="p">)</span>
        <span class="n">set_uiDrawStrokeParams_Cap</span><span class="p">(</span><span class="n">sp</span><span class="p">,</span><span class="n">uiDrawLineCapFlat</span><span class="p">)</span>
        <span class="n">set_uiDrawStrokeParams_Join</span><span class="p">(</span><span class="n">sp</span><span class="p">,</span><span class="n">uiDrawLineJoinMiter</span><span class="p">)</span>
        <span class="n">set_uiDrawStrokeParams_MiterLimit</span><span class="p">(</span><span class="n">sp</span><span class="p">,</span><span class="n">uiDrawDefaultMiterLimit</span><span class="p">)</span>
        <span class="n">set_uiDrawStrokeParams_NumDashes</span><span class="p">(</span><span class="n">sp</span><span class="p">,</span><span class="mi">0</span><span class="p">)</span>
        <span class="n">set_uiDrawStrokeParams_DashPhase</span><span class="p">(</span><span class="n">sp</span><span class="p">,</span><span class="mi">0</span><span class="p">)</span>

        <span class="n">path</span> <span class="o">=</span> <span class="n">uiDrawNewPath</span><span class="p">(</span><span class="n">uiDrawFillModeWinding</span><span class="p">)</span>

        <span class="n">uiDrawPathNewFigure</span><span class="p">(</span><span class="n">path</span><span class="p">,</span> <span class="n">x</span><span class="p">,</span> <span class="n">y</span><span class="p">)</span>
        <span class="n">uiDrawPathBezierTo</span><span class="p">(</span><span class="n">path</span><span class="p">,</span> <span class="n">x1</span><span class="p">,</span> <span class="n">y1</span><span class="p">,</span> <span class="n">x2</span><span class="p">,</span> <span class="n">y2</span><span class="p">,</span> <span class="n">x3</span><span class="p">,</span> <span class="n">y3</span><span class="p">)</span>
        <span class="n">uiDrawPathEnd</span><span class="p">(</span><span class="n">path</span><span class="p">)</span>
        <span class="n">set_uiDrawStrokeParams_Thickness</span><span class="p">(</span><span class="n">sp</span><span class="p">,</span><span class="mi">10</span><span class="p">)</span>
        <span class="n">uiDrawStroke</span><span class="p">(</span><span class="n">uiEventContext</span><span class="p">(),</span> <span class="n">path</span><span class="p">,</span> <span class="n">source</span><span class="p">,</span> <span class="n">sp</span><span class="p">)</span>
        <span class="n">uiDrawFreePath</span><span class="p">(</span><span class="n">path</span><span class="p">)</span>

        <span class="n">uicrsourcergba</span><span class="p">(</span><span class="n">source</span><span class="p">,</span> <span class="mi">1</span><span class="p">,</span> <span class="mf">0.2</span><span class="p">,</span> <span class="mf">0.2</span><span class="p">,</span> <span class="mf">0.6</span><span class="p">)</span>
        <span class="n">set_uiDrawStrokeParams_Thickness</span><span class="p">(</span><span class="n">sp</span><span class="p">,</span><span class="mi">6</span><span class="p">)</span>
        <span class="n">path</span> <span class="o">=</span> <span class="n">uiDrawNewPath</span><span class="p">(</span><span class="n">uiDrawFillModeWinding</span><span class="p">)</span>
        <span class="n">uiDrawPathNewFigure</span><span class="p">(</span><span class="n">path</span><span class="p">,</span> <span class="n">x</span><span class="p">,</span> <span class="n">y</span><span class="p">)</span>
        <span class="n">uiDrawPathLineTo</span><span class="p">(</span><span class="n">path</span><span class="p">,</span> <span class="n">x1</span><span class="p">,</span> <span class="n">y1</span><span class="p">)</span>
        <span class="n">uiDrawPathNewFigure</span><span class="p">(</span><span class="n">path</span><span class="p">,</span> <span class="n">x2</span><span class="p">,</span> <span class="n">y2</span><span class="p">)</span>
        <span class="n">uiDrawPathLineTo</span><span class="p">(</span><span class="n">path</span><span class="p">,</span> <span class="n">x3</span><span class="p">,</span> <span class="n">y3</span><span class="p">)</span>
        <span class="n">uiDrawPathEnd</span><span class="p">(</span><span class="n">path</span><span class="p">)</span>
        <span class="n">uiDrawStroke</span><span class="p">(</span><span class="n">uiEventContext</span><span class="p">(),</span> <span class="n">path</span><span class="p">,</span> <span class="n">source</span><span class="p">,</span> <span class="n">sp</span><span class="p">)</span>
        <span class="n">uiDrawFreePath</span><span class="p">(</span><span class="n">path</span><span class="p">)</span>

<span class="k">func</span> <span class="n">closeApp</span>
        <span class="n">uiQuit</span><span class="p">()</span>
</pre></div>
</div>
<p>Screen Shot:</p>
<img alt="RingLibui Screen Shot" src="_images/libui_23.png" />
</div>
</div>


           </div>
           
          </div>
          <footer>
  
    <div class="rst-footer-buttons" role="navigation" aria-label="footer navigation">
      
        <a href="ringzip.html" class="btn btn-neutral float-right" title="Using RingZip" accesskey="n" rel="next">Next <span class="fa fa-arrow-circle-right"></span></a>
      
      
        <a href="threads.html" class="btn btn-neutral float-left" title="Threads Extension" accesskey="p" rel="prev"><span class="fa fa-arrow-circle-left"></span> Previous</a>
      
    </div>
  

  <hr/>

  <div role="contentinfo">
    <p>
        
        &copy; Copyright 2016-2021, Ring Team

    </p>
  </div>
    
    
    Built with <a href="http://sphinx-doc.org/">Sphinx</a> using a
    
    <a href="https://github.com/rtfd/sphinx_rtd_theme">theme</a>
    
    provided by <a href="https://readthedocs.org">Read the Docs</a>. 

</footer>

        </div>
      </div>

    </section>

  </div>
  

  <script type="text/javascript">
      jQuery(function () {
          SphinxRtdTheme.Navigation.enable(false);
      });
  </script>

  
</body>
</html>