你的浏览器版本过低,可能导致网站不能正常访问!
为了你能正常使用网站功能,请使用这些浏览器。

分享一个emWin软键盘控件 精华  

[复制链接]
glcd 发布时间:2016-6-27 16:50
本帖最后由 glcd 于 2016-6-27 16:54 编辑
. t0 M( t9 ^+ ]  O# }7 U1 b: q2 r2 v1 F5 K( A+ F& k8 ^3 P
花了两天时间做了个emWin软键盘控件,并命名为ButtonSKB控件:
! m3 }' R$ E) x0 i- t% n5 ]. i image001.png - ]9 M8 @; @: t6 K" a* k; t
6 ]6 }0 J  X3 P
前言:
# L$ k( `- m: B8 ]% Q(1)ButtonSKB已经是1个控件,即可以像使用Button控件一样使用ButtonSKB。
. M: U$ g4 {% k+ L9 u6 w(2)ButtonSKB是由Button控件修改而来(通过skinning方式),其实是在1个大的按键里面”绘制”出多个小按键(注意是”绘制”,而不是”创建”),即ButtonSKB实际上是1个按键,只是把这个按键的绘图函数改了,改成我们自己的绘图函数并绘制出多个小按键,为什么这么做?请继续看…
5 A6 x; i% {. i& \! \8 u(3)我相信大家现在用软键盘的方法都是创建几十个Button控件组成一个键盘,这样带来两个问题:1.占用大量SRAM(50个Button将消耗8Kbytes内存),2.管理麻烦(比如移动、隐藏、禁用等等)* I  P6 p& T. u1 p. j: v
(4)既然ButtonSKB是1个Button控件,那么所有Button的APP函数都适用ButtonSKB;只是要修改里面的小按键的属性怎么办?只能通过修改上面所说的绘图函数。
+ c0 ?& ]- b- L' |" n- W(5)论坛高手那么多,谁能把ButtonSKB演变成中文输入法控件?但是不能占用太多SRAM,在此谢过!

2 T  N& I* \, t/ w( H  x: e: o
ButtonSKB使用方法:9 A3 s, R& P+ k3 ^; e
(1)用GUIbuilder创建一个WINDOW窗体并放置Button控件,然后另存为WindowDLG.c;当然你可以设计任何形式的软键盘,只是别忘了一定是WINDOW+Button组成:
image003.png 5 l7 k0 w" T  P

( G, Y! r* k& y8 ^- b5 w
(2)复制WindowDLG.c下面的ID定义和控件结构体到SKIN_buttonSKB.c文件(代替原来的):
; u! b( H" Q( N% {7 l#define ID_WINDOW_0  (GUI_ID_USER + 0x00)
) o+ A4 a( H3 o, }; {#define ID_BUTTON_0  (GUI_ID_USER + 0x02)
  b! r  Z: |; B. G; O2 V9 t) J: P) x6 ~5 E( Y#define ID_BUTTON_1  (GUI_ID_USER + 0x03)
6 r' B+ }! s6 y9 ^/ i9 S; U9 L…., Q+ e' n# _+ z% X
#define ID_BUTTON_18  (GUI_ID_USER + 0x14), ?2 `, n" F# |7 a7 |4 r$ {, E& W
#define ID_BUTTON_19  (GUI_ID_USER + 0x15)3 \) h( F/ J/ @/ g3 \* R9 O
8 t7 E% Q* E& ]4 ~7 \& a, U
static const GUI_WIDGET_CREATE_INFO _aDialogCreate[] = {
% A& M. d; W, q. \) a. u  { WINDOW_CreateIndirect, "Window", ID_WINDOW_0, 0, 0, 151, 207, 0, 0x0, 0 },# c- _; M  X6 d+ I# o1 Z6 B3 R. L
  { BUTTON_CreateIndirect, "Ent", ID_BUTTON_0, 113, 168, 31, 31, 0, 0x0, 0 },0 V$ p3 }3 h: K' `# p# |7 Z
  { BUTTON_CreateIndirect, ".", ID_BUTTON_1, 78, 168, 31, 31, 0, 0x0, 0 },
  ]  s0 R# b4 c$ C& o1 e$ x" A  { BUTTON_CreateIndirect, ",", ID_BUTTON_2, 43, 168, 31, 31, 0, 0x0, 0 },
4 D0 h/ K: {/ t5 W4 F+ V% j  { BUTTON_CreateIndirect, "0", ID_BUTTON_3, 7, 168, 31, 31, 0, 0x0, 0 },7 [: f' G3 Y8 c2 G7 w5 g) U
  ….
( S' Z4 Y7 K2 @+ [  { BUTTON_CreateIndirect, "/", ID_BUTTON_17, 78, 17, 31, 31, 0, 0x0, 0 },
. ?2 }9 n. Y9 G+ F) y5 L* ]$ {  { BUTTON_CreateIndirect, "=", ID_BUTTON_18, 43, 17, 31, 32, 0, 0x0, 0 },
! c8 A" ?* E& g  L, R( b/ W  { BUTTON_CreateIndirect, "Del", ID_BUTTON_19, 6, 17, 31, 31, 0, 0x0, 0 },, u& L; N8 V- ^* Y+ d1 f3 L
};
& Y  I- j3 \8 o) @* t& q' z! U
(3)经过上面2个步骤,buttonSKB控件已经修改完成,怎么调用使用它?当然是把它当做一个Button按键控件来使用:
% z. z0 G1 e) k1 J+ @& Xstatic const GUI_WIDGET_CREATE_INFO _aDialogCreateSKB[] = {
6 J; O9 b/ J3 U' q) y  { FRAMEWIN_CreateIndirect, "  neqee.com", ID_FRAMEWIN_0, 40, 25, 161, 232, FRAMEWIN_CF_MOVEABLE, 0 },* i$ j0 d4 z5 Z- Q2 Y2 [5 Z
  { BUTTON_CreateIndirect, "", ID_BUTTON_8, 0, 0, 151, 207, 0, 0x0, 2 },//SKB 注意最后1个参数是29 z  u5 p8 D) {, E' U. o6 D, r8 B
  { EDIT_CreateIndirect, "Edit", ID_EDIT_0, 120, 1, 23, 13, 0, 0x64, 0 },
3 W" h4 d4 M" l2 D) N+ v7 \0 G8 ?};* X) A8 E7 F6 W. w
其中” ID_BUTTON_8”就是这个软键盘控件。

) z5 |/ r  p3 H' T
(4)别忘了在WM_INIT_DIALOG消息中把这个Button控件的绘制函数改成自定义绘制函数,这样我们想把这个Button控件画成什么样都行,emWin已经不参与这个控件的绘制工作了:
# R' N# d/ V$ f1 @. XhItem = WM_GetDialogItem(pMsg->hWin, ID_BUTTON_8);: d' a9 @5 w  Z6 }. s% S
BUTTON_SetSkin(hItem, SKIN_buttonSKB3C);( o! S' s: h* L# l; J% C/ j
如果不做第4步工作会怎样?当然显示的是那个大按键的原貌:
image005.gif 1 v& P& D! }; ?' L

) V* ~$ I  f& [3 u9 ^1 K

$ b$ P. j  F* W. c(5)再重复一遍:论坛高手那么多,谁能把ButtonSKB演变成中文输入法控件?但是不能占用太多SRAM,在此谢过!' I8 \& ?+ z: k- P+ ~$ N1 I
7 o/ W0 ]) e8 S: e
ButtonSKB控件效果演示(使用位图皮肤).rar (231.15 KB, 下载次数: 121)

评分

参与人数 1 ST金币 +10 收起 理由
wofei1314 + 10

查看全部评分

赞 收藏 8 评论34 发布时间:2016-6-27 16:50

举报

