轻量级Qt键盘原理篇

以类图&＃xff0c;顺序图为切入点分析键盘使用原理。

1.类图分析

1.1 AbstractKeyboard与Keyboard
  类图中AbstractKeyboard继承于QWidget&＃xff0c;而Keyboard则继承于AbstractKeyboard。

  或许有人会问&＃xff0c;为什么Keyboard直接继承于QWidget这样更简单直接&＃xff1f;
这里看情况&＃xff0c;在单个键盘的情况下这种做法是简单直接。如何是存在多个键盘(数字键盘&＃xff0c;字母键盘等)&＃xff0c;我们需要切换起来就会变得很麻烦。

  AbstractKeyboard提供name与setName接口是为了标识多个键盘的情况。

1.2 Keyboard与KeyButton

• Keyboard存在多个KeyButton;
• Keyboard类通过构造多个按键并使用(h1()&＃xff0c;h2()&＃xff0c;h3()&＃xff0c;h4())进行布局。
• 当用户按下切换大小写按钮触发事先构造绑定在Keyboard类的switchCapsLock槽函数。

1.3 KeyButton与KeyMode

• 由于KeyButton的KeyMode为了表达按键的多种显示&＃xff0c;比如小写q&＃xff0c;当按下大写切换就会变为大写Q&＃xff0c;当按下字符切换就会切换到数字1。
• KeyMode的Mode包含按键的key值&＃xff0c;按键的value&＃xff0c;按键在界面的显示值&＃xff0c;还有按键的类型​。

2.用户使用键盘顺序图

3. 用户切换大小写键盘为例

附录

• 对应plantUML类图源码&＃xff1a;

&＃64;startuml
skinparam classAttributeIconSize -1
QWidget <|-- AbstractKeyboard
AbstractKeyboard <|-- Keyboard
Keyboard o-right- "1..*" KeyButton
KeyButton o-up- "1" KeyMode
QPushButton <|-down- KeyButton
package KeyMode {Mode o-- Type
}class QWidget {
..internal..
}class QPushButton {
..internal..
}class AbstractKeyboard {&＃43; name(): QString&＃43; setName(QString)&＃43; onKeyPressed(int, QString)&＃43; [signal] keyPressed(int, QString)
}class Keyboard {- switchCapsLock()- switchSpecialChar()- switchEnOrCh()- h1():QHBoxLayout- h2():QHBoxLayout- h3():QHBoxLayout- h4():QHBoxLayout
}class KeyButton {&＃43; KeyButton(const QList, QWidget *)&＃43; mode():Mode&＃43; switchCapsLock()&＃43; switchSpecialChar()&＃43; switching()&＃43; [signals] pressed(int,QString)
}enum Type { AutoLowerCaseUpperCase SpecialChar
}class Mode<<(S,#ff7700)>> {&＃43; key:int&＃43; value:QString&＃43; display:QString&＃43; type:Type
}hide QWidget fields
hide AbstractKeyboard fields
hide Keyboard fields
hide KeyButton fields
hide Type method
hide Mode method
&＃64;enduml


• 对应plantUML顺序图源码&＃xff1a;

&＃64;startuml
actor 使用者
使用者 -> KeyButton: 按下键盘按钮
KeyButton -> Keyboard: 发送pressed信号
Keyboard -> AbstractKeyboard: 触发onKeyPressed槽函数
AbstractKeyboard -> QApplication:向QApplication发送按键事件
&＃64;enduml


&＃64;startuml
actor 使用者
使用者 -> KeyButton: 按下切换大小写按钮
KeyButton -> Keyboard: 发送pressed信号
Keyboard -> Keyboard: 触发switchCapsLock槽函数
Keyboard -> KeyButton: 遍历调用switchCapsLock函数
KeyButton -> KeyButton: 根据Mode的模式显示对应字符
&＃64;enduml