StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

PO
text
Body
copied!<p>The simple answer to your question is that the gap seems to come from the explicit height you give to the first graphic. Simply remove it and the gap will be gone.</p> <p>The (IMO) better answer is that this code seems a bit convoluted for creating simple graphics. </p> <ul> <li>There is no reason you should wrap each line in a <code>Graphics</code> class. You can extend Graphic to create a standalone, reusable graphic class though.</li> <li>There is a <code>Line</code> class for drawing straight lines. Much easier than using <code>Path</code></li> </ul> <p>If you absolutely need the <code>VerticalLayout</code>, you could rewrite that code like this:</p> <pre><code><s:Group> <s:layout> <s:VerticalLayout gap="0" horizontalAlign="center" /> </s:layout> <s:Line height="100"> <s:stroke> <s:SolidColorStroke color="#333333" /> </s:stroke> </s:Line> <s:Line width="100"> <s:stroke> <s:SolidColorStroke color="#333333" /> </s:stroke> </s:Line> </s:Group> </code></pre> <p>But if you don't really need it for some reason, it can even be reduced to this:</p> <pre><code><s:Group> <s:Line height="100" horizontalCenter="0"> <s:stroke> <s:SolidColorStroke color="#333333" /> </s:stroke> </s:Line> <s:Line width="100" bottom="0"> <s:stroke> <s:SolidColorStroke color="#333333" /> </s:stroke> </s:Line> </s:Group> </code></pre>

Querying!

Guidance

An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload