[QT QML Code] QML Loading spinner with animated image

💡 실행사진

 

이미지를 구해서 넣어주세요. QML로 로딩 스피너를 빠르게 만드는 방법입니다.

로딩 스피너는 앱이 백그라운드에서 작업을 수행 할 때 몇 초가 걸리고 사용자가 사용자 인터페이스를 클릭하는 것을 원하지 않을 때 항상 중요합니다. 

매우 나쁜 정적 창을 표시하는 대신 사용자에게 무슨 일이 일어나고 있는지 보여줍니다. 

앱이 몇 초만 걸리는 경우 진행률 표시기를 표시 할 필요가 없습니다. 

논리에 실제 진행 값이 없으면 어쨌든 매우 까다로워집니다. 로딩 스피너를 표시하는 동안 중단되지 않도록 백그라운드 스레드에서 작업을 처리합니다.

💡 animated loading spinner with QML

Row
{
    spacing: 8
    
    // Rotating icon
    Text
    {
        id: loadingSpinner

        font.family: fontAwesome.name
        text: "\uf021"
        font.pixelSize: 18
        color: "#0091f8";

        NumberAnimation on rotation {
            from: 0; to: 360; running: loadingSpinner.visible == true; 
            loops: Animation.Infinite; duration: 700;
        }
    }

    // Text explaining whats happening
    Text {
        text: "Updating..."
        font.family: "Lato"
        font.pixelSize: 16
    }
}