emWin以skinning方式实现BMP图片位图皮肤的源代码

g_lcd

  emWin的控件显示是由默认的控件绘制函数完成，但emWin凭借其skinning功能可以非常方便的实现自定义控件绘制函数，利用自定义控件绘制函数我们可以非常方便的实现所有控件的BMP位图皮肤，而且支持整幅图片贴图，不需要对整幅图片进行切片分解，功能非常强大。



  如上图所示，(x0,y0)为整幅图片的显示坐标，(x1,y1)和(x2,y2)是emWin为控件自动生成的剪切显示坐标，我们只需要调用GUI_DrawBitmap()函数在(x0,y0)显示整幅图片即可，emWin会自动剪切显示出该控件的位图皮肤，非常便捷。
  以整幅图片实现emWin位图皮肤可以大大减轻控件贴图的工作量，非常的方便；如果把每个控件对应的图片先切片分解下来，然后再转换成C文件，最后再贴图到控件上面去，那样工作量将是非常恐怖的；保守估计贴图工作效率提高10倍以上。






附件里面的SKIN_xxxx.c是emWin的自定义控件绘制函数，也就是绘制出什么样的控件完全是靠这个函数，可以根据自己的需要修改代码：
demo_emwin_skinPRJ_V530noOS_CodeBlocks_v116.rar (4.13 MB, 下载次数: 3578)

2016-6-3 09:52 上传

点击文件名下载附件

eric2013

非常感谢楼主奉献，置酷[s:151] [s:151]

myxiaonia

很强大，楼主发贴不多，但是技术含量很高啊

g_lcd

myxiaonia:很强大，楼主发贴不多，但是技术含量很高啊 (2016-06-14 22:28) 

[s:151]  多谢支持！

kotonv510

学习了，正好用到翻页小工具的换肤

crazymcu

楼主这工程用什么软件打开的呢？

eric2013

crazymcu 发表于 2017-12-28 14:28
楼主这工程用什么软件打开的呢？

使用CodeBlocks、

crazymcu

eric2013 发表于 2017-12-28 14:43
使用CodeBlocks、

嗯嗯，可以了，我一直以为只有Button这类型的控件可以自定义的，看他们的Demo，PROGBAR这种控件也能自定义啊

victor0726

eric2013 发表于 2017-12-28 14:43
使用CodeBlocks、

eric2013您好：

請問g_lcd大大分享的這個修改小工具的方法，使用整幅圖片的方式，將未按下、按下、焦點的圖分開，這是否代表小工具在位圖上的位置不能改變呢? 必須在原來的位置上。謝謝~  

byccc

victor0726 发表于 2018-12-25 16:10
eric2013您好：

請問g_lcd大大分享的這個修改小工具的方法，使用整幅圖片的方式，將未按下、按下、焦 ...

只要你能区分开，位置可以改。

victor0726

byccc 发表于 2018-12-26 10:45
只要你能区分开，位置可以改。

byccc 您好：

不太明白您的意思。
我想請教的是，如果原來按鍵未按下的圖在位圖a的(0,0,30,30)。按鍵按下的圖在位圖b的(0,0,30,30)。
可是我真正想顯示的位置是在(50,30,30,30)的位置，能做的到嗎? 也就是按鍵於位圖上的座標和真正要顯示於LCD上的座標不同。 感謝你的回覆

victor0726

victor0726 发表于 2018-12-26 11:03
byccc 您好：

不太明白您的意思。

試出來了。 只要預先定義好整幅位圖上所有小工具的座標，就可以嶞意的新增小工具於指定的位置了。樓主真是利害。