Skip to content
  • Categories
  • Recent
  • Tags
  • Popular
  • Users
  • Groups
  • Search
  • Get Qt Extensions
  • Unsolved
Collapse
Brand Logo
  1. Home
  2. Qt Development
  3. QML and Qt Quick
  4. QML COMPONENT IMAGE
Forum Updated to NodeBB v4.3 + New Features

QML COMPONENT IMAGE

Scheduled Pinned Locked Moved Unsolved QML and Qt Quick
13 Posts 3 Posters 3.0k Views 1 Watching
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • V Offline
    V Offline
    vishalreddy
    wrote on last edited by
    #1

    0_1490807353382_forum.png
    Hi this is vishal. Above image is the one which i am working on. When you guys see the image you can see a red circle on the qml component. My question to you guys is that can we put image on top of that qml component or not. If we can, can you guys please provide me the code or technique to do so.

    Thanks.

    VRoninV 1 Reply Last reply
    0
    • VRoninV Offline
      VRoninV Offline
      VRonin
      wrote on last edited by
      #2

      The image-upload feature on our forum is broken, you might see the picture but other users don't. Please upload your image to a image hoster of your choice (e.g. postimage.org) and embed the pic here with the following markup: ![alternate text](image-url). See also How to insert image on this forum and Hitchhiker's Visual Guide to the Qt Forum.

      "La mort n'est rien, mais vivre vaincu et sans gloire, c'est mourir tous les jours"
      ~Napoleon Bonaparte

      On a crusade to banish setIndexWidget() from the holy land of Qt

      ? 1 Reply Last reply
      0
      • VRoninV VRonin

        The image-upload feature on our forum is broken, you might see the picture but other users don't. Please upload your image to a image hoster of your choice (e.g. postimage.org) and embed the pic here with the following markup: ![alternate text](image-url). See also How to insert image on this forum and Hitchhiker's Visual Guide to the Qt Forum.

        ? Offline
        ? Offline
        A Former User
        wrote on last edited by
        #3

        @VRonin We really need to get this fixed, it has been broken for months now.

        1 Reply Last reply
        1
        • V Offline
          V Offline
          vishalreddy
          wrote on last edited by
          #4

          alt text

          V 1 Reply Last reply
          0
          • V vishalreddy

            alt text

            V Offline
            V Offline
            vishalreddy
            wrote on last edited by
            #5

            @vishalreddy can you guys see the image now ?

            ? 1 Reply Last reply
            0
            • V vishalreddy

              @vishalreddy can you guys see the image now ?

              ? Offline
              ? Offline
              A Former User
              wrote on last edited by
              #6

              @vishalreddy Yes. Sorry for the inconvenience.

              V 1 Reply Last reply
              0
              • ? A Former User

                @vishalreddy Yes. Sorry for the inconvenience.

                V Offline
                V Offline
                vishalreddy
                wrote on last edited by
                #7

                @Wieland ok, if anyone know the solution of the problem please provide me.

                Thanks

                1 Reply Last reply
                0
                • V vishalreddy

                  0_1490807353382_forum.png
                  Hi this is vishal. Above image is the one which i am working on. When you guys see the image you can see a red circle on the qml component. My question to you guys is that can we put image on top of that qml component or not. If we can, can you guys please provide me the code or technique to do so.

                  Thanks.

                  VRoninV Offline
                  VRoninV Offline
                  VRonin
                  wrote on last edited by
                  #8

                  @vishalreddy said in QML COMPONENT IMAGE:

                  My question to you guys is that can we put image on top of that qml component or not.

                  Yes

                  If we can, can you guys please provide me the code or technique to do so

                  I never used designer, could you show your code?

                  "La mort n'est rien, mais vivre vaincu et sans gloire, c'est mourir tous les jours"
                  ~Napoleon Bonaparte

                  On a crusade to banish setIndexWidget() from the holy land of Qt

                  V 1 Reply Last reply
                  0
                  • VRoninV VRonin

                    @vishalreddy said in QML COMPONENT IMAGE:

                    My question to you guys is that can we put image on top of that qml component or not.

                    Yes

                    If we can, can you guys please provide me the code or technique to do so

                    I never used designer, could you show your code?

                    V Offline
                    V Offline
                    vishalreddy
                    wrote on last edited by
                    #9

                    @VRonin

                    import QtQuick 2.4
                    import QtQuick.Extras 1.4
                    import QtQuick.Controls.Styles 1.4
                    
                    
                    Rectangle {
                        property string vishal: "unit"
                        property int max :100
                        property int min: 0
                        property int  gaugevalue: 0
                        width: 400
                        height: 400
                        color: "#020202"
                        gradient: Gradient {
                            GradientStop {
                                position: 0
                                color: "#020202"
                            }
                    
                            GradientStop {
                                position: 1
                                color: "#000000"
                            }
                        }
                    
                    
                        CircularGauge {
                            id: circularGauge
                            x: 17
                            y: 54
                            width:328
                            height:308
                            value: gaugevalue
                    
                    
                            maximumValue: max
                            minimumValue: min
                    
                    
                    
                            Text {
                                id: text1
                    
                                anchors.bottom: parent.bottom
                                anchors.bottomMargin: 52
                                x:117
                                y: 225
                                width: 46
                                height: 26
                                color: "#f4f2f2"
                                text: qsTr(vishal)
                                font.pixelSize:  12
                            }
                    
                        }
                    
                    
                    
                    
                    
                    
                    
                    }
                    
                    1 Reply Last reply
                    0
                    • VRoninV Offline
                      VRoninV Offline
                      VRonin
                      wrote on last edited by
                      #10

                      Just before Text { put something like:

                      Image {
                          id: myImage
                          source: "MyImage.png"
                          anchors.fill: parent
                      }
                      

                      "La mort n'est rien, mais vivre vaincu et sans gloire, c'est mourir tous les jours"
                      ~Napoleon Bonaparte

                      On a crusade to banish setIndexWidget() from the holy land of Qt

                      V 1 Reply Last reply
                      1
                      • VRoninV VRonin

                        Just before Text { put something like:

                        Image {
                            id: myImage
                            source: "MyImage.png"
                            anchors.fill: parent
                        }
                        
                        V Offline
                        V Offline
                        vishalreddy
                        wrote on last edited by
                        #11

                        @VRonin !alt text.

                        Hi, thanks for the reply. I have provided the image. So, please go through the image and please help me with the problem.
                        Thanks.

                        1 Reply Last reply
                        0
                        • VRoninV Offline
                          VRoninV Offline
                          VRonin
                          wrote on last edited by
                          #12

                          oh, you mean you want it to appear in the designer icon?
                          Sorry I misunderstood. As mentioned I never used designer so I'm not qualified to answer that question. Apologies

                          "La mort n'est rien, mais vivre vaincu et sans gloire, c'est mourir tous les jours"
                          ~Napoleon Bonaparte

                          On a crusade to banish setIndexWidget() from the holy land of Qt

                          V 1 Reply Last reply
                          0
                          • VRoninV VRonin

                            oh, you mean you want it to appear in the designer icon?
                            Sorry I misunderstood. As mentioned I never used designer so I'm not qualified to answer that question. Apologies

                            V Offline
                            V Offline
                            vishalreddy
                            wrote on last edited by
                            #13

                            @VRonin ok, Thanks. Do we have a code for the image to appear on the designer icon? I have tried various ways using the designer but its not working. If you have a sample code can you please provide me.

                            1 Reply Last reply
                            0

                            • Login

                            • Login or register to search.
                            • First post
                              Last post
                            0
                            • Categories
                            • Recent
                            • Tags
                            • Popular
                            • Users
                            • Groups
                            • Search
                            • Get Qt Extensions
                            • Unsolved