한국어
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 85344
156 단일 인스턴스 Qt 응용 프로그램(Single-instance Application) makersweb 2022.06.23 693
155 Qt로 작성된 iOS 앱에서 시리얼 통신 file makersweb 2022.04.30 807
154 VirtualKeyboard 스타일 커스터 마이징 makersweb 2022.03.13 448
153 성능 고려 및 제안 사항 makersweb 2022.03.07 493
152 Binding 타입으로 객체 속성 간 묶기 makersweb 2022.03.04 404
151 Qt Bluetooth Low Energy 개요 makersweb 2022.02.13 650
150 Qt Android 앱에 AdMob 배너달기 file makersweb 2021.12.04 385
149 Qt 6의 C++ 프로퍼티 바인딩 예제 makersweb 2021.11.01 845
148 QML에서 앵커(anchors)로 위치 지정 file makersweb 2021.10.05 3700
147 안드로이드용 Qt 6.2 makersweb 2021.10.02 490
146 Qt 응용프로그램에서 PDF 문서 렌더링 file makersweb 2021.09.23 652
145 QML에서 Websocket 서버와 통신 file makersweb 2021.09.18 806
144 QML 코딩 규칙 makersweb 2021.09.05 3174
143 QML 에서 QR코드 생성 file makersweb 2021.08.20 882
142 앱을 종료할 때 QML 바인딩 오류를 피하는 방법 makersweb 2021.08.08 487
141 Qt 응용프로그램에서 Lottie Animation사용 file makersweb 2021.05.30 867
140 싱글 샷(Single-Shot) 시그널/슬롯 연결 makersweb 2021.05.12 740
139 응용프로그램 자동실행 설정 (on Windows) makersweb 2021.05.08 555
138 Qt 6 에서 프로퍼티 바인딩 makersweb 2021.04.03 761
137 QML과 JavaScript 의 숫자 관련 내장된 함수 makersweb 2021.03.28 1352