EMWIN按钮透明化分享

xyh2425

以前看了原子哥的emwin按钮上显示位图那一节视频，按钮是矩形的，位图放上去会出现覆盖不全，导致显示非常不好看。我就想了一个办法，把按钮透明化。
先来说说怎么把按钮透明化把：首先创建一个按钮，把button皮肤屏蔽掉，在设置按钮的背景色，这个时候要开启Alpha(GUI_EnableAlpha(1);),然后        BUTTON_SetBkColor(hButton_2,BUTTON_CI_UNPRESSED, (0XFFuL<<24)|GUI_BLUE);
BUTTON_SetBkColor(hButton_2,BUTTON_CI_PRESSED, (0XFFuL<<24)|GUI_BLUE);
GUI_BLUE随便写，我尝试过用GUI_INVALID_COLOR，但是不行。然后再把BUTTON_SetFocussable(hButton_2,0);去掉就ok 了
然后就设置        BUTTON_SetBitmapEx(hButton_2,BUTTON_BI_UNPRESSED,&buttonbmp_tab[0],0,0);
这里要注意位图要用png格式的那种透明化得图片转化。

八度空间

谢谢分享！！

yyx112358

求源码和效果图

it_do_just

有空移植玩玩，谢谢分享

xyh2425

yyx112358 发表于 2016-2-15 12:51
求源码和效果图

#include "button_bitmap.h"
#include "DIALOG.h"

WM_HWIN hwindow1,hwindow2;
WM_HWIN hButton_1,hButton_2,PROGBAR1;
WM_HWIN hText1,hText2;

GUI_BITMAP buttonbmp_tab[2];

static void BKWin_Getdata(WM_MESSAGE * pMsg)
{
  switch (pMsg->MsgId) {

  case WM_PAINT:                                                                                                                                                        //&#214;&#216;&#187;&#230;±3&#190;°
          GUI_SetColor(GUI_GREEN);
                GUI_FillRect(0,0,LCD_GetXSize(),LCD_GetYSize());
                GUI_Clear();
    break;
       
         default:               
      WM_DefaultProc(pMsg);
  }
}

static void h1_Getdata(WM_MESSAGE * pMsg)
{
        WM_HWIN hItem;
        int        NCode;
  int        Id;
        static u8 led0flag=0,led1flag=0;
       
        switch(pMsg->MsgId)
        {
                case WM_NOTIFY_PARENT:   //í¨&#214;a&#184;&#184;′°&#191;ú￡&#172;&#212;-′°&#191;ú·￠éúá&#203;±&#228;&#187;ˉ
                        Id    = WM_GetId(pMsg->hWinSrc);      // &#191;&#216;&#188;tμ&#196;ID￡&#172;&#196;&#196;&#184;&#246;&#191;&#216;&#188;t·￠éúá&#203;±&#228;&#187;ˉ
                        NCode = pMsg->Data.v;                 // í¨&#214;a′ú&#194;&#235;￡&#172;&#188;′·￠éúá&#203;&#212;&#245;&#209;ùμ&#196;±&#228;&#187;ˉ
                        switch(Id)
                        {
                                case GUI_ID_BUTTON0:
                                        hItem = WM_GetDialogItem(pMsg->hWin, GUI_ID_BUTTON0);
                                        switch(NCode)
                                        {
                                                case WM_NOTIFICATION_CLICKED:
                                                        break;
                                                case WM_NOTIFICATION_RELEASED:
                                                        LED0=~LED0;                //LED0·′×a
                                                        led0flag = ~led0flag;
                                                        BUTTON_SetBitmapEx(hItem,0,led0flag?&buttonbmp_tab[1]:&buttonbmp_tab[0],0,0);       
                                                        break;                               
                                        }
                                        break;
                               
                                case GUI_ID_BUTTON1:
                                                hItem = WM_GetDialogItem(pMsg->hWin, GUI_ID_BUTTON1);
                                        switch(NCode)
                                        {
                                                case WM_NOTIFICATION_CLICKED:
                                                        break;
                                                case WM_NOTIFICATION_RELEASED:
                                                       
                                                        LED1=~LED1;                //LED0·′×a
                                                        led1flag = ~led1flag;
                                                        BUTTON_SetBitmapEx(hItem,0,(led1flag>0)?&buttonbmp_tab[1]:&buttonbmp_tab[0],0,0);       
                                                        break;       
                                        }
                                        break;
                        }       
                        break;
                case WM_PAINT:                                                                                                        //&#214;&#216;&#187;&#230;±3&#190;°
                        GUI_SetBkColor(GUI_RED);
                        GUI_FillRect(0,0,240,320);
                        GUI_Clear();
                        break;
                default:
                        WM_DefaultProc(pMsg);
                        break;
        }               
}

static void h2_Getdata(WM_MESSAGE * pMsg)
{

  switch (pMsg->MsgId) {

                case WM_PAINT:                                                                                                                                                        //&#214;&#216;&#187;&#230;±3&#190;°
//                        GUI_SetBkColor((0x80uL << 24) | GUI_GREEN);
                        GUI_SetBkColor(GUI_INVALID_COLOR);
                        GUI_FillRect(20,150,150,100);  
//                        GUI_Clear();
                        break;
               
                 default:               
                                WM_DefaultProc(pMsg);
  }
}


void CreateWindow1(void)
{       
        buttonbmp_tab[0]=bmBUTTON1;
        buttonbmp_tab[1]=bmbfzn_001;

        hwindow1 = WM_CreateWindowAsChild(
                                                                                                                                                0,
                                                                                                                                                0,
                                                                                                                                                240,
                                                                                                                                                320,
                                                                                                                                                WM_HBKWIN,
                                                                                                                                                WM_CF_SHOW|WM_CF_MEMDEV,
                                                                                                                                                h1_Getdata,
                                                                                                                                                0);

        hText1 = TEXT_CreateEx(20,30,60,40,hwindow1,WM_CF_SHOW,TEXT_CF_HCENTER|TEXT_CF_VCENTER,GUI_ID_TEXT0,"LED0:");
        TEXT_SetTextColor(hText1,GUI_BLUE);
        TEXT_SetFont(hText1,GUI_FONT_24B_ASCII);
        TEXT_SetBkColor(hText1,GUI_INVALID_COLOR);

        hText2 = TEXT_CreateEx(20,75,60,40,hwindow1,WM_CF_SHOW,TEXT_CF_HCENTER|TEXT_CF_VCENTER,GUI_ID_TEXT1,"LED1:");
        TEXT_SetTextColor(hText2,GUI_BLUE);
        TEXT_SetFont(hText2,GUI_FONT_24B_ASCII);
       
        WIDGET_SetDefaultEffect_None();       
        hButton_1 = BUTTON_CreateEx(100,30,40,20,hwindow1,WM_CF_SHOW|WM_CF_HASTRANS,0,GUI_ID_BUTTON0);
//        BUTTON_SetDefaultBkColor(GUI_INVALID_COLOR,BUTTON_CI_PRESSED |BUTTON_CI_UNPRESSED|BUTTON_CI_DISABLED);
  BUTTON_SetFocussable(hButton_1, 0);       
        BUTTON_SetBitmapEx(hButton_1,BUTTON_BI_UNPRESSED,&buttonbmp_tab[0],0,0);

        hButton_2 = BUTTON_CreateEx(100,75,128,128,hwindow1,WM_CF_SHOW|WM_CF_HASTRANS,0,GUI_ID_BUTTON1);
        BUTTON_SetBkColor(hButton_2,BUTTON_CI_UNPRESSED, (0XFFuL<<24)|GUI_BLUE);
        BUTTON_SetBkColor(hButton_2,BUTTON_CI_PRESSED, (0XFFuL<<24)|GUI_ORANGE);
//        BUTTON_SetDefaultBkColor(GUI_INVALID_COLOR,BUTTON_CI_PRESSED |BUTTON_CI_UNPRESSED|BUTTON_CI_DISABLED);
        BUTTON_SetFocussable(hButton_2,0);
        BUTTON_SetBitmapEx(hButton_2,BUTTON_BI_UNPRESSED,&buttonbmp_tab[0],0,0);

//        WM_SetDesktopColor(GUI_GREEN);
}

void CreateWindow2(void)
{

        hwindow2 = WM_CreateWindowAsChild(
                                                                                                                                                20,
                                                                                                                                                150,
                                                                                                                                                150,
                                                                                                                                                100,
                                                                                                                                                hwindow1,
                                                                                                                                                WM_CF_SHOW | WM_CF_MEMDEV | WM_CF_HASTRANS,
                                                                                                                                                h2_Getdata,
                                                                                                                                                0);
//        PROGBAR1 = PROGBAR_CreateEx(20,40,120,40,hwindow2,WM_CF_SHOW,PROGBAR_CF_HORIZONTAL,GUI_ID_PROGBAR1);
}

void SetDefaultSkin(void)
{
                //&#184;ü&#187;&#187;&#198;¤·&#244;
        BUTTON_SetDefaultSkin(BUTTON_SKIN_FLEX);
        CHECKBOX_SetDefaultSkin(CHECKBOX_SKIN_FLEX);
        DROPDOWN_SetDefaultSkin(DROPDOWN_SKIN_FLEX);
        FRAMEWIN_SetDefaultSkin(FRAMEWIN_SKIN_FLEX);
        HEADER_SetDefaultSkin(HEADER_SKIN_FLEX);
        MENU_SetDefaultSkin(MENU_SKIN_FLEX);
        MULTIPAGE_SetDefaultSkin(MULTIPAGE_SKIN_FLEX);
        PROGBAR_SetDefaultSkin(PROGBAR_SKIN_FLEX);
        RADIO_SetDefaultSkin(RADIO_SKIN_FLEX);
        SCROLLBAR_SetDefaultSkin(SCROLLBAR_SKIN_FLEX);
        SLIDER_SetDefaultSkin(SLIDER_SKIN_FLEX);
        SPINBOX_SetDefaultSkin(SPINBOX_SKIN_FLEX);
}
       
void windows(void)
{
        INT32U i,num;
        OS_STK_DATA StackBytes;
        GUI_EnableAlpha(1);
        WM_EnableMemdev(WM_HBKWIN);//&#198;&#244;ó&#195;′&#230;′￠éè±&#184;ó&#195;óú&#214;&#216;&#187;&#230;//WM_HBKWIN×à&#195;&#230;′°&#191;ú&#190;&#228;±ú
//        SetDefaultSkin();
        WM_SetCallback(WM_HBKWIN, BKWin_Getdata);
        CreateWindow1();
        CreateWindow2();
        while(1)
        {
                OSTaskStkChk(LED1_TASK_PRIO, &StackBytes);
                if(i == 10)
                {
                        i = 0;
                        num = StackBytes.OSUsed*100/(StackBytes.OSFree+StackBytes.OSUsed);
                        PROGBAR_SetValue(PROGBAR1,num);       
                }
                i++;
                GUI_Exec();
                OSTimeDly(50);
        }
}

q27488

效果挺好的，赞一个

xyh2425

q27488 发表于 2016-2-15 14:14
效果挺好的，赞一个

谢谢！！！！！！！！！！！！！！1

emWin

还可以，只是感觉灰蒙蒙的

xyh2425

emWin 发表于 2016-2-16 09:45
还可以，只是感觉灰蒙蒙的

手机拍出来的就这效果

balabala

能不能提供一下工程文件，或者在原子的例程上怎么改。我是个初学者，为什么我加什么函数都不好使，png转换后显示的图片乱码，开启alpha通道没反应，按钮的背景颜色设置也没反应。

hefeng

赞一个，感谢分享

lancker

感谢 分享！

hanzixi_angel

按照楼主的方法为什么我的按钮无法设置透明呢？  位图无法将按钮全部覆盖，怎么解决的啊   谢谢

xyh2425

hanzixi_angel 发表于 2016-9-22 15:32
按照楼主的方法为什么我的按钮无法设置透明呢？  位图无法将按钮全部覆盖，怎么解决的啊   谢谢

你用的图片应该不是透明化的图片吧，要用透明化的.png格式的图片。最简单是方法是在windows下吧图片打开，看是否是透明的。

hanzixi_angel

xyh2425 发表于 2016-10-14 14:48
你用的图片应该不是透明化的图片吧，要用透明化的.png格式的图片。最简单是方法是在windows下吧图片打开 ...

图片是透明的  下面的那个是按钮  上面的是透明的位图  按钮的四个角多出来的  不知道怎么去掉

xyh2425

hanzixi_angel 发表于 2016-10-14 15:43
图片是透明的  下面的那个是按钮  上面的是透明的位图  按钮的四个角多出来的  不知道怎么去掉

把按钮的皮肤去掉

xyh2425

hanzixi_angel 发表于 2016-10-14 15:43
图片是透明的  下面的那个是按钮  上面的是透明的位图  按钮的四个角多出来的  不知道怎么去掉

        hButton_2 = BUTTON_CreateEx(100,75,128,128,hwindow1,WM_CF_SHOW|WM_CF_HASTRANS,0,GUI_ID_BUTTON1);
        BUTTON_SetBkColor(hButton_2,BUTTON_CI_UNPRESSED, (0XFFuL<<24)|GUI_BLUE);
        BUTTON_SetBkColor(hButton_2,BUTTON_CI_PRESSED, (0XFFuL<<24)|GUI_ORANGE);
        BUTTON_SetFocussable(hButton_2,0);
不要设置皮肤，开启Alpha

yiminglei

xyh2425 发表于 2016-10-14 17:16
hButton_2 = BUTTON_CreateEx(100,75,128,128,hwindow1,WM_CF_SHOW|WM_CF_HASTRANS,0,GUI_ID_BUT ...

你好，我也遇到了按钮不透明的问题，在我程序里，Alpha不能随便开，透明在paint里面是有其它效果的，不能一开始就把它打开。还有其它方法吗？

ruoshui215113

转化成565还是8888？

xyh2425

ruoshui215113 发表于 2016-11-2 17:26
转化成565还是8888？

很久前搞的了，有印象记得是565，你可以都试试看！

ruoshui215113

xyh2425 发表于 2016-11-8 14:15
很久前搞的了，有印象记得是565，你可以都试试看！

好的 谢谢

ruoshui215113

xyh2425 发表于 2016-11-8 14:15
很久前搞的了，有印象记得是565，你可以都试试看！

好的 谢谢

957723414

实测效果很好，谢谢楼主

CC520

kk123456