2017-12-23 10 views
0

PNG 이미지를 사용하여 새로운 QML 컨트롤을 만들려고합니다. 보통 각 상태마다 1 개의 이미지를 사용합니다 (예를 들어 마우스를 올리거나 클릭 한 상태로 사용하지 않도록 설정). 내가UI 컨트롤의 모든 상태로 1 이미지를 사용하여 QT/QML로 UI 만들기

enter image description here

나는이 같은 이미지를 사용하는 방법을 배우고 싶습니다 ... 일부 개발자는 다음과 같이 ... (1 개) 이미지 컨트롤의 모든 주에 한 이미지를 사용하는 것으로 나타났습니다, 나는 그것이 유용 상상 독특한 디자인의 템플릿을 수정하여 다양한 스타일을 만들 수 있습니다.

내 질문은 이미지를 사용하고 한 번에 하나의 상태 만 표시하는 방법입니다.

다음은 사용할 샘플 이미지입니다. QML에서 다음을 수행하는 간단한 글 머리 이미지를 만들고 싶습니다.

  • 이 노란색으로 표시 맴돌고

    1. 절대로 클릭하지 쇼 회색,
    2. 는 오렌지를 보여줍니다 클릭했습니다.

    다음은 사용할 이미지입니다.

    enter image description here

    은 내가 알아낼 수있는 것은 상태에 따라 이미지의 일부만을 사용하는 방법입니다.

    감사합니다.

    답변

    1

    가장 좋은 방법은 QQuickImageProvider입니다. Here은 하위 클래스를 만드는 방법을 보여주는 예제입니다. 이 페이지의 다른 답변에서 언급 한 쉐이더를 사용하여 수행 할 수도 있습니다.

    주당 하나의 이미지를 사용하는 원래의 워크 플로우를보다 쉽게 ​​달성하려면 Imagine style을 확인해야합니다.

    관련 문제