Эквивалент CSS-сетки-столбцов-шаблонов, использующих Qt или GTK для создания мозаичного png - PullRequest
0 голосов
/ 14 ноября 2018

Я делаю базовый макет в HTML / CSS, который я хотел бы перенести на обход без веб-компонента, используя надлежащую библиотеку графического интерфейса для простой визуализации PNG всего макета, который я сейчас отображаю в браузере.

У меня есть изображения, которые я выкладываю в CSS с помощью функции grid-template-columns для отображения, в данном случае, 2 строк по 5 изображений:

#wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr
}

<div>
  <div id="wrapper">
    <img src="mypng1.png">
    <img src="mypng2.png">
    ...
    <img src="mypng9.png">
    <img src="mypng10.png">
  </div>
</div>

Я пытаюсь перевести это из web / html / css в макет графического интерфейса, который может визуализировать pngs на моем компьютере (linux). Как бы я написал это в Qt или GTK, или в любой подобной библиотеке?

В частности, я хочу контролировать:

  1. Количество строк и столбцов
  2. упорядоченный список входных изображений
  3. Пространство между изображениями, потенциальное изменение размера
  4. Выходные размеры / разрешение

В моем примере 10 изображений, но я представляю, как это расширяется до тысяч PNG, объединенных вместе, поэтому такие решения, как imagemagick montage , терпят неудачу при загрузке ОЗУ раньше, чем CSS.

Обновление

Спасибо, очень полезные комментарии ниже; Я думаю, что я ищу что-то вроде:

$ application whatever.xml.template #or
$ application whatever.xml.template -ncol=5 myfolder/mypng* -order 1,2,3,5,4 -dim 90x90 -output master.png

Где бы то ни было. Xml.template может хранить, возможно, все, кроме порядка и имени файла, но, может быть, все, что я добавил в качестве аргументов командной строки. В настоящее время я использую свой веб-интерфейс для выполнения такой логики и заполнения HTML-шаблона. Было бы замечательно, если бы я мог делать аналогичные шаблоны в инструменте без браузера для создания master.png.

1 Ответ

0 голосов
/ 15 ноября 2018

Вы можете размещать изображения в qt: http://doc.qt.io/qt-5/qml-qtquick-image.html#fillMode-prop

если вы хотите, чтобы они были в определенных столбцах и строках, отметьте Столбец и Строка .
это должно быть просто реализовать.

...