RE: QML id usage

[Eeli K]

@Naveen_D
So you basically know how to do it, but have some specific problem here. It's still difficult to find the reason because the code you gave requires the whole project. Either give a link to the project source or narrow down the problem to a small self-contained ad-hoc project which we can run. Or at least copy here the application output (not just one line!).

[6thC]

What about creating some objects states (and maybe transitions too)?
https://wiki.qt.io/QML_States_Controlling
instead of messing with the insides of another class you are utilizing a defined state/interface and you design your module to handle the various state configurations/behaviors expected of it.

[Naveen_D]

@6thC I am using voice recognition over here based on the voice i am doing some changes is it possible using states ???

[6thC]

Well, I don't know the conditions to change states, that would be up to you. But sure. I think. It's possible I misunderstand or didn't read what you want enough.

I use states for changing the gui, not images but color and animations based on sensor's numeric values.

states:
  [
      State { name: "inSpec";
          PropertyChanges { target: indicator; color: hudGreen;  }     
      },
      State { name: "warning";
          PropertyChanges { target: indicator; color: "gold";        }
      },
      State { name: "maximum";
          PropertyChanges { target: indicator; color: "red";         }
      }

  transitions: [
      Transition {
          from: "maximum"
          to: "inSpec"
          SequentialAnimation {
              loops: 1;
              ColorAnimation { duration: 300; from: "red";        to: hudGreen; }
              ColorAnimation { duration: 300; from: hudGreen; to: "transparent";}
          }
      },
      Transition {
          from: "warning"
          to: "inSpec"
          ColorAnimation { target: root; duration: 300}
          ColorAnimation { duration: 300; from: "red";        to: hudGreen; }
          ColorAnimation { duration: 300; from: hudGreen; to: "transparent";}
      },
...

And I use this in a method where I pass a control as an argument (with the states and transitions in it) and the sensor value like:

function adjustState(control, value){
... inSpec expression 
              control.state =  "inSpec";
... warning expression 
              control.state =  "warning";
... maximum expression 
              control.state =  "maximum";

[Naveen_D]

I tried using property aliasing...but no output can anyone pls guide me further in this matter....it would be helpful.

[p3c0]

@Naveen_D You need to provide a very minimal complete code of your application which can reproduce the problem. This would be more useful for others to understand.

[Naveen_D]

@p3c0 ya sure here is the code,

main.qml

import QtQuick 2.7
import QtQuick.Window 2.2
import QtQuick.Layouts 1.2
import QtQuick 2.5


Window {
    //    flags: Qt.FramelessWindowHint

    title: qsTr("Infotainment")
    width: (Screen.width/4)+200
    height: (Screen.height/4)
    visible: true

    ExampleRect1
    {
        id: rect1id
        visible: false
    }

    ExampleRect2
    {
        id: rect2id
        visible: false
    }
    Row
    {
        id: rectrow
        spacing: 100
        anchors.centerIn: parent
        Rectangle {
            id: myRect
            width: 150; height: 100
            color: "transparent"
            border.color: "black"
            Text {
                id: rect1text
                text: qsTr("Rectangle1")
                font.bold: true
                font.pixelSize: 24
                color: "red"
                anchors.centerIn: parent
            }

            MouseArea {
                id: mouseArea
                anchors.fill: parent
                onClicked: {
                    rect1id.visible= true
                    rectrow.visible = false
                    rect2id.visible= false
                }
            }
        }

        Rectangle {
            id: myRect2
            width: 150; height: 100
            color: "transparent"
            border.color: "black"
            Text {
                id: rect2text
                text: qsTr("Rectangle2")
                font.bold: true
                font.pixelSize: 24
                color: "blue"
                anchors.centerIn: parent
            }

            MouseArea {
                id: mouseArea2
                anchors.fill: parent
                onClicked: {
                    rect2id.visible= true
                    rectrow.visible= false
                    rect1id.visible= false
                }
            }
        }
    }
}

ExampleRect1.qml

import QtQuick 2.0
import QtQuick.Window 2.2

Rectangle{
    id: mainRect
    width: (Screen.width/4)+200
    height: (Screen.height/4)
    visible: false

    property alias imgSource : img.source


    Rectangle{
       id: imgRect
       implicitHeight: 100; implicitWidth: 150
       anchors.centerIn: parent

       Image {
           id: img
           source: "qrc:/PlayIcon.png"
       }
    }
}

RectExample2.qml

import QtQuick 2.0
import QtQuick.Window 2.2
import QtQuick.Layouts 1.2
import QtQuick 2.5

Rectangle{
    id :mainRect
    width: (Screen.width/4)+200
    height: (Screen.height/4)

    ExampleRect1{
        id:exampleRect1Object
    }

    Rectangle{
        id: voicerect
        implicitHeight: 100; implicitWidth: 150
        anchors.centerIn: parent
        color: "red"

        Text {
            id: voiceText
            text: qsTr("Voice Recognition")
            anchors.centerIn: parent
            font.pixelSize: 18
        }

        MouseArea{
            id: voicemousearea
            anchors.fill: parent
            onClicked: {
                rect1id.visible =true
                exampleRect1Object.imgSource= "qrc:/pauseIcon.png"
                mainRect.visible= false
            }
        }
    }
}

[p3c0]

@Naveen_D Ok. And what do you require in this example ?

[Naveen_D]

@p3c0
In the above example, in ExampleRect2.qml i have created an object of ExampleRect1.qml

onClicked: {
rect1id.visible =true
exampleRect1Object.imgSource= "qrc:/pauseIcon.png"
mainRect.visible= false
}

using that object i am changing the image set in exampleRect1.qml but the image remains same, it will not change...

[p3c0]

@Naveen_D AFAICS you are creating 2 instances of ExampleRect1, one is in main.qml and other is in ExampleRect2.qml and you are trying to update this instance instead of one in main.qml

[Naveen_D]

@p3c0 Ya i got the output...thanks

[p3c0]

@Naveen_D Great!