Help/GUI/EZ-GUI/EZScroller.html

   1 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
   2 <html>
   3 <head>
   4 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
   5 <meta http-equiv="Content-Style-Type" content="text/css">
   6 <title></title>
   7 <meta name="Generator" content="Cocoa HTML Writer">
   8 <meta name="CocoaVersion" content="949.35">
   9 <style type="text/css">
  10 p.p1 {margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px Helvetica}
  11 p.p2 {margin: 0.0px 0.0px 0.0px 0.0px; font: 9.0px Monaco; min-height: 12.0px}
  12 p.p3 {margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px Helvetica; min-height: 14.0px}
  13 p.p4 {margin: 0.0px 0.0px 0.0px 0.0px; font: 9.0px Monaco; color: #000000; min-height: 12.0px}
  14 p.p5 {margin: 0.0px 0.0px 0.0px 0.0px; font: 9.0px Monaco; color: #000000}
  15 p.p6 {margin: 0.0px 0.0px 0.0px 0.0px; font: 9.0px Monaco; color: #bf0000}
  16 span.s1 {font: 18.0px Helvetica}
  17 span.s2 {font: 9.0px Monaco}
  18 span.s3 {color: #0000bf}
  19 span.s4 {color: #606060}
  20 span.s5 {color: #000000}
  21 span.s6 {color: #bf0000}
  22 span.Apple-tab-span {white-space:pre}
  23 </style>
  24 </head>
  25 <body>
  26 <p class="p1"><span class="s1"><b>EZScroller</b></span><span class="s2"><span class="Apple-tab-span">   </span></span><b>show a subset of items on gui elements</b></p>
  27 <p class="p2"><br></p>
  28 <p class="p1">EZScroller is a vertical slider that allows displaying different subsets of a</span></p>
  29 <p class="p1">dynamically changing list of objects on a fixed number of views by scrolling.</span></p>
  30 <p class="p3"><br></p>
  31 <p class="p1">EZScroller is used JITLib guis like NodeProxyEditor, ProxyMixer,</span></p>
  32 <p class="p1">TdefAllGui, and PdefAllGui.</p>
  33 <p class="p4"><br></p>
  34 <p class="p4"><br></p>
  35 <p class="p5">(</p>
  36 <p class="p5">w = <span class="s3">Window</span>.new(<span class="s4">"EZScroller test"</span>, <span class="s3">Rect</span>(100, 400,200, 100)).front;<span class="Apple-tab-span">    </span></p>
  37 <p class="p6"><span class="s5"><span class="Apple-tab-span">    </span></span>// 5 displays</p>
  38 <p class="p5">v = { <span class="s3">|i|</span> <span class="s3">DragBoth</span>.new(w, <span class="s3">Rect</span>(0, i * 20, 100, 20)) }.dup(5);</p>
  39 <p class="p6"><span class="s5"><span class="Apple-tab-span">    </span></span>// 12 items</p>
  40 <p class="p5">a = (1..12);</p>
  41 <p class="p4"><br></p>
  42 <p class="p5">e = <span class="s3">EZScroller</span>(w, <span class="s3">Rect</span>(100,0,14,100), v.size, a.size, { <span class="s3">|sc|</span></span></p>
  43 <p class="p5"><span class="Apple-tab-span">     </span><span class="s3">var</span> startIndex = sc.value.asInteger.postcs;</p>
  44 <p class="p5"><span class="Apple-tab-span">     </span>v.do { <span class="s3">|drag, i|</span> drag.object_( a[ (startIndex) + i] ? <span class="s4">""</span>); };</p>
  45 <p class="p5"><span class="Apple-tab-span">     </span>e.visible_(sc.numItems &gt; sc.maxItems); <span class="s6">// hide when not useful</span></p>
  46 <p class="p5">});</p>
  47 <p class="p5">e.doAction;</p>
  48 <p class="p5">)</p>
  49 <p class="p6"><span class="s5"><span class="Apple-tab-span">    </span></span>// change list a, update ezscroller</p>
  50 <p class="p5">a = (1..4);<span class="Apple-tab-span">  </span>e.numItems_(a.size); e.doAction;</p>
  51 <p class="p4"><br></p>
  52 <p class="p5">a = (1..8);<span class="Apple-tab-span">  </span>e.numItems_(a.size); e.doAction;</p>
  53 <p class="p4"><br></p>
  54 </body>
  55 </html>