34个回答
glcd 回答时间:2016-7-1 12:59:11
修正了3个问题:
6 n% p# Y$ [6 f% X4 S' s(1)之前版本忘记绘制背景了,现加上。
6 i8 G- u# y  F8 T  t! L(2)去掉键盘当中的小按键的聚焦,因为小按键的聚焦只是绘图出来的效果,没有任何的功能性,没有任何的意义。2 k: H. v  H& A8 E2 K+ h
(3)增加整个软键盘的聚焦,即可以通过Tab键聚焦到整个大键盘上。
( K# k7 N# M1 k5 d4 [2 @
image006.gif
. z1 Q- H2 N* k' W. u. t- C, h. l4 B4 S; [7 l
: @' Z( z. F; m) u, q: B+ p
顺便说一下,这个ButtonSKB控件有个缺点就是任何1个小按键按下和弹起,所有的小按键都要重新绘制一遍,可能会影响刷屏速度,如果用GLCD并且加上位图皮肤的话就没什么影响;要想解决这个问题,只能按照emWin提供的方法新开发1个ButtonSKB控件,而不是通过Skinning方式修改而来,我正在做当中,做好之后再另外开个贴分享给大家…* y0 e3 a9 ]& `: _
新开发的ButtonSKB控件将加入新功能,软键盘当中的小按键能够聚焦,能够接受实体键盘的控制,比如通过实体键盘的Tab键聚焦到软键盘之后,可以通过实体键盘的上下左右移动软键盘小按键的聚焦点,然后按实体键盘的Enter键点击被聚焦的小按键。

% N) \" J0 I" y6 @  d- t* i$ S0 d
( p) a) M' A3 X

7 A  F5 {0 T/ X+ } ButtonSKB控件源代码(使用位图皮肤)_v105.rar (2.85 MB, 下载次数: 92)
savageok 回答时间:2020-4-11 22:03:53
glcd 发表于 2016-7-1 12:59
% j0 E5 j: R1 R& u; M7 B修正了3个问题:4 a7 \1 i/ n5 B) h7 i& k% F
(1)之前版本忘记绘制背景了,现加上。" A! H; D& Q4 X. M8 S) d
(2)去掉键盘当中的小按键的聚焦,因为小按键的聚焦 ...
+ N4 g# V# {4 w- X, g
非常感谢
glcd 回答时间:2016-6-29 10:07:23
shanji 发表于 2016-6-28 16:080 z' r: n6 M/ M( o% K* M! o
新手提问,memory used 是怎么统计的?是有API吗?

9 G+ [. x* _/ ?, p& Q9 ^! X  ~是的,有函数
yanhaijian 回答时间:2016-6-27 18:20:28
最重要的一步是将按键输入焦点失能。
glcd 回答时间:2016-6-27 19:24:18
你意思是里面的小按键不需要聚焦,只聚焦整个软键盘吗?
kaierwen 回答时间:2016-6-28 15:56:58
shanji 回答时间:2016-6-28 16:08:00
新手提问,memory used 是怎么统计的?是有API吗?
accelerating 回答时间:2016-7-3 08:50:40
又是一年春来到 回答时间:2016-7-10 11:53:34
雅轩设计 回答时间:2016-10-21 11:17:13
请问楼主您的这个源码怎样打开呢?用什么样的软件?
黑皮男 回答时间:2016-10-21 13:09:46
多谢分享,很高大上
周超 回答时间:2016-11-18 16:12:54
高大上的感觉
zbber 回答时间:2016-11-18 17:21:51
我只是路过打酱油的
- K' K+ X3 |+ r+ E8 x
zengyi703-16313 回答时间:2016-11-19 03:48:11
谢楼主分享
东方冰 回答时间:2017-5-9 19:51:15
谢谢分享!!
123下一页

所属标签

关于
我们是谁
投资者关系
意法半导体可持续发展举措
创新与技术
意法半导体官网
联系我们
联系ST分支机构
寻找销售人员和分销渠道
社区
媒体中心
活动与培训
隐私策略
隐私策略
Cookies管理
行使您的权利
官方最新发布
人形机器人运动控制、感知与智能配电
半导体创新技术与应用方向
EE架构与软件定义汽车
12V/48V 汽车智能配电(SPD)
区域控制单元(ZCU)与分区架构
关注我们
st-img 微信公众号
st-img 手机版