한국어
Qt
 

그래픽 소프트웨어에서 디자인 내보내기 (Exporting Designs from Graphics Software)

Adobe Photoshop 및 GIMP와 같은 그래픽 소프트웨어에서 QML 파일로 디자인을 내보낼 수 있습니다.

어도비 포토샵(Adobe Photoshop)에서 QML로 내보내기

QML 에셋(asset) 내보내기를 사용하여 Adobe Photoshop에서 .ui.qml 파일로 디자인을 내보낼 수 있습니다. QML 에셋 내보내기 도구는 Photoshop 용 PNG EXPRESS 플러그인을 기반으로하는 템플릿을 제공합니다. 이를 통해 PSD 파일을 QML 형식으로 내보내 각 PSD 파일을 .ui.qml 파일로 변환할 수 있습니다.
http://www.pngexpress.com/

생성된 문서의 파일 이름은 PSD 파일의 이름을 기반으로 합니다. 태그가 지정된 이미지 및 텍스트 객체는 절대 위치 지정과 함께 내보내집니다. 텍스트 개체는 글꼴 및 정렬 정보와 함께 내보내집니다.

자세한 내용은 QML 에셋 내보내기(QML Asset Exporter) 도구의 문서를 참조하십시오.
https://github.com/Pelagicore/QmlAssetExporter

김프(Gimp)에서 QML로 내보내기

각 장면은 각 레이어에 대한 이미지 또는 텍스트 아이템이있는 단일 QML 파일로 변환되어 개발 PC에 저장됩니다. 각 레이어는 아이템으로 내보내집니다.

편집을 위해 Qt Creator에서 QML 파일을 열 수 있습니다. 기본적으로 내보내기 스크립트는 Qt Quick 1 파일을 생성합니다. 디자인 모드에서 파일을 편집하려면 내보내기 스크립트에서 import 문을 변경하여 Qt Quick 2를 가져옵니다. 또는 파일을 생성 한 후 각 파일에서 import 문을 변경할 수 있습니다.

변환 규칙

다음 규칙이 전환에 적용됩니다.

  • 레이어(layer) 이름은 아이템 이름으로 사용됩니다. 공백과 해시 기호(#)는 밑줄 문자로 대체되어 아이템에 유효한 ID를 만듭니다.
  • 그림자(shadow)와 같은 레이어 스타일은 이미지로 변환됩니다.
  • 오프셋(offset), 크기(size), 순서(ordering) 및 불투명도(opacity)가 보존됩니다.
  • 텍스트 아이템은 이미지(Image) 아이템으로 변환되도록 지정하지 않는 한 텍스트(Text) 아이템으로 변환됩니다.
  • 숨겨진 레이어를 내보낼 수 있으며 표시 여부가 숨김으로 설정됩니다.
  • PNG 이미지가 이미지 하위 디렉토리에 복사됩니다.

변환할 파일 준비

사용하기 쉬운 QML 파일을 만들려면 다음과 같이 내보내기 용 김프 디자인을 준비하십시오.

  • 아이템 수를 최소화하려면 각 레이어를 텍스트 또는 이미지 아이템으로 내보내므로 레이어 수를 최소화하십시오.
  • 일부 레이어가 내보내지지 않았는지 확인하려면 해당 레이어를 숨기고 내보내는 동안 숨겨진 내보내기 확인란의 선택을 취소하십시오.
  • 레이어를 내보낸 후 레이어를 쉽게 찾으려면 설명이 포함된 이름을 사용하십시오.
  • 내보내는 동안 이미지 크기가 유지되는지 확인하려면 배경 레이어와 같이 완전히 숨겨져있는 레이어를 하나 이상 만드십시오. 내보내기 스크립트가 완전히 채워진 레이어를 찾지 못하면 모든 이미지를 캔바스의 크기로 조정합니다.
  • 내보내기 중에 오류를 방지하려면 레이어가 잠겨 있지 않은지 확인하십시오. 잠긴 레이어(locked layer)는 내보낼 수 없습니다.
  • 예상치 못한 결과를 피하려면 블렌딩 모드(Blending Mode) 효과를 사용하지 마십시오. 그들은 내보내지지 않습니다.

내보내기 스크립트 실행하기

이 스크립트는 김프 2에서 작동하도록 테스트되었습니다. 김프 2에서 김프 2를 다운로드 할 수 있습니다.

  1. Qt 코드 검토 에서 내보내기 스크립트 인 qmlexporter.py 가 들어있는 저장소를 복제하십시오.
    https://codereview.qt-project.org/#/admin/projects/qt-labs/gimp-qmlexporter
    참고: 스크립트에 대한 최신 정보는 저장소의 INSTALL.txt를 읽으십시오.

  2. 내보내기 스크립트를 김프 설치 디렉토리의 플러그인 디렉토리에 복사하십시오.

  3. 파일의 속성을 검사하여 실행 파일인지 확인하십시오.
    Linux에서 다음 명령을 실행하십시오. chmod u+rx

  4. 디자인 모드에서 편집할 수 있는 QML 파일을 생성하려면 qmlexporter.py 에서 import 문을 편집하십시오.
    예:

  f.write( 'import QtQuick 2.5 \n' )
  1. 김프를 다시 시작하여 내보내기 명령을 파일 메뉴에 추가하십시오.

  2. 파일 > QML 로 내보내기를 선택하여 디자인을 QML 파일로 내 보냅니다.

  3. 레이어를 QML 문서로 내보내기 대화 상자에서 QML 파일의 이름과 위치를 입력하고 내보내기를 클릭 합니다 .

QML 파일은 지정한 위치에 저장됩니다. Qt Creator에서 파일 > 파일 열기 또는 프로젝트를 선택하여 QML 파일을 엽니다.

참고: 기존 파일은 경고없이 대체됩니다.

번호 제목 글쓴이 날짜 조회 수
공지 Qt프로그래밍(QtQuick) Beginner를 위한 글 읽는 순서 운영자 2019.01.05 85361
136 Qt 5 코드를 Qt 6로 포팅하기 위해 도움이 되는 Clazy Framework file makersweb 2021.03.01 907
135 C++로 작성한 클래스를 QML에서 생성 file makersweb 2021.02.10 5234
134 Qt MQTT의 pus/sub 튜토리얼 file makersweb 2021.02.06 1608
133 Qt 를 사용하거나 기반으로 하는 응용프로그램 file makersweb 2021.01.30 3711
132 Loader를 사용하여 동적으로 QML 로드 makersweb 2021.01.19 1763
131 QThread 및 QMutex 예제 makersweb 2021.01.12 1312
» 그래픽 소프트웨어에서 디자인 내보내기 (Exporting Designs from Graphics Software) j2doll 2020.12.25 407
129 Qt5Compat 라이브러리를 사용하여 Qt5에서 Qt6로 포팅 [2] makersweb 2020.12.05 658
128 Qt Quick Controls 2에 네이티브 데스크탑 스타일 추가 file makersweb 2020.11.23 481
127 QML 바인딩 끊김 진단 makersweb 2020.11.08 900
126 QML과 코루틴(Coroutines) makersweb 2020.11.03 572
125 Qt 6의 비동기 API makersweb 2020.10.19 1174
124 QRandomGenerator 클래스를 사용하여 난수(random values) 생성 makersweb 2020.10.17 1547
123 Qt 6에서 QList 변경사항 makersweb 2020.10.08 959
122 Qt 6.0의 개발 호스트 및 대상 플랫폼 makersweb 2020.09.16 965
121 main함수 명령줄 옵션 해석 makersweb 2020.09.01 2208
120 UI 폼(Form)작성 시 탭 순서(Tab Order) 설정 file makersweb 2020.08.24 2729
119 Qt로 데이터를 직렬화(serialization)하는 방법 makersweb 2020.08.04 2025
118 최초의 Qt 6.0 스냅샷 제공 (First Qt 6.0 Snapshot Available) j2doll 2020.06.21 587
117 Qt MQTT 에 대해서 file makersweb 2020.06.02 946