https://sourceforge.net/p/yoshi/wiki/Images/Recent changes to ImagesenThu, 24 Aug 2023 19:00:36 -0000https://sourceforge.net/p/yoshi/wiki/Images/<div class="markdown_content"><h1 id="images">Images</h1> <p>Any image supported by yab are supported by Yoshi. Images are placed in the horizontal center of the window, unless there is no width specified. In that case the image is placed on the left side of the window. The image will be resized to the height and width specified.</p> <h3 id="image">image</h3> <div class="codehilite"><pre><span></span><code><span class="nx">img</span><span class="p">.</span><span class="k">type</span><span class="w"> </span><span class="p">=</span><span class="w"> </span><span class="nx">image</span> <span class="nx">img</span><span class="p">.</span><span class="nx">label</span><span class="w"> </span><span class="p">=</span><span class="w"> </span><span class="nx">This</span><span class="w"> </span><span class="k">is</span><span class="w"> </span><span class="nx">the</span><span class="w"> </span><span class="nx">Yoshi</span><span class="w"> </span><span class="nx">icon</span><span class="p">.</span> <span class="nx">img</span><span class="p">.</span><span class="nx">path</span><span class="w"> </span><span class="p">=</span><span class="w"> </span><span class="o">/</span><span class="nx">boot</span><span class="o">/</span><span class="nx">home</span><span class="o">/</span><span class="nx">config</span><span class="o">/</span><span class="nx">settings</span><span class="o">/</span><span class="nx">fatelk</span><span class="o">/</span><span class="nx">yoshi</span><span class="o">/</span><span class="nx">yoshi</span><span class="p">.</span><span class="nx">icon</span><span class="p">.</span><span class="nx">hvif</span><span class="p">.</span><span class="nx">png</span> <span class="nx">img</span><span class="p">.</span><span class="nx">maxwidth</span><span class="w"> </span><span class="p">=</span><span class="w"> </span><span class="mi">64</span> <span class="nx">img</span><span class="p">.</span><span class="nx">maxheight</span><span class="w"> </span><span class="p">=</span><span class="w"> </span><span class="mi">64</span> <span class="nx">img</span><span class="p">.</span><span class="nx">border</span><span class="w"> </span><span class="p">=</span><span class="w"> </span><span class="mi">4</span> </code></pre></div> <p>This places the yoshi icon image in the center with a border drawn 4 pixels outside the image. In this case, the image and border takes up 72 X 72 pixels, but the label is placed above so that it takes up even more space on the screen:</p> <p><img alt="window with image" rel="nofollow" src="https://raw.githubusercontent.com/bbjimmy/Yoshi/master/images/image.png"/></p> <p><strong>A window showing the example above</strong></p> <p>Images or labels wider/longer than the window will re-size the window. </p> <p><img alt="another window with image" rel="nofollow" src="https://raw.githubusercontent.com/bbjimmy/Yoshi/master/images/image1.png"/></p> <p><strong>An example of a resized window</strong></p> <p><a class="" href="https://github.com/bbjimmy/Yoshi/wiki/Filepanel" rel="nofollow">Back</a> <a class="" href="https://github.com/bbjimmy/Yoshi/wiki/Multiselect" rel="nofollow">Next</a> </p></div>Jim SaxtonThu, 24 Aug 2023 19:00:36 -0000https://sourceforge.net268a91685df008fa856c3fdc9f726cf8586fd73b