OSK Enhancements Proposals

  • @kugiigi really cool! But the ones using the same color for keys, background and borders look strange to me... 😁
    Now we have to make the keyboard respecting the (system wide) theme setting... πŸ™‚

  • @kugiigi good job

  • @cibersheep I used the palettes from the official toolkit themes so those are already suru colors πŸ˜‰
    Although I did not explore the more extensive list of suru palettes.
    Do you want to check the design/palettes first or should I create a PR now and just do any changes on that based on your comments? πŸ™‚

    @hummlbach I considered doing that at first, using "theme.palette" and so but it wasn't quite simple to convert since not all the original palettes have equivalent in the toolkit. And personally, I don't think we'll have system-wide theme setting soon especially that the UITK's future is quite bad at the moment. But in any case, we can still have a workaround for maybe setting the theme to Ambiance or SuruDark πŸ™‚

  • @kugiigi I know you used the Suru palette, sorry: I ment that if you want more colors, that list is the Β«officialΒ» additional colors πŸ™‚

    I think you can do a PR and we can work from there, don't you?

  • @kugiigi what about making shadows from qml with DropShadows? honestly I don't like very much that border...

  • @kugiigi here I prefer the first 2 screens and I don't like the ones with borders... how are the magnified key when pressed on the just one color keyboard?

  • @mymike I didn't try that but it might have performance impact I guess?
    You mean the border in the magnifier right?

    I guess the preference depends on the person. I like those with border πŸ™‚ Although in my PR, I updated those a bit, I changed the color of the action keys similar to Ambiance,Suru Dark and Suru Black.

    Magnifier for the pure colors are still bordered.

  • You mean the border in the magnifier right?


    @mymike I didn't try that but it might have performance impact I guess?

    Idk tbh, but I saw you can cache the shadow

    from DropShadows qt docs about the cache property:

    This property allows the effect output pixels to be cached in order to improve the rendering performance. Every time the source or effect properties are changed, the pixels in the cache must be updated.

  • @mymike I can try out using DropShadows and see if it has adverse effect especially with the performance.

  • @CiberSheep If the design team wants to intervene with the themes support, now is the time πŸ˜ƒ
    Pull request

    I did not check/test all the palette assignments thoroughly so I'm not confident the they all look fine πŸ™‚

  • I like Bordered grey, it's the one that looks most like Ambiance dark on the desk

  • So the OSK theme landed a few OTAs back. Awesome right?! πŸ˜ƒ
    And now I'm back with my OSK works....finally!....specifically with the advanced text functionalities in the OSK.
    I've prototyped and demoed this almost half a year ago but now I want to make it "PR-ready".
    So once I get satisfied, I will propose this officially.

    List of changes and additional features

    • Added audio and haptic feedback to the word ribbon (auto suggest bar)
    • Temporary fix for the issue where cursor mover isn't working correctly in QtWebEngine text fields such as in the Morph Browser (some trade-offs to fix this temporarily)
    • Horizontal movement in the cursor mover will now move vertically once the start/end of line is reached. I'm not sure how this really affects the experience but it was definitely implemented like that before for a reason. (a trade-off for the issue above)
    • A new way to trigger the cursor mover mode (bottom swipe). This is available anywhere in the OSK so regardless of the layout or type, you can now trigger it. Press and hold in the space bar is still available.
    • Implemented text manipulation features which are available in a top bar that shows up when in cursor mover mode.
      • Copy
      • Cut
      • Paste
      • Select All
      • Undo
      • Redo
    • Implemented text selection mode (no timeout, needs manually exiting)
      • While in cursor mover mode, double tap/click to enter selection mode. You can also immediately select texts by double tapping then swiping immediately without lifting your finger.
      • Word Selection: Double tap while in cursor mover mode without swiping [Disabled for now to fix QtWebEngine issue]
    • Added floating buttons in cursor mover mode
      • Move cursor to the start/end of line or document
      • They can also be used in conjunction with the selection mode!
      • Done button: Used to end selection mode and/or cursor mover mode
    • Changed timeout of cursor mover mode to 5 seconds (experimental)

    Know Issues:

    • The new toolbar buttons and floating buttons sometimes retain their previous color when changing OSK theme.
      FIXED: Just needed to bind the colors πŸ™‚

    • Using the Start of line/document button from the floating buttons while in selection mode doesn't select texts. I'm not really sure why.
      FIXED: Stupid mistake by me....it worked in my first branch and just had a mistake with this new branch πŸ˜ƒ

    • The bottom swipe trigger might be difficult to trigger in landscape mode especially for devices with protrusion on the sides/bezels especially those with cases.

    Please feel free to try it out from the git branch linked below. You'd need to use crossbuilder to compile it and deploy to your device via ADB.

    NOTE: BEWARE EDGE CHANNEL USERS. This won't work on edge because there's a separate branch for it which I don't have a modified fork yet. If there's plenty of interested then I might consider πŸ˜›

    Suggestions and feedback will also be greatly appreciated especially on the design πŸ˜ƒ

  • That is awesome Kugi! Thank you so much for your work on this, and I truly hope this can make it into OTA10 if at all possible.

    Best regards,
    Steve Berson

  • Some screenshots πŸ™‚

    Cursor mover mode


    Selection Mode


  • I'm doing some kind of an experiment here.
    I know this looks familiar....ehem iOS and Android πŸ˜ƒ
    But this one's only in the keyboard though.
    Serves as a visual hint for a bottom swipe to open cursor mover mode and horizontal swipes for switching between keyboard layouts/languages.
    Perhaps other functions for press and press & hold.
    What do you think? It takes some spaces from the keyboard but it's quite minimal πŸ™‚


  • @kugiigi Perhaps move the bar onto the spacebar?

  • @Leppa I want to move the trigger from the space bar because it's not available on every layout such as emoji and japanese layout.

  • Here's a quick overview of my experiments with bottom gestures in the OSK.
    I'm still undecided with the horizontal bar at the bottom to be honest πŸ˜ƒ
    Everything's experimental here..take note πŸ™‚
    What do you think?


  • @kugiigi Question at one euro cent : does selection of a specific character string, copy, of a morph-browser page works ?

  • @domubpkm Do you mean if these features works on the Morph browser?
    They do work, I did a workaround to have the cursor mover work properly on the browser.

Log in to reply