See how the interface control devaxpress WinForms creates a virtual keyboard

In text , We will show you how to use WinForms SvgImageBox Editor to simulate the virtual keyboard .

obtain DevExpress WinForms v21.2 Official download

To help get started , We created one GitHub Example , You can use it as a reference ：SvgImageBox – Virtual keyboard from SVG file, Copy example SVG Keyboard image and change the following parameters to meet your requirements ：

• "keys" The number of keys in the section ;
• Of each key X and Y coordinate ;
• key Of ID;
• total SVG Image size .

<?xml version="1.0" encoding="utf-8"?>
<svg width="Image_Width" height="Image_Height" ...>
<defs>
<g id="key">
<path .../>
<text ...>
<tspan ...">[key]</tspan>
</text>
</g>
</defs>
<g id="keys">
<use id="Key_ID" href="#key" transform="matrix(1, 0, 0, 1, Key_X, Key_Y)/>
...
</g>
</svg>

You can modify these parameters in any Notepad like editor .

When the keyboard image is ready , Load it into SvgImageBox Control , And then from our GitHub Copy and paste the code in the example . No matter what SVG How about the keyboard layout , This generic code works . SendKeys.Send Method to send the key value to the active text field , So you don't need to bind the keyboard to each input box .

DevExpress WinForm | Download trial

DevExpress WinForm Have 180+ Components and UI library , for Windows Forms Platform to create influential business solutions .DevExpress WinForms It can perfectly build fluency 、 Beautiful and easy to use applications , Whether it's Office Style interface , Or analyze and process a large number of business data , It can be easily competent ！

---

DevExpress Technology exchange group 6：600715373       Welcome to group discussion

more DevExpress Online open class 、 For Chinese tutorial information, please go to the Chinese website