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.4k 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.
  • small_birdS Offline
    small_birdS Offline
    small_bird
    wrote on last edited by
    #1

    Hello, how to custom Qt Quick Virtual Keyboard, that is how to add one button to the qml virtual keyboard?

    raven-worxR 1 Reply Last reply
    0
    • small_birdS small_bird

      Hello, how to custom Qt Quick Virtual Keyboard, that is how to add one button to the qml virtual keyboard?

      raven-worxR Offline
      raven-worxR Offline
      raven-worx
      Moderators
      wrote on last edited by raven-worx
      #2

      @small_bird
      https://doc.qt.io/qt-5.11/technical-guide.html#adding-custom-layouts

      1. copy the existing layout files from QTDIR/qtvirtualkeyboard/src/virtualkeyboard/content/layouts/en_GB
      2. adapt to your needs
      3. add the files in a (custom) path (e.g. :/path/to/my/kb/layouts/en_GB) to your qrc
      4. in the beginning of your main() add:
      qputenv("QT_IM_MODULE", QByteArray("qtvirtualkeyboard"));
      qputenv("QT_VIRTUALKEYBOARD_LAYOUT_PATH", ":/path/to/my/kb/layouts");
      

      --- 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

      small_birdS 1 Reply Last reply
      3
      • raven-worxR raven-worx

        @small_bird
        https://doc.qt.io/qt-5.11/technical-guide.html#adding-custom-layouts

        1. copy the existing layout files from QTDIR/qtvirtualkeyboard/src/virtualkeyboard/content/layouts/en_GB
        2. adapt to your needs
        3. add the files in a (custom) path (e.g. :/path/to/my/kb/layouts/en_GB) to your qrc
        4. in the beginning of your main() add:
        qputenv("QT_IM_MODULE", QByteArray("qtvirtualkeyboard"));
        qputenv("QT_VIRTUALKEYBOARD_LAYOUT_PATH", ":/path/to/my/kb/layouts");
        
        small_birdS Offline
        small_birdS Offline
        small_bird
        wrote on last edited by
        #3

        @raven-worx Yes,I have done like that, however, it shows black rect.

        raven-worxR 1 Reply Last reply
        0
        • small_birdS small_bird

          @raven-worx Yes,I have done like that, however, it shows black rect.

          raven-worxR Offline
          raven-worxR Offline
          raven-worx
          Moderators
          wrote on last edited by
          #4

          @small_bird
          it shows a black rect where?
          Where the button should be or where the keyboard should be?

          Anyway show some code/qrc in order to give proper help.

          --- 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

          small_birdS 1 Reply Last reply
          1
          • raven-worxR raven-worx

            @small_bird
            it shows a black rect where?
            Where the button should be or where the keyboard should be?

            Anyway show some code/qrc in order to give proper help.

            small_birdS Offline
            small_birdS Offline
            small_bird
            wrote on last edited by
            #5

            @raven-worx 0_1533281756248_captured.PNG

            small_birdS 1 Reply Last reply
            0
            • small_birdS small_bird

              @raven-worx 0_1533281756248_captured.PNG

              small_birdS Offline
              small_birdS Offline
              small_bird
              wrote on last edited by small_bird
              #6

              @small_bird 0_1533285635135_shortCut.png

              raven-worxR 1 Reply Last reply
              0
              • small_birdS small_bird

                @small_bird 0_1533285635135_shortCut.png

                raven-worxR Offline
                raven-worxR Offline
                raven-worx
                Moderators
                wrote on last edited by
                #7

                @small_bird
                any console output?
                what is the content of QT_VIRTUALKEYBOARD_LAYOUT_PATH?
                Did you add an InputPanel element to your application?
                ...

                --- 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

                small_birdS 1 Reply Last reply
                0
                • raven-worxR raven-worx

                  @small_bird
                  any console output?
                  what is the content of QT_VIRTUALKEYBOARD_LAYOUT_PATH?
                  Did you add an InputPanel element to your application?
                  ...

                  small_birdS Offline
                  small_birdS Offline
                  small_bird
                  wrote on last edited by
                  #8

                  @raven-worx
                  The QT_VIRTUALKEYBOARD_LAYOUT_PATH is QByteArray(":/layouts/en_GB").
                  No InputPanel.

                  raven-worxR 1 Reply Last reply
                  0
                  • small_birdS small_bird

                    @raven-worx
                    The QT_VIRTUALKEYBOARD_LAYOUT_PATH is QByteArray(":/layouts/en_GB").
                    No InputPanel.

                    raven-worxR Offline
                    raven-worxR Offline
                    raven-worx
                    Moderators
                    wrote on last edited by
                    #9

                    @small_bird said in How to custom qml virtual keyboard ?:

                    The QT_VIRTUALKEYBOARD_LAYOUT_PATH is QByteArray(":/layouts/en_GB").

                    as i stated it should be :/layouts only

                    --- 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

                    small_birdS 3 Replies Last reply
                    2
                    • raven-worxR raven-worx

                      @small_bird said in How to custom qml virtual keyboard ?:

                      The QT_VIRTUALKEYBOARD_LAYOUT_PATH is QByteArray(":/layouts/en_GB").

                      as i stated it should be :/layouts only

                      small_birdS Offline
                      small_birdS Offline
                      small_bird
                      wrote on last edited by
                      #10

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

                      P 1 Reply Last reply
                      0
                      • raven-worxR raven-worx

                        @small_bird said in How to custom qml virtual keyboard ?:

                        The QT_VIRTUALKEYBOARD_LAYOUT_PATH is QByteArray(":/layouts/en_GB").

                        as i stated it should be :/layouts only

                        small_birdS Offline
                        small_birdS Offline
                        small_bird
                        wrote on last edited by
                        #11
                        This post is deleted!
                        1 Reply Last reply
                        0
                        • raven-worxR raven-worx

                          @small_bird said in How to custom qml virtual keyboard ?:

                          The QT_VIRTUALKEYBOARD_LAYOUT_PATH is QByteArray(":/layouts/en_GB").

                          as i stated it should be :/layouts only

                          small_birdS Offline
                          small_birdS Offline
                          small_bird
                          wrote on last edited by small_bird
                          #12

                          @raven-worx How to change the background color of the keyboard, for example, from black to transparent.

                          raven-worxR 1 Reply Last reply
                          0
                          • small_birdS small_bird

                            @raven-worx How to change the background color of the keyboard, for example, from black to transparent.

                            raven-worxR Offline
                            raven-worxR Offline
                            raven-worx
                            Moderators
                            wrote on last edited by
                            #13

                            @small_bird said in How to custom qml virtual keyboard ?:

                            How to change the background color of the keyboard, for example, from black to transparent.

                            did you read the link from my first post at all?
                            https://doc.qt.io/qt-5.11/technical-guide.html#keyboard-styles

                            --- 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

                            small_birdS 1 Reply Last reply
                            0
                            • raven-worxR raven-worx

                              @small_bird said in How to custom qml virtual keyboard ?:

                              How to change the background color of the keyboard, for example, from black to transparent.

                              did you read the link from my first post at all?
                              https://doc.qt.io/qt-5.11/technical-guide.html#keyboard-styles

                              small_birdS Offline
                              small_birdS Offline
                              small_bird
                              wrote on last edited by
                              #14

                              @raven-worx Yes, I have read that, however, it does not work, this is my shortcut of path:
                              0_1533711489065_捕获.PNG

                              raven-worxR 1 Reply Last reply
                              0
                              • small_birdS small_bird

                                @raven-worx Yes, I have read that, however, it does not work, this is my shortcut of path:
                                0_1533711489065_捕获.PNG

                                raven-worxR Offline
                                raven-worxR Offline
                                raven-worx
                                Moderators
                                wrote on last edited by raven-worx
                                #15

                                @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?

                                --- 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

                                small_birdS 1 Reply Last reply
                                0
                                • raven-worxR raven-worx

                                  @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?

                                  small_birdS Offline
                                  small_birdS Offline
                                  small_bird
                                  wrote on 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?

                                  raven-worxR 1 Reply Last reply
                                  0
                                  • small_birdS small_bird

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

                                    raven-worxR Offline
                                    raven-worxR Offline
                                    raven-worx
                                    Moderators
                                    wrote on last edited by raven-worx
                                    #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

                                    small_birdS 1 Reply Last reply
                                    0
                                    • raven-worxR raven-worx

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

                                      small_birdS Offline
                                      small_birdS Offline
                                      small_bird
                                      wrote on last edited by
                                      #18

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

                                      raven-worxR 1 Reply Last reply
                                      0
                                      • small_birdS small_bird

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

                                        raven-worxR Offline
                                        raven-worxR Offline
                                        raven-worx
                                        Moderators
                                        wrote on last edited by raven-worx
                                        #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

                                        small_birdS 1 Reply Last reply
                                        0
                                        • raven-worxR raven-worx

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

                                          small_birdS Offline
                                          small_birdS Offline
                                          small_bird
                                          wrote on last edited by
                                          #20

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

                                          raven-worxR 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