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. How to custom qml virtual keyboard ?

How to custom qml virtual keyboard ?

Scheduled Pinned Locked Moved Unsolved QML and Qt Quick
37 Posts 7 Posters 19.5k Views
  • 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.
  • R raven-worx
    8 Aug 2018, 07:17

    @small_bird

    1. set the QT_VIRTUALKEYBOARD_STYLE to _STYLENAME_
    2. put the style.qml into your existing qrc (e.g. to the path :/kbstyles/test.qml :/kbstyles/QtQuick/VirtualKeyboard/Styles/_STYLENAME_/style.qml)
    3. add the import path to your QQmlEngine (engine->addImportPath(":/kbstyles"))

    did you copy the existing (default) virtual keyboard style and made your changes upon it?

    S Offline
    S Offline
    small_bird
    wrote on 8 Aug 2018, 07:27 last edited by
    #16

    @raven-worx Yes, I have done that. "set the QT_VIRTUALKEYBOARD_STYLE to test"? What is the meaning? to test.qml file?

    R 1 Reply Last reply 8 Aug 2018, 07:38
    0
    • S small_bird
      8 Aug 2018, 07:27

      @raven-worx Yes, I have done that. "set the QT_VIRTUALKEYBOARD_STYLE to test"? What is the meaning? to test.qml file?

      R Offline
      R Offline
      raven-worx
      Moderators
      wrote on 8 Aug 2018, 07:38 last edited by raven-worx 8 Sept 2018, 06:46
      #17

      @small_bird
      the name of the qml file folder containing style.qml

      --- SUPPORT REQUESTS VIA CHAT WILL BE IGNORED ---
      If you have a question please use the forum so others can benefit from the solution in the future

      S 1 Reply Last reply 8 Aug 2018, 07:41
      0
      • R raven-worx
        8 Aug 2018, 07:38

        @small_bird
        the name of the qml file folder containing style.qml

        S Offline
        S Offline
        small_bird
        wrote on 8 Aug 2018, 07:41 last edited by
        #18

        @raven-worx 0_1533714087446_捕获.PNG
        Is this all right?

        R 1 Reply Last reply 8 Aug 2018, 07:43
        0
        • S small_bird
          8 Aug 2018, 07:41

          @raven-worx 0_1533714087446_捕获.PNG
          Is this all right?

          R Offline
          R Offline
          raven-worx
          Moderators
          wrote on 8 Aug 2018, 07:43 last edited by raven-worx 8 Aug 2018, 07:44
          #19

          @small_bird
          you said you read the link didnt you?!
          you should set it as a env variable!
          qputenv("QT_VIRTUALKEYBOARD_STYLE", "test");

          --- SUPPORT REQUESTS VIA CHAT WILL BE IGNORED ---
          If you have a question please use the forum so others can benefit from the solution in the future

          S 1 Reply Last reply 8 Aug 2018, 07:50
          0
          • R raven-worx
            8 Aug 2018, 07:43

            @small_bird
            you said you read the link didnt you?!
            you should set it as a env variable!
            qputenv("QT_VIRTUALKEYBOARD_STYLE", "test");

            S Offline
            S Offline
            small_bird
            wrote on 8 Aug 2018, 07:50 last edited by
            #20

            @raven-worx 0_1533714623613_捕获.PNG
            Another problem happens!

            R 1 Reply Last reply 8 Aug 2018, 07:56
            0
            • S small_bird
              8 Aug 2018, 07:50

              @raven-worx 0_1533714623613_捕获.PNG
              Another problem happens!

              R Offline
              R Offline
              raven-worx
              Moderators
              wrote on 8 Aug 2018, 07:56 last edited by
              #21

              @small_bird
              read my post (regarding the style setup) again line by line and compare it to your code.
              Why do you add the layout path to the engine's import path?!

              The keyboard styles and layout are different concepts, so don't mix them up.

              --- SUPPORT REQUESTS VIA CHAT WILL BE IGNORED ---
              If you have a question please use the forum so others can benefit from the solution in the future

              S 2 Replies Last reply 8 Aug 2018, 08:12
              0
              • R raven-worx
                8 Aug 2018, 07:56

                @small_bird
                read my post (regarding the style setup) again line by line and compare it to your code.
                Why do you add the layout path to the engine's import path?!

                The keyboard styles and layout are different concepts, so don't mix them up.

                S Offline
                S Offline
                small_bird
                wrote on 8 Aug 2018, 08:12 last edited by small_bird 8 Aug 2018, 08:15
                #22

                @raven-worx 0_1533716005308_捕获.PNG
                The out put is the same!

                1 Reply Last reply
                0
                • R raven-worx
                  8 Aug 2018, 07:56

                  @small_bird
                  read my post (regarding the style setup) again line by line and compare it to your code.
                  Why do you add the layout path to the engine's import path?!

                  The keyboard styles and layout are different concepts, so don't mix them up.

                  S Offline
                  S Offline
                  small_bird
                  wrote on 8 Aug 2018, 08:31 last edited by
                  #23

                  @raven-worx The output is "Can not find style "style" - fallback: "default"

                  R 1 Reply Last reply 8 Aug 2018, 10:06
                  0
                  • S small_bird
                    8 Aug 2018, 08:31

                    @raven-worx The output is "Can not find style "style" - fallback: "default"

                    R Offline
                    R Offline
                    raven-worx
                    Moderators
                    wrote on 8 Aug 2018, 10:06 last edited by
                    #24

                    @small_bird
                    my "fault". but anyway again this is described in the link i've posted.

                    In the given import path Qt expects the style to be in the path /QtQuick/VirtualKeyboard/Styles
                    So add your style.qml into the following qrc path (where STYLENAME is the name you provide in the QT_VIRTUALKEYBOARD_STYLE env variable):
                    :/kbstyles/QtQuick/VirtualKeyboard/Styles/STYLENAME => so it becomes :/kbstyles/QtQuick/VirtualKeyboard/Styles/STYLENAME/style.qml

                    So QT_VIRTUALKEYBOARD_STYLE determines the folder name (which contains a style.qml) not the name of the qml file itself.

                    --- SUPPORT REQUESTS VIA CHAT WILL BE IGNORED ---
                    If you have a question please use the forum so others can benefit from the solution in the future

                    S 1 Reply Last reply 8 Aug 2018, 23:59
                    0
                    • R raven-worx
                      8 Aug 2018, 10:06

                      @small_bird
                      my "fault". but anyway again this is described in the link i've posted.

                      In the given import path Qt expects the style to be in the path /QtQuick/VirtualKeyboard/Styles
                      So add your style.qml into the following qrc path (where STYLENAME is the name you provide in the QT_VIRTUALKEYBOARD_STYLE env variable):
                      :/kbstyles/QtQuick/VirtualKeyboard/Styles/STYLENAME => so it becomes :/kbstyles/QtQuick/VirtualKeyboard/Styles/STYLENAME/style.qml

                      So QT_VIRTUALKEYBOARD_STYLE determines the folder name (which contains a style.qml) not the name of the qml file itself.

                      S Offline
                      S Offline
                      small_bird
                      wrote on 8 Aug 2018, 23:59 last edited by
                      #25

                      @raven-worx 0_1533772777685_捕获.PNG

                      R 1 Reply Last reply 9 Aug 2018, 06:39
                      0
                      • S small_bird
                        8 Aug 2018, 23:59

                        @raven-worx 0_1533772777685_捕获.PNG

                        R Offline
                        R Offline
                        raven-worx
                        Moderators
                        wrote on 9 Aug 2018, 06:39 last edited by
                        #26

                        @small_bird
                        last time...
                        engine->addImportPath(":/kbstyles")

                        --- SUPPORT REQUESTS VIA CHAT WILL BE IGNORED ---
                        If you have a question please use the forum so others can benefit from the solution in the future

                        S 1 Reply Last reply 9 Aug 2018, 06:41
                        1
                        • R raven-worx
                          9 Aug 2018, 06:39

                          @small_bird
                          last time...
                          engine->addImportPath(":/kbstyles")

                          S Offline
                          S Offline
                          small_bird
                          wrote on 9 Aug 2018, 06:41 last edited by
                          #27

                          @raven-worx Does not work, thanks all the same!

                          R 1 Reply Last reply 9 Aug 2018, 06:51
                          0
                          • S small_bird
                            9 Aug 2018, 06:41

                            @raven-worx Does not work, thanks all the same!

                            R Offline
                            R Offline
                            raven-worx
                            Moderators
                            wrote on 9 Aug 2018, 06:51 last edited by
                            #28

                            @small_bird
                            if you follow the instructions in my post it definitely works, i used it myself already.
                            If not you are still doing something wrong.
                            Only advice left i can give is try a full rebuild (clean, rerun qmake, build again)

                            --- SUPPORT REQUESTS VIA CHAT WILL BE IGNORED ---
                            If you have a question please use the forum so others can benefit from the solution in the future

                            S 1 Reply Last reply 14 Aug 2018, 02:58
                            0
                            • R raven-worx
                              9 Aug 2018, 06:51

                              @small_bird
                              if you follow the instructions in my post it definitely works, i used it myself already.
                              If not you are still doing something wrong.
                              Only advice left i can give is try a full rebuild (clean, rerun qmake, build again)

                              S Offline
                              S Offline
                              small_bird
                              wrote on 14 Aug 2018, 02:58 last edited by
                              #29

                              @raven-worx 0_1534215503237_捕获.PNG
                              Warning:。。。。。。

                              1 Reply Last reply
                              0
                              • G Offline
                                G Offline
                                GSElabs
                                wrote on 14 May 2019, 10:09 last edited by
                                #30

                                The problem may be in the order of the addImportPath and engine.load actions. I found that

                                engine.load(QUrl("qrc:/main.qml"));
                                

                                must be executed only after

                                engine.addImportPath("qrc:/kbstyles");
                                qputenv("QT_VIRTUALKEYBOARD_STYLE", "mykbstl");
                                

                                So the code must be something like this:

                                QQmlApplicationEngine engine;
                                engine.addImportPath("qrc:/kbstyles");
                                qputenv("QT_VIRTUALKEYBOARD_STYLE", "mykbstl");
                                engine.load(QUrl("qrc:/main.qml"));
                                
                                1 Reply Last reply
                                0
                                • V Offline
                                  V Offline
                                  Vincent_Law
                                  wrote on 4 Apr 2022, 14:26 last edited by
                                  #31

                                  Thank u for this thread. I resolved my problem with ru_RU <3

                                  1 Reply Last reply
                                  0
                                  • P Offline
                                    P Offline
                                    priyankar
                                    wrote on 20 May 2022, 09:42 last edited by
                                    #32

                                    how to check the path set for QT_VIRTUALKEYBOARD_LAYOUT_PATH ?

                                    L 1 Reply Last reply 20 May 2022, 10:14
                                    0
                                    • P priyankar
                                      20 May 2022, 09:42

                                      how to check the path set for QT_VIRTUALKEYBOARD_LAYOUT_PATH ?

                                      L Offline
                                      L Offline
                                      lemons
                                      wrote on 20 May 2022, 10:14 last edited by
                                      #33

                                      @priyankar maybe my answer in this topic helps you:
                                      https://forum.qt.io/topic/134990/customising-qt-virtual-keyboard-qml-for-a-cross-compiled-remote-device/3

                                      1 Reply Last reply
                                      0
                                      • P Offline
                                        P Offline
                                        priyankar
                                        wrote on 20 May 2022, 11:58 last edited by
                                        #34

                                        Thanks.
                                        Tried but still the keyboard is blank

                                        1 Reply Last reply
                                        0
                                        • S small_bird
                                          6 Aug 2018, 07:59

                                          @raven-worx Thanks a lot! I have made it!

                                          P Offline
                                          P Offline
                                          priyankar
                                          wrote on 20 May 2022, 13:53 last edited by
                                          #35

                                          @small_bird can you share how you resolved I'm facing same issue

                                          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