From: Ruby Student <ruby.student@...>
Date: 2013-07-01T05:14:12+09:00
Subject: Help needed drawing a Sudoku board with green shoes

--089e013a28603fa17604e064c145
Content-Type: text/plain; charset=ISO-8859-1

Hello Team,

I am planning to write a Sudoku program just for the learning experience.
I'm first trying to draw the board using *green shoes* (which I am also
learning) as my GUI toolkit.
As most people know, the most common Sudoku board is a 9x9 array. The 9x9
array is subdivided on 3x3 square. I don't want to go into details as I
know that Sudoku is already a very well know game.

To make the game easier to follow it is customary to have some kind of
division between each 3x3 square. It could be a heavy line or some space.

My problem is that I can't find a way to do this with *green shoes*. I am
convinced that it is doable as this appears to be something simple, but I
can't find the way. I already experimented with many version of my code.
Here are the last two versions.

The first version correctly draws the board but with no apparent division
between the 3x3 squares.
The second version stacks all the buttons one after the other. I thought
that the *if else end* stmt that I added could do the trick. But it did not.

Any help will be appreciated as usual.

*FIRST VERSION

require "green_shoes"
require 'rubygems'

Shoes.app :height => 666, :width => 811, :resizable => false do
   background magenta
   title (strong("Sudoku")), :size => 26, :align=>'center'
    para " "
   para " "

   @btn = Array.new(9) {Array.new(9) {123456789}}

   (0..8).each do |r|
      stack :margin => 3 do
         flow :width => 866 do
            (0..8).each do |c|
               @btn[r][c] = button "123456789", :width => 86, :height => 50
            end # End do c
         end # flow
      end # End stack
   end # End do r
end # app
*


*SECOND VERSION

*
require "green_shoes"
require 'rubygems'

Shoes.app :height => 666, :width => 811, :resizable => false do

   background magenta
   title (strong("Sudoku")), :size => 26, :align=>'center'
    para " "
   para " "

   @btn = Array.new(9) {Array.new(9) {123456789}}

   (0..8).each do |r|
      stack :margin => 3 do
         (0..8).each do |c|
            if c == 3 or c == 6
               flow :width => 866, :margin => 3 do
                  @btn[r][c] = button "123456789", :width => 86, :height =>
50
               end
            else
               flow :width => 866 do
                  @btn[r][c] = button "123456789", :width => 86, :height =>
50
               end
            end # if
         end # End do c
      end # End stack
   end # End do r
end # app

Thank you

-- 
Ruby Student

--089e013a28603fa17604e064c145
Content-Type: text/html; charset=ISO-8859-1
Content-Transfer-Encoding: quoted-printable

<div dir=3D"ltr"><div><div><div><div><div><div><div>Hello Team,<br><br></di=
v>I am planning to write a Sudoku program just for the learning experience.=
<br></div>I&#39;m first trying to draw the board using <b>green shoes</b> (=
which I am also learning) as my GUI toolkit.<br>
</div>As most people know, the most common Sudoku board is a 9x9 array. The=
 9x9 array is subdivided on 3x3 square. I don&#39;t want to go into details=
 as I know that Sudoku is already a very well know game.<br><br></div><div>
To make the game easier to follow it is customary to have some kind of divi=
sion between each 3x3 square. It could be a heavy line or some space.<br><b=
r></div>My problem is that I can&#39;t find a way to do this with <b>green =
shoes</b>. I am convinced that it is doable as this appears to be something=
 simple, but I can&#39;t find the way. I already experimented with many ver=
sion of my code. Here are the last two versions.<br>
<br></div>The first version correctly draws the board but with no apparent =
division between the 3x3 squares.<br></div>The second version stacks all th=
e buttons one after the other. I thought that the <b>if else end</b> stmt t=
hat I added could do the trick. But it did not.<br>
<br></div>Any help will be appreciated as usual.<br><div><div><div><div><di=
v><div><br></div><div><b>FIRST VERSION<br><br>require &quot;green_shoes&quo=
t;<br>require &#39;rubygems&#39;<br><br>Shoes.app :height =3D&gt; 666, :wid=
th =3D&gt; 811, :resizable =3D&gt; false do<br>
=A0=A0 background magenta<br>=A0=A0 title (strong(&quot;Sudoku&quot;)), :si=
ze =3D&gt; 26, :align=3D&gt;&#39;center&#39;=A0=A0=A0=A0=A0=A0 <br>=A0=A0=
=A0 para &quot; &quot;<br>=A0=A0 para &quot; &quot;<br><br>=A0=A0 @btn =3D =
Array.new(9) {Array.new(9) {123456789}}<br>
<br>=A0=A0 (0..8).each do |r|<br>=A0=A0=A0=A0=A0 stack :margin =3D&gt; 3 do=
<br>=A0=A0=A0=A0=A0=A0=A0=A0 flow :width =3D&gt; 866 do
<br>=A0=A0=A0=A0=A0=A0=A0=A0=A0=A0=A0 (0..8).each do |c|<br>=A0=A0=A0=A0=A0=
=A0=A0=A0=A0=A0=A0=A0=A0=A0 @btn[r][c] =3D button &quot;123456789&quot;, :w=
idth =3D&gt; 86, :height =3D&gt; 50
<br>=A0=A0=A0=A0=A0=A0=A0=A0=A0=A0=A0 end # End do c<br>=A0=A0=A0=A0=A0=A0=
=A0=A0 end # flow
<br>=A0=A0=A0=A0=A0 end # End stack
<br>=A0=A0 end # End do r<br>end # app<br></b></div><div><br><br></div><div=
><b>SECOND VERSION<br><br></b></div><div>require &quot;green_shoes&quot;<br=
>require &#39;rubygems&#39;<br><br>Shoes.app :height =3D&gt; 666, :width =
=3D&gt; 811, :resizable =3D&gt; false do
<br><br>=A0=A0 background magenta<br>=A0=A0 title (strong(&quot;Sudoku&quot=
;)), :size =3D&gt; 26, :align=3D&gt;&#39;center&#39;=A0=A0=A0=A0=A0=A0 <br>=
=A0=A0=A0 para &quot; &quot;<br>=A0=A0 para &quot; &quot;<br><br>=A0=A0 @bt=
n =3D Array.new(9) {Array.new(9) {123456789}}<br>
<br>=A0=A0 (0..8).each do |r|<br>=A0=A0=A0=A0=A0 stack :margin =3D&gt; 3 do
<br>=A0=A0=A0=A0=A0=A0=A0=A0 (0..8).each do |c|<br>=A0=A0=A0=A0=A0=A0=A0=A0=
=A0=A0=A0 if c =3D=3D 3 or c =3D=3D 6<br>=A0=A0=A0=A0=A0=A0=A0=A0=A0=A0=A0=
=A0=A0=A0 flow :width =3D&gt; 866, :margin =3D&gt; 3 do<br>=A0=A0=A0=A0=A0=
=A0=A0=A0=A0=A0=A0=A0=A0=A0=A0=A0=A0 @btn[r][c] =3D button &quot;123456789&=
quot;, :width =3D&gt; 86, :height =3D&gt; 50<br>
=A0=A0=A0=A0=A0=A0=A0=A0=A0=A0=A0=A0=A0=A0 end<br>=A0=A0=A0=A0=A0=A0=A0=A0=
=A0=A0=A0 else<br>=A0=A0=A0=A0=A0=A0=A0=A0=A0=A0=A0=A0=A0=A0 flow :width =
=3D&gt; 866 do<br>=A0=A0=A0=A0=A0=A0=A0=A0=A0=A0=A0=A0=A0=A0=A0=A0=A0 @btn[=
r][c] =3D button &quot;123456789&quot;, :width =3D&gt; 86, :height =3D&gt; =
50<br>=A0=A0=A0=A0=A0=A0=A0=A0=A0=A0=A0=A0=A0=A0 end=A0=A0=A0=A0=A0=A0=A0=
=A0 <br>=A0=A0=A0=A0=A0=A0=A0=A0=A0=A0=A0 end # if
<br>=A0=A0=A0=A0=A0=A0=A0=A0 end # End do c
<br>=A0=A0=A0=A0=A0 end # End stack
<br>=A0=A0 end # End do r<br>end # app<br clear=3D"all"><div><div><br></div=
><div>Thank you<br></div><div><br>-- <br>Ruby Student
</div></div></div></div></div></div></div></div></div>

--089e013a28603fa17604e064c145--