返回列表 发帖

如何使用AnyChat GameVideo SDK定制个性界面

AnyChat游戏视频开发平台是专为游戏提供及时通讯功能的SDK包,包括文字、语音及视频等,而其强大的SDK和丰富的接口,可以实现界面的自由定制,下面就介绍一下几个常用的定制界面:

一、小窗体风格
1、效果图(采用默认窗体皮肤风格:GV_VF_SKIN_DEFAULT):


2、特点:
    窗口风格简洁,节约在游戏中所占的位置;
    工具条自动隐藏;

3、定制代码:
  1.         GV_VW_STYLE     m_VideoWindowStyle;                        ///< 视频窗体风格

  2.         memset(&m_VideoWindowStyle,0,sizeof(GV_VW_STYLE));
  3.         m_VideoWindowStyle.cbSize = sizeof(GV_VW_STYLE);
  4.         m_VideoWindowStyle.bkColor = RGB(4,111,193);                        ///< 设置窗体背景色
  5.         m_VideoWindowStyle.selfTitleColor = RGB(254,114,141);        ///< 自己的标题颜色
  6.         m_VideoWindowStyle.otherTitleColor = RGB(255,255,255);        ///< 别人的标题颜色
  7.         m_VideoWindowStyle.vfStyle = GV_VF_STYLE_SMALLFRAME;        ///< 设置窗体样式
  8.         m_VideoWindowStyle.bMoveWindow = FALSE;                                        ///< 不支持窗体移动
  9.         m_VideoWindowStyle.bShowTitle = TRUE;                                        ///< 显示标题
  10.         m_VideoWindowStyle.bShowVolume = TRUE;                                        ///< 显示音量
  11.         m_VideoWindowStyle.vfSkin = GV_VF_SKIN_DEFAULT;                        ///< 设置默认窗体皮肤风格

  12.         GV_VFT_STYLE            m_VideoToolbarStyle;                ///< 视频工具条风格
  13.         memset(&m_VideoToolbarStyle,0,sizeof(GV_VFT_STYLE));
  14.         m_VideoToolbarStyle.cbSize = sizeof(GV_VFT_STYLE);
  15.         m_VideoToolbarStyle.bkColor = RGB(241,254,150);                        ///< 设置工具条背景色
  16.         m_VideoToolbarStyle.maxTransPercent = 70;                                ///< 设置工具条最大透明度
  17.         m_VideoToolbarStyle.animateDuration = 500;                                ///< 设置工具条变化周期(毫秒)
  18.         m_VideoToolbarStyle.dwBtnMark = 0xFFFFFFFFL;                        ///< 显示所有按钮
  19.         m_VideoToolbarStyle.dwBtnSpacePix = 5;                                        ///< 按钮之间的间隔
  20.         m_VideoToolbarStyle.vftDispMode = GV_VFTDM_AUTOSHOW;        ///< 工具条显示模式:自动
  21.         m_VideoToolbarStyle.vftBtnAlign = GV_VFTBA_LEFT;                ///< 按钮排列模式
  22.         strcpy((char*)m_VideoToolbarStyle.szExtendBtnTooltip,"更多...");        ///< 工具条扩展按钮提示信息
  23.         m_VideoToolbarStyle.dwEBtnTooltipSize =                                        ///< 工具条扩展按钮提示信息字符串长度
  24.                 strlen((char*)m_VideoToolbarStyle.szExtendBtnTooltip);

  25.         if(m_pBRGameVideoClient)
  26.         {
  27.                 m_pBRGameVideoClient->SetVideoFrameStyle((long*)&m_VideoWindowStyle);
  28.                 m_pBRGameVideoClient->SetVideoToolBarStyle((long*)&m_VideoToolbarStyle);
  29.         }
复制代码
4、该风格下的其它皮肤





水晶蓝皮肤样式(GV_VF_SKIN_CRYSTALBLUE)

  1. m_VideoWindowStyle.vfSkin = GV_VF_SKIN_CRYSTALBLUE; ///< 设置水晶蓝窗体皮肤风格
复制代码




古典皮肤样式(GV_VF_SKIN_CLASSIC)

  1. m_VideoWindowStyle.bkColor = RGB(140,64,28); ///< 设置窗体背景色
  2. m_VideoWindowStyle.vfSkin = GV_VF_SKIN_CLASSIC; ///< 设置古典窗体皮肤风格
复制代码




水晶绿皮肤样式(GV_VF_SKIN_CLASSIC)

  1. m_VideoWindowStyle.bkColor = RGB(85,173,73); ///< 设置窗体背景色
  2. m_VideoWindowStyle.vfSkin = GV_VF_SKIN_CRYSTALGREEN; ///< 设置水晶绿窗体皮肤风格
复制代码



黑珍珠皮肤样式(GV_VF_SKIN_PEARLBLACK)

  1. m_VideoWindowStyle.bkColor = RGB(61,61,61); ///< 设置窗体背景色
  2. m_VideoWindowStyle.vfSkin = GV_VF_SKIN_PEARLBLACK; ///< 设置黑珍珠窗体皮肤风格
复制代码



二、工具条窗体风格
1、效果图:



2、特点:
    界面风格较大方
    工具条显示在窗体下方,一目了然
    需要多占用一些位置,视频部分显示才感觉比较舒服

3、定制代码:
  1.   
  2. m_VideoWindowStyle.vfStyle = GV_VF_STYLE_TOOLBAR; ///< 设置窗体样式
  3. m_VideoWindowStyle.vfSkin = GV_VF_SKIN_DEFAULT;   ///< 设置默认窗体皮肤风格
复制代码
4、该风格下的其它皮肤


面对面皮肤样式(GV_VF_SKIN_MDMSTYLEDEFAULT)

  1. m_VideoWindowStyle.vfSkin = GV_VF_SKIN_MDMSTYLEDEFAULT; ///< 设置面对面窗体皮肤风格
复制代码


面对面日落黄皮肤样式(GV_VF_SKIN_MDMSTYLEYELLOW)

  1. m_VideoWindowStyle.vfSkin = GV_VF_SKIN_MDMSTYLEYELLOW; ///< 设置面对面日落黄窗体皮肤风格
复制代码



面对面古典皮肤样式(GV_VF_SKIN_MDMSTYLECLASSIC)

  1. m_VideoWindowStyle.vfSkin = GV_VF_SKIN_MDMSTYLECLASSIC; ///< 设置面对面古典窗体皮肤风格
复制代码



三、其它部分的定制
1、工具条颜色定制


背景色:RGB(96,247,38)

背景色:RGB(28,133,219)


2、工具条按钮定制
    上层游戏程序可以根据需要,定制工具条里面显示的按钮类型:


  1. m_VideoToolbarStyle.dwBtnMark = GV_VFT_BTN_BTN_VIDEOCTRL | GV_VFT_BTN_BTN_AUDIOCTRL |
  2. GV_VFT_BTN_BTN_CLONEVIDEO | GV_VFT_BTN_BTN_FORTUNE | GV_VFT_BTN_BTN_SNAPSHOT | GV_VFT_BTN_BTN_EXTEND;
复制代码

返回列表