BlackBerry Cascades의 QML 문자열

Question

최신 BlackBerry 10 플랫폼에서 사용자 정의 버튼을 제작하려고합니다.

버튼을 클릭하면 배경 이미지가 변경되고 두 번째 클릭하면 다시 변경됩니다..

버튼 로직은 매우 간단합니다. 버튼을 클릭하면 현재 버튼에있는 이미지 유형을 확인하고 이미지 소스를 변경합니다.

나는 다음과 같습니다 기본 QML 사용자 정의 컨트롤 (레이블 및 기타 중요하지 않은 것들을 제거) 시작 :

import bb.cascades 1.0 

Container 
{ 

    id: root 
    layout: DockLayout 
    { 
    } 

    function clickMe() 
    { 
     var source = myImage.defaultImageSource.toString(); 

     console.log(source); 

     if (source.endsWith("image.png")) 
     { 
      myImage.defaultImageSource = "asset:///images/image_pushed.png"; 
     } 
     else 
     { 
      myImage.defaultImageSource = "asset:///images/image.png"; 
     } 
    } 

    ImageButton 
    { 
     id: myImage 
     defaultImageSource: "asset:///images/image.png" 
    } 

    onCreationCompleted: 
    { 
     myImage.clicked.connect(root.clickMe); 
    } 
} 

하여 ImageButton 클릭 이벤트는 자바 스크립트 기능 clickMe에 연결되어 있습니다. 함수가 실행되고 URL이 콘솔에 올바르게 기록됩니다.

image_pushed.png가 설정되지 않기 때문에 문제는 IF 절입니다. 왜 이것이 문제이며 어떻게이 버튼을 구현할 수 있습니까?

나는이 문제에 대한 만 QML 솔루션 주위를 찾고 있어요 나는이 정보를 발견

• defaultImageSource 속성은 toString() 메소드를 포함하지 유형 QUrl,이다.
• toString() 메서드는 실제로 endsWith 함수가있는 QString을 반환합니다.
• 내 QML 참조 : http://qt-project.org/doc/qt-4.8/qstring.html#endsWith

감사합니다.

Answer 1

QML 내 QString 인스턴스는 정상적인 JavaScript 문자열로 나타납니다. 이 매핑은 자동으로 수행됩니다. 자바 스크립트 문자열에는 endsWith 메소드가 없습니다. search 메서드를 정규식과 함께 사용하여 동일한 결과를 얻을 수 있습니다.

if (source.search(/image\.png$/ !== -1) { /* ... */ } 

Answer 2

난 당신이 예를 들어 부동산

를 사용하여 더 간단한 방법을 만들 수 있다고 생각 :

Control{ 
id : myControl 
property bool state 
ImageButton{ 
    defaultImageSource : state ? "firstImageAsset.png" : "secondImageAsset.png" 
    onClick :{ 
    myControl.state = !myControl.state 
    } 
} 
}