openkylin
/
kylin-virtual-keyboard
mirror of https://gitee.com/openkylin/kylin-virtual-keyboard.git
9
0
Fork 1
Code Issues Projects Releases Wiki Activity

用svg图片，图片显示更清晰

This commit is contained in:
zhaokexin 2023-03-07 19:14:33 +08:00 committed by hanteng
parent cec551738c
commit 7d7b4e7fec
21 changed files with 45 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
img/backspace.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 660 B

5
img/backspace.svg Normal file
View File

@ -0,0 +1,5 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M7.70917 20.25C6.53551 20.25 5.44598 19.6408 4.83144 18.6409L1.2935 12.8843C0.96013 12.3419 0.96013 11.6581 1.2935 11.1157L4.83144 5.35914C5.44598 4.35923 6.53551 3.75 7.70917 3.75H19.1222C20.9877 3.75 22.5 5.26228 22.5 7.12778V16.8722C22.5 18.7377 20.9877 20.25 19.1222 20.25H7.70917Z" stroke="#363B40" stroke-width="2"/>
<rect x="8.05078" y="8.46448" width="2" height="12" rx="1" transform="rotate(-45 8.05078 8.46448)" fill="#363B40"/>
<rect width="2" height="12" rx="1" transform="matrix(0.707107 0.707107 0.707107 -0.707107 8.05078 15.5354)" fill="#363940"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 676 B

BIN
img/close.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 341 B

4
img/close.svg Normal file
View File

@ -0,0 +1,4 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M17.6575 19.071C18.0481 19.4616 18.6812 19.4616 19.0717 19.071C19.4623 18.6805 19.4623 18.0473 19.0717 17.6568L6.34383 4.9289C5.9533 4.53838 5.32014 4.53838 4.92961 4.9289C4.53909 5.31943 4.53909 5.95259 4.92961 6.34312L17.6575 19.071Z" fill="#262626"/>
<path d="M17.6576 4.92876C18.0481 4.53823 18.6813 4.53823 19.0718 4.92876C19.4623 5.31928 19.4623 5.95245 19.0718 6.34297L6.34388 19.0709C5.95335 19.4614 5.32019 19.4614 4.92967 19.0709C4.53914 18.6804 4.53914 18.0472 4.92967 17.6567L17.6576 4.92876Z" fill="#262626"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 635 B

BIN
img/close_pressed.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 353 B

4
img/close_pressed.svg Normal file
View File

@ -0,0 +1,4 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M17.6568 19.0712C18.0473 19.4617 18.6805 19.4617 19.071 19.0712C19.4615 18.6806 19.4615 18.0475 19.071 17.6569L6.34309 4.92903C5.95257 4.5385 5.3194 4.5385 4.92888 4.92903C4.53836 5.31955 4.53836 5.95272 4.92888 6.34324L17.6568 19.0712Z" fill="#3790FA"/>
<path d="M17.6569 4.92888C18.0474 4.53836 18.6805 4.53836 19.0711 4.92888C19.4616 5.3194 19.4616 5.95257 19.0711 6.34309L6.34315 19.071C5.95262 19.4615 5.31946 19.4615 4.92893 19.071C4.53841 18.6805 4.53841 18.0473 4.92893 17.6568L17.6569 4.92888Z" fill="#3790FA"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 633 B

BIN
img/down.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 280 B

3
img/down.svg Normal file
View File

@ -0,0 +1,3 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M2 7L12 17L22 7" stroke="#363B40" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 212 B

BIN
img/enter.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 319 B

4
img/enter.svg Normal file
View File

@ -0,0 +1,4 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M2 17H18C20.2091 17 22 15.2091 22 13V3" stroke="#363940" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M7 12L2 17L7 22" stroke="#363940" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 344 B

BIN
img/left.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 296 B

3
img/left.svg Normal file
View File

@ -0,0 +1,3 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M17 2L7 12L17 22" stroke="#363B40" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 213 B

BIN
img/right.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 292 B

3
img/right.svg Normal file
View File

@ -0,0 +1,3 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M7 2L17 12L7 22" stroke="#363B40" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 212 B

BIN
img/up.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 258 B

3
img/up.svg Normal file
View File

@ -0,0 +1,3 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M2 17L12 7L22 17" stroke="#363B40" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 213 B

16
qml.qrc
View File

@ -25,15 +25,7 @@
<file>qml/key/SymbolKey.qml</file>
<file>qml/key/TemporarySwitchKey.qml</file>
<file>qml/key/WinKey.qml</file>
<file>img/close.png</file>
<file>qml/js/utils.js</file>
<file>img/close_pressed.png</file>
<file>img/down.png</file>
<file>img/backspace.png</file>
<file>img/enter.png</file>
<file>img/left.png</file>
<file>img/right.png</file>
<file>img/up.png</file>
<file>qml/key/BackspaceKey.qml</file>
<file>qml/key/EnterKey.qml</file>
<file>qml/PlacementModeButton.qml</file>
@ -41,5 +33,13 @@
<file>img/downfloat.svg</file>
<file>qml/DragBar.qml</file>
<file>img/space.svg</file>
<file>img/backspace.svg</file>
<file>img/close.svg</file>
<file>img/close_pressed.svg</file>
<file>img/enter.svg</file>
<file>img/left.svg</file>
<file>img/right.svg</file>
<file>img/up.svg</file>
<file>img/down.svg</file>
</qresource>
</RCC>

8
qml/ClassicKeyboardLayout.qml
View File

@ -78,7 +78,7 @@ Column {
SymbolKey{ label: ","; shiftedText: "<" }
SymbolKey{ label: "."; shiftedText: ">" }
SymbolKey{ label: "/"; shiftedText: "?" }
ActionKey{ label: "up"; actionKeyImgPath: "qrc:/img/up.png" }
ActionKey{ label: "up"; actionKeyImgPath: "qrc:/img/up.svg" }
ShiftKey{ width: virtualKeyboard.keyWidth*2 + virtualKeyboard.keySpacing; alignment: Text.AlignRight }
}
Row {
@ -92,9 +92,9 @@ Column {
ChangeImKey{}
SpaceKey{}
AltKey{}
ActionKey{ label: "left"; actionKeyImgPath: "qrc:/img/left.png" }
ActionKey{ label: "down"; actionKeyImgPath: "qrc:/img/down.png" }
ActionKey{ label: "right"; actionKeyImgPath: "qrc:/img/right.png" }
ActionKey{ label: "left"; actionKeyImgPath: "qrc:/img/left.svg" }
ActionKey{ label: "down"; actionKeyImgPath: "qrc:/img/down.svg" }
ActionKey{ label: "right"; actionKeyImgPath: "qrc:/img/right.svg" }
CtrlKey{}
}
}

4
qml/HideButton.qml
View File

@ -12,14 +12,14 @@ Rectangle {
id: hideButtonImg
anchors.centerIn: parent
sourceSize: Qt.size(parent.width, parent.width)
source: "qrc:/img/close.png"
source: "qrc:/img/close.svg"
}
MouseArea {
anchors.fill: parent
onPressed: {
hideButtonImg.source = "qrc:/img/close_pressed.png"
hideButtonImg.source = "qrc:/img/close_pressed.svg"
}
onReleased: {

2
qml/key/BackspaceKey.qml
View File

@ -5,5 +5,5 @@ ActionKey {
height: keyHeight * 3/4
alignment: Text.AlignRight
label: "Backspace"
actionKeyImgPath: "qrc:/img/backspace.png"
actionKeyImgPath: "qrc:/img/backspace.svg"
}

2
qml/key/EnterKey.qml
View File

@ -4,5 +4,5 @@ ActionKey {
width: virtualKeyboard.keyWidth*2.5+virtualKeyboard.keySpacing*2
alignment: Text.AlignRight
label: "Enter"
actionKeyImgPath: "qrc:/img/enter.png"
actionKeyImgPath: "qrc:/img/enter.svg"
}