Проблемы с XUL Grid Layout - PullRequest
Новая
       2

Проблемы с XUL Grid Layout

1 голос
/ 09 августа 2010

Я сейчас работаю над созданием приложения XUL, и на данный момент у меня возникло несколько проблем.Мой текущий файл находится здесь: http://projects.thecloudonline.net/gemxul/regrid.xul.

Я хочу, чтобы второй столбец по существу "float: right" (например, как CSS работает на веб-страницах).Красный фон показывает мне, что часть перемещена, но мой контент застрял влево.Как я могу сделать так, чтобы контент соответствовал ему?

Во-вторых, моя общая цель - сделать так, чтобы макет был по существу разделен на две части.Установка maxwidth = "50%" в первом столбце, похоже, ничего не делает.Это правильный подход, или я далеко оттуда?

Пока все!

1 Ответ

0 голосов
/ 09 августа 2010

Это должно работать: 

<grid style="border: #000000 solid 1px;">
    <columns>
        <column style="border-right: #666666 solid 1px;"/>
        <column flex="1"/>
        <column style="background-color:red;"/>
    </columns>
    <rows>
        <row>
            <vbox>
                <label value="Launcher 1" id="l1_title"/>
                <button label="button" id="l1_btn" />
                <label value="This is a description for item 1." id="l1_desc"/>
            </vbox>
            <spacer/>
            <vbox>
                <label value="Launcher 2" id="l2_title"/>
                <button label="button" id="l2_btn"/>
                <label value="This is a description for item 2." id="l2_desc"/>
            </vbox>
        </row>
        <row style="border-top: #666666 solid 1px;">
            <vbox>
                <label value="Launcher 3" id="l3_title"/>
                <button label="button" id="l3_btn"/>
                <label value="This is a description for item 3." id="l3_desc"/>
            </vbox>
            <spacer/>
            <vbox>
                <label value="Launcher 4" id="l4_title"/>
                <button label="button" id="l4_btn"/>
                <label value="This is a description for item 4." id="l4_desc"/>
            </vbox>
        </row>
    </rows>
</grid>

Есть несколько способов сделать это. Лично я бы не использовал grid для чего-то подобного. Комбинация vbox и hbox превосходит все, что вы обычно делаете в таблицах. Но, конечно, все зависит от вашей конечной цели.

...