Duilib界面库Capture系列的相关bug解决

最新推荐文章于 2023-05-29 12:47:21 发布
最新推荐文章于 2023-05-29 12:47:21 发布
阅读量3.1k 收藏 1
点赞数
分类专栏： DirectUI 文章标签： DirectUI Duilib 源码 windows Capture
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Skilla/article/details/46044527
版权
  Duilib是个轻量级的Windows界面库，可以让使用者在最快地时间构建出自己的项目，而且依赖最少。这里之所以突出它的“轻量级”，是为了强调作者在构建该界面库时的良苦用心。但是，物极必反，有些东西做得足够“傻瓜”后，就会变的不灵活。Duilib的控件的Caputre是个硬伤啊（希望作者不要骂我啊，我真是不好意思拆这个台，但是我今天真的遇到一个不可忽视的bug）。这个bug咱们暂且不说，先介绍一下什么是Capture，我想大家如果经常做界面的话，这个东西应该并不陌生，当我们鼠标按下一个Slider时，只要左键不放，鼠标无论滑到哪里，MouseMove事件都会一直在这Slider上面响应，这就是Capture的一个典型应用。在windows API中有SetCapture和ReleaseCapture这两个函数，SetCapture就是把当前窗口“Capture”（捕获），一旦Capture后，所有的鼠标事件都会在这个窗口响应，无论你的鼠标指针在什么位置。但是这两个函数是窗口级别的，windows的标准控件都是基于窗口，在Duilib中我们的控件都是绘图产生的，不受windows的管理，所以我们要自己为控件模拟一个类似于Windows标准控件的capture事件。
       其实，这个Capture事件的模拟，Duilib的原作者已经为我们做了，只是没有把capture事件暴露出来，而是傻瓜式的鼠标按下时就强制给窗口SetCapture，鼠标弹起时去ReleaseCapture，单击事件产生后，Capture事件强制产生，就用m_pEventClick把这个被点击的控件存下来，在窗口的MouseMove事件到来时，让m_pEventClick去响应。这样Capture事件就不用让控件层干涉了，PaintManager就全搞定了，如果这样做没有问题的话，那这个办法还相当不错，但是最终还是出现问题了。比如现在的Slider，当你按下鼠标左键不放，然后拖动到Slider区域外的位置然后点击右键然后松开，就会发现，Slider的鼠标左键好像一直没有弹起来，鼠标一移动上去，滑块就有反应了。再举个例子，水平布局的分隔线，在拖动时，同样按下右键，会立即出现问题，其实这都是一个原因导致的，就是这个Capture事件导致的。

      这些bug不再一一列举了，反正只要和Capture相关的拖动事件，都会有这个问题。直接说说我的的解决方案吧，说先找到CPaintManagerUI里面的m_pEventClick变量，直接把它删掉，然后把所有和m_pEventClick相关的语句全部删掉，这样做就是为了不再依赖作者这种方式，破釜沉舟，完全自己来解决这个Capture的问题。找到CPaintManagerUI里面的一对成员函数 SetCapture ，ReleaseCaputure，我们给SetCapture 加一个CControlUI* pControl参数。给CPaintManagerUI加一个新的成员变量CControlUI* m_pEventCapture（记得在构造时初始化为空），把SetCapture传入的pControl赋值给 m_pEventCapture，在ReleaseCaputure里面把m_pEventCapture置空，修改MessageHandler里面下面几个消息的处理，代码如下：

 case WM_MOUSEMOVE:
        {
            // Start tracking this entire window again...
            if( !m_bMouseTracking ) {
                TRACKMOUSEEVENT tme = { 0 };
                tme.cbSize = sizeof(TRACKMOUSEEVENT);
                tme.dwFlags = TME_HOVER | TME_LEAVE;
                tme.hwndTrack = m_hWndPaint;
                tme.dwHoverTime = m_hwndTooltip == NULL ? 400UL : (DWORD) ::SendMessage(m_hwndTooltip, TTM_GETDELAYTIME, TTDT_INITIAL, 0L);
                _TrackMouseEvent(&tme);
                m_bMouseTracking = true;
            }
            // Generate the appropriate mouse messages
            POINT pt = { GET_X_LPARAM(lParam), GET_Y_LPARAM(lParam) };
            m_ptLastMousePos = pt;
            CControlUI* pNewHover = FindControl(pt);
            if( pNewHover != NULL && pNewHover->GetManager() != this && m_pEventCapture == NULL ) break;

			TEventUI event = { 0 };
			event.ptMouse = pt;
			event.dwTimestamp = ::GetTickCount();

			if (m_pEventCapture==NULL)
			{
				if( pNewHover != m_pEventHover && m_pEventHover != NULL ) {
					event.Type = UIEVENT_MOUSELEAVE;
					event.pSender = m_pEventHover;
					m_pEventHover->Event(event);
					m_pEventHover = NULL;
					if( m_hwndTooltip != NULL ) ::SendMessage(m_hwndTooltip, TTM_TRACKACTIVATE, FALSE, (LPARAM) &m_ToolTip);
				}
				if( pNewHover != m_pEventHover && pNewHover != NULL ) {
					event.Type = UIEVENT_MOUSEENTER;
					event.pSender = pNewHover;
					pNewHover->Event(event);
					m_pEventHover = pNewHover;
				}
			}
            if( m_pEventCapture != NULL ) {
                event.Type = UIEVENT_MOUSEMOVE;
                event.pSender = m_pEventCapture;
                m_pEventCapture->Event(event);
            }
            else if( pNewHover != NULL ) {
                event.Type = UIEVENT_MOUSEMOVE;
                event.pSender = pNewHover;
                pNewHover->Event(event);
            }
        }
        break;
    case WM_LBUTTONDOWN:
        {
            // We alway set focus back to our app (this helps
            // when Win32 child windows are placed on the dialog
            // and we need to remove them on focus change).

			if (!m_bUnfocusPaintWindow)
			{
                  ::SetFocus(m_hWndPaint);
			}
            POINT pt = { GET_X_LPARAM(lParam), GET_Y_LPARAM(lParam) };
            m_ptLastMousePos = pt;
            CControlUI* pControl = FindControl(pt);

            if( (pControl == NULL||pControl->GetManager() != this)&&m_pEventCapture!=NULL) break;
           
			if (m_pEventCapture!=NULL)
			{
				pControl = m_pEventCapture;
			}
			

            pControl->SetFocus();
        
            TEventUI event = { 0 };
            event.Type = UIEVENT_BUTTONDOWN;
            event.pSender = pControl;
            event.wParam = wParam;
            event.lParam = lParam;
            event.ptMouse = pt;
            event.wKeyState = (WORD)wParam;
            event.dwTimestamp = ::GetTickCount();
            pControl->Event(event);
        }
        break;
    case WM_LBUTTONDBLCLK:
        {
			if (!m_bUnfocusPaintWindow)
			{
                  ::SetFocus(m_hWndPaint);
			}
            POINT pt = { GET_X_LPARAM(lParam), GET_Y_LPARAM(lParam) };
            m_ptLastMousePos = pt;
            CControlUI* pControl = FindControl(pt);

			if( (pControl == NULL|| pControl->GetManager() != this)&&m_pEventCapture!=NULL) break;

			if (m_pEventCapture!=NULL)
			{
				pControl = m_pEventCapture;
			}

            TEventUI event = { 0 };
            event.Type = UIEVENT_DBLCLICK;
            event.pSender = pControl;
            event.ptMouse = pt;
            event.wKeyState = (WORD)wParam;
            event.dwTimestamp = ::GetTickCount();
            pControl->Event(event);

        }
        break;
    case WM_LBUTTONUP:
        {
			POINT pt = { GET_X_LPARAM(lParam), GET_Y_LPARAM(lParam) };
			m_ptLastMousePos = pt;
			CControlUI* pControl = FindControl(pt);

			if( (pControl == NULL|| pControl->GetManager() != this)&&m_pEventCapture!=NULL) break;

			if (m_pEventCapture!=NULL)
			{
				pControl = m_pEventCapture;
			}

			TEventUI event = { 0 };
			event.Type = UIEVENT_BUTTONUP;
			event.pSender = pControl;
			event.wParam = wParam;
			event.lParam = lParam;
			event.ptMouse = pt;
			event.wKeyState = (WORD)wParam;
			event.dwTimestamp = ::GetTickCount();
			pControl->Event(event);
        }
        break;
    case WM_RBUTTONDOWN:
        {
			if (!m_bUnfocusPaintWindow)
			{
                   ::SetFocus(m_hWndPaint);
			}
            POINT pt = { GET_X_LPARAM(lParam), GET_Y_LPARAM(lParam) };
            m_ptLastMousePos = pt;
            CControlUI* pControl = FindControl(pt);
			if( (pControl == NULL||pControl->GetManager() != this)&&m_pEventCapture!=NULL) break;

			if (m_pEventCapture!=NULL)
			{
				pControl = m_pEventCapture;
			}
            pControl->SetFocus();

            TEventUI event = { 0 };
            event.Type = UIEVENT_RBUTTONDOWN;
            event.pSender = pControl;
            event.wParam = wParam;
            event.lParam = lParam;
            event.ptMouse = pt;
            event.wKeyState = (WORD)wParam;
            event.dwTimestamp = ::GetTickCount();
            pControl->Event(event);

        }
        break;
    case WM_CONTEXTMENU:
        {
			POINT pt = { GET_X_LPARAM(lParam), GET_Y_LPARAM(lParam) };
			 ::ScreenToClient(m_hWndPaint, &pt);
			m_ptLastMousePos = pt;
			CControlUI* pControl = FindControl(pt);
			if( (pControl == NULL||pControl->GetManager() != this)&&m_pEventCapture!=NULL) break;

			if (m_pEventCapture!=NULL)
			{
				pControl = m_pEventCapture;
			}
	
			// SetCapture();
			TEventUI event = { 0 };
			event.Type = UIEVENT_CONTEXTMENU;
			event.pSender = pControl;
			event.wParam = wParam;
			event.lParam = lParam;
			event.ptMouse = pt;
			event.wKeyState = (WORD)wParam;
			event.dwTimestamp = ::GetTickCount();
			pControl->Event(event);
        }
        break;
      完事后给CControlUI类加两个成员函数SetCapture，ReleaseCapture和一个成员变量bool m_bCapture(构造时初始化为假)，关于SetCapture，ReleaseCapture的实现如下： 
void CControlUI::SetCapture()
{
	if (m_pManager)
	{
		m_pManager->SetCapture(this);
		m_bCapture = true;
	}

}


void CControlUI::ReleaseCapture()
{
	if (m_pManager)
	{
		m_pManager->ReleaseCapture();
		m_bCapture = false;
	}
}
     以上，我们只是简单地把Capture事件在控件上模拟了一下（因为Duilib本身的轻量级，就不整太复杂了，干净利索就好），下面就要修改控件层了。为了不影响任何一个控件的使用，我们把所有控件的UIEVENT_BUTTONDOWN和UIEVENT_RBUTTONDOWN的处理的开头处，执行控件的SetCapture，在UIEVENT_BUTTONUP和UIEVENT_CONTEXTMENU的处理的开头处，执行控件的ReleaseCapture。比如CButtonUI中应该这样使用: 

	if( event.Type == UIEVENT_BUTTONDOWN || event.Type == UIEVENT_DBLCLICK)
		{
			SetCapture();
			if( ::PtInRect(&m_rcItem, event.ptMouse) && IsEnabled() ) {
				m_uButtonState |= UISTATE_PUSHED | UISTATE_CAPTURED;
				Invalidate();
			}
			return;
		}	
		if( event.Type == UIEVENT_MOUSEMOVE )
		{
			if( (m_uButtonState & UISTATE_CAPTURED) != 0 ) {
				if( ::PtInRect(&m_rcItem, event.ptMouse) ) m_uButtonState |= UISTATE_PUSHED;
				else m_uButtonState &= ~UISTATE_PUSHED;
				Invalidate();
			}
			return;
		}
		if( event.Type == UIEVENT_BUTTONUP )
		{
			ReleaseCapture();
			if( (m_uButtonState & UISTATE_CAPTURED) != 0 ) {
				if( ::PtInRect(&m_rcItem, event.ptMouse) ) Activate();				
				m_uButtonState &= ~(UISTATE_PUSHED | UISTATE_CAPTURED);
				Invalidate();
			}
			return;
		}
		if( event.Type == UIEVENT_CONTEXTMENU )
		{
			if( IsContextMenuUsed() ) {
				m_pManager->SendNotify(this, DUI_MSGTYPE_MENU, event.wParam, event.lParam);
			}
			return;
		}

CSliderUI这样使用: 

	if( event.Type == UIEVENT_BUTTONDOWN || event.Type == UIEVENT_DBLCLICK )
		{
			SetCapture();
			if( IsEnabled() ) {//2014.7.28 redrain 注释掉原来的代码，加上这些代码后可以让Slider不是在鼠标弹起时才改变滑块的位置
				m_uButtonState |= UISTATE_CAPTURED;

				int nValue;

				if( m_bHorizontal ) {
					if( event.ptMouse.x >= m_rcItem.right - m_szThumb.cx / 2 ) nValue = m_nMax;
					else if( event.ptMouse.x <= m_rcItem.left + m_szThumb.cx / 2 ) nValue = m_nMin;
					else nValue = m_nMin + (m_nMax - m_nMin) * (event.ptMouse.x - m_rcItem.left - m_szThumb.cx / 2 ) / (m_rcItem.right - m_rcItem.left - m_szThumb.cx);
				}
				else {
					if( event.ptMouse.y >= m_rcItem.bottom - m_szThumb.cy / 2 ) nValue = m_nMin;
					else if( event.ptMouse.y <= m_rcItem.top + m_szThumb.cy / 2  ) nValue = m_nMax;
					else nValue = m_nMin + (m_nMax - m_nMin) * (m_rcItem.bottom - event.ptMouse.y - m_szThumb.cy / 2 ) / (m_rcItem.bottom - m_rcItem.top - m_szThumb.cy);
				}
				if(m_nValue !=nValue && nValue>=m_nMin && nValue<=m_nMax)
				{
					m_nValue =nValue;
					Invalidate();
				}
			}
				return;
		}

// 		if( event.Type == UIEVENT_BUTTONDOWN || event.Type == UIEVENT_DBLCLICK )
// 		{
// 			if( IsEnabled() ) {
// 				RECT rcThumb = GetThumbRect();
// 				if( ::PtInRect(&rcThumb, event.ptMouse) ) {
// 					m_uButtonState |= UISTATE_CAPTURED;
// 				}
// 			}
// 			return;
// 		}
		if( event.Type == UIEVENT_BUTTONUP)
		{
			ReleaseCapture();
			int nValue;
			if( (m_uButtonState & UISTATE_CAPTURED) != 0 ) {
				m_uButtonState &= ~UISTATE_CAPTURED;
			}
			if( m_bHorizontal ) {
				if( event.ptMouse.x >= m_rcItem.right - m_szThumb.cx / 2 ) nValue = m_nMax;
				else if( event.ptMouse.x <= m_rcItem.left + m_szThumb.cx / 2 ) nValue = m_nMin;
				else nValue = m_nMin + (m_nMax - m_nMin) * (event.ptMouse.x - m_rcItem.left - m_szThumb.cx / 2 ) / (m_rcItem.right - m_rcItem.left - m_szThumb.cx);
			}
			else {
				if( event.ptMouse.y >= m_rcItem.bottom - m_szThumb.cy / 2 ) nValue = m_nMin;
				else if( event.ptMouse.y <= m_rcItem.top + m_szThumb.cy / 2  ) nValue = m_nMax;
				else nValue = m_nMin + (m_nMax - m_nMin) * (m_rcItem.bottom - event.ptMouse.y - m_szThumb.cy / 2 ) / (m_rcItem.bottom - m_rcItem.top - m_szThumb.cy);
			}
			if(/*m_nValue !=nValue && 2014.7.28 redrain 这个注释很关键，是他导致了鼠标拖动滑块无法发出DUI_MSGTYPE_VALUECHANGED消息*/nValue>=m_nMin && nValue<=m_nMax)
			{
				m_nValue =nValue;
				m_pManager->SendNotify(this, DUI_MSGTYPE_VALUECHANGED);
				Invalidate();
			}
			return;
		}
           使用方法很简单，还有CScrollBarUI还有水平和垂直布局的分隔线也需要这样去使用，因为比较简单，就不过多解释了，照着步骤改就行了。如果发现bug或者其他问题请联系我，QQ：848861075（Skilla）


Skilla
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 5
    评论
专栏目录
最新duilib界面库
08-02
Duilib是一款基于Windows平台的C++界面库，主要用于快速开发具有丰富图形用户界面的应用程序。这个库由腾讯公司开发并开源，旨在简化GUI程序的设计，提高开发效率。它以其高效、稳定、易用的特点，受到了许多开发者...
duilib使用OpenCV播放摄像头、网络视频流
Troy的专栏
05-21 2265
duilib使用OpenCV播放摄像头、网络视频流 OpenCV的用途 OpenCV用来处理视频图像，已经应用在各种各样的场景，也越来越普遍。 Duilib使用OpenCV的两种方式 duilib使用OpenCV一般分为以下方式： 1.创建一个独立的视频窗口，用来显示视频图片，直接把HWND句柄交给OpenCV：这种适合独立界面程序，不需要在视频上面做标识处理； 2. 自己获取视频数据直接绘制，自...
opencv中设置摄像头分辨率vediocapture.set无作用问题
dwmsyu的博客
11-19 6099
Opencv中设置摄像头函数vediocapture.set函数无反应问题 问题 在使用opencv读取摄像头图像的时候，想要用VideoCapture.set(CAP_PROP_FRAME_WIDTH, 1280)；VideoCapture.set(CAP_PROP_FRAME_HEIGHT,720 )；两个函数设置摄像头的分辨率，结果一直没有起作用，摄像头读取和显示的图像始终是默认的640*480分辨率。 原因 经过多次排查搜索后，首先发现自己很傻的把这两个函数写在了VideoCapture.open(
_TrackMouseEvent 与 WIN32 ToolTip
启舰
08-06 5675
一、_TrackMouseEvent 默认情况下，窗口是不响应 WM_MOUSELEAVE 和 WM_MOUSEHOVER 消息的，所以要使用_TrackMouseEvent函数来激活这两个消息。调用这个函数后，当鼠标在指定窗口上停留超过一定时间或离开窗口后，该函数会 Post 这两个消息到指定窗口。 1、添加头文件和库 在stdafx.h中，添加所需要的头文件和库文件，代码如下：
opencv中cvSetCaptureProperty定位不准的原因及解决
friedvan的专栏
02-20 6995
以前在opencv2.0里面用到cvSetCaptureProperty函数的时候总是发生定位不准确的问题，明明是让其跳到100帧，结果却总不是100帧，定位一段连续的视频，总是出现跳跃的现象。同样的代码在opencv1.0里面完全没错。可是这是为什么？这个问题一直困扰了我半年，终于在今天知道原因了。经过差不多一晚上的探究，得出粗略的结论。原因在于opencv2.0以后，采用ffmpeg采集视频，而在opencv1.0采用vfw采集视频（具体的概念暂时还不清楚，有时间继续补上）。而opencv在定位时候，调
MSDN对ToolTip的介绍
无幻
08-19 6931
Tooltip This section contains information about the programming elements used with tooltip controls. 本节包含工具提示控件使用的编程元素的信息。 Overviews
定时显示提示信息（TToolTip）
weixin_30287169的博客
08-02 307
转载过来的，文章出自： http://www.delphifans.com/infoview/Article_3640.html { 修改者：ghs 日期：20071218 功能：在原版本的基础上增加。 RegisterControl：注册需要提示的控件。 BeginHelp：设置光标状态为帮助crHelp； 鼠...
duilib界面库20161116
11-16
Duilib是一款广泛应用于Windows平台的开源用户界面库，它的全称是"DirectUI Library"，由国内开发者潘正华创建并维护。这个库的核心理念是提供一个轻量级、高效且易于使用的界面开发框架，使得开发者能够快速构建出...
DuiLib界面库VS2013编译（含源码和DLL）
07-07
Duilib是一款开源的Windows平台上的UI库，专为快速开发具有精美界面的应用程序而设计。这个资源包"Duilib界面库VS2013编译（含源码和DLL）"是针对Visual Studio 2013开发环境的，包含了编译好的库文件和动态链接库...
duilib界面库，库ListCtrl可以添加checkbox
01-31
Duilib是一款广泛应用于Windows平台的轻量级界面库，它为开发者提供了丰富的用户界面元素和控件，使得创建美观、易用的应用程序变得更加便捷。在Duilib中，ListCtrl控件是一个非常重要的组件，它允许程序员展示列表...
duilib界面库
01-12
Duilib是一款基于DirectUI技术的开源界面库，它在国内开创了开源界面库的先河，致力于为开发者提供高效、易用的用户界面解决方案。这款库的设计理念是开放、共享、惠众和共赢，遵循BSD协议，这意味着开发人员可以...
VB一个可以改变箭头方向的气泡提示
最新发布
键盘上的舞指
05-29 668
m_Tip.Show Me.hwnd, “这是一个可以指定位置和箭头方向气泡提示！” & vbCrLf & _m_Tip.Delay = 1500 '1500毫秒后气泡自动消失。'* 功能：一个可以改变箭头方向的气泡提示类。“第二行信息”, “信息”, 20, 50。'* 模块名称：clsTip.cls。'窗口调用,窗口添加两个Command。m_Tip.Hide '也可以手动消失。
Duilib 源码分析之 ToolTip 篇
Aloe_Jinchx的博客
12-15 1698
首先关于 ToolTip 的相关资料，建议先看一下百度百科的介绍：TOOLINFODuilib 中对 Tooltip 的用法还算是比较简单易懂的，而且实现方法也很简单，只需要为控件添加属性 tooltip ， 值是希望提示的字符串就可以了，当鼠标移动到控件上停留时，会发送 WM_MOUSEHOVER 消息，Duilib 此时就会开始显示 tooltip 窗口了。 接下来看一下实现 tooltip 的
duilib窗口关闭总结
清流弯弯
06-13 3516
duilib中，窗口关闭总结 一 WM_CLOSE 1) OnClose() /** * 收到 WM_CLOSE 消息时该函数会被调用 */ virtual LRESULT OnClose(UINT uMsg, WPARAM wParam, LPARAM lParam, BOOL& bHandled); LRESULT CefNewPopupForm:...
Duilib中最大化之后任务栏变黑或覆盖问题
gongxie0235的博客
04-25 293
//需要修改最大化和最小化的消息 LRESULT OnGetMinMaxInfo(UINT uMsg, WPARAM wParam, LPARAM lParam, BOOL& bHandled) { MONITORINFO oMonitor = {}; oMonitor.cbSize = sizeof(oMonitor); ::GetMonitorInfo(::MonitorFromWindow(*this, MONITOR_DEFAULTTOPRIMARY), &oMonitor);
Duilib编译常见问题
kevin的博客
01-26 668
1.WindowImplBase的构造和析构函数必须改成实现在.cpp中 2.编译的重定义问题，可通过忽略这些库解决 3.release版本对应的exe工程改成编程序无优化 4.通过Create创建后，调用showwindwo，CPaintManager:Messageloop退出时调用PostMessge(WM_CLOSE)时进程不退出，可能是因为没有退出消息循环，
不靠谱的tooltip
a65783305的博客
08-02 161
typedef struct tagTOOLINFOA { UINT cbSize; UINT uFlags; HWND hwnd; UINT_PTR uId; RECT rect; HINSTANCE hinst; LPSTR lpszText; #if (_WIN32_IE...
Duilib界面编程心得与实战技巧
在深入探索DUIlib界面编程的过程中，我们可以了解到这个库的强大之处以及它如何简化Windows系统上的UI开发。DUIlib是一个基于DirectUI技术的开源用户界面库，它的设计理念和实现效果都极具吸引力。开发者们通过...
评论 5
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Skilla

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值