高分征求解决方法:怎么做一个listbox， 使其扁平化，flat

[ren20]

不是标准listbox的样子，而是很平的感觉。

制作步奏，或者原代码。
如果有原代码，最好加一些讲解。

谢谢

[liu_feng_fly]

可以用自绘控件，重载Ondraw()函数
可参看VC++编程高手里的相关章节

[iProgram]

设计时去掉Style中的Border属性，然后再：
DWORD dwStyle = m_List.GetExtendedStyle();
dwStyle |= LVS_EX_FULLROWSELECT|LVS_EX_FLATSB;
m_List.SetExtendedStyle(dwStyle);

m_List是列表框。

[panda_w]

好像不是这么容易满足ren20兄弟的
我这里有个平面按钮的例子，发给你看看，能不能改造一下

[joke100]

我翻看了以前的资料,发现了一篇做扁平TOOLBAR的...
看一看吧,也许有用呢...

本文所讨论的工具栏类是同标准的 MFC CToolBar 一同工作的。

注意：你必须有新的 COMCTL32.DLL (版本4.7或更高)。它是随 Internet Explorer 3 一同发行，并且将做为 Windows 98 的标准组件。如果你使用的是 VC++ 5，则你已经有该动态库了。

增强工具栏具有平面外观，它的左边带有“gripper”并且各组间带有分隔线。当鼠标移动到上面时，按钮就会突出来。

MFC 使用样式位来控制其平面外观。所以你不能在建立工具栏时来设置这种样式，你必须建立之后使用SetFlatLookStyle()函数来修改其样式。

平面外观工具栏是透明绘制的。不幸的是，MFC 没有介绍该如何编写这种透明的工具栏，所以需要你重绘背景。这要通过变尺寸和移动信息来实现，例如当你拖动可移动的工具栏。你也可以通过其按钮样式改变时来实现。例如，当按钮从按状态变成释放状态时，背景需要重新绘制。

工具栏控制本身并不在各组按钮间绘制分隔线，只是在其间增加一个空格。该类将截取 WM_PAINT 消息，并在正确的位置添加分隔线。

工具栏控制也不支持在起左边或顶部的gripper。该类将调整其用户区并绘制相应的gripper。

使用本类，只要简单的把你的 CToolBar 变成 CFlatToolBar，并在建立工具栏后调用 SetFlatLookStyle() 函数 (既当工具栏位图装入之后 )。

// FlatToolBar.h
class CFlatToolBar : public CToolBar
{
DECLARE_DYNAMIC(CFlatToolBar);

public:
void SetFlatLookStyle();
void RepaintBackground();
void DrawSeparators();
void DrawSeparators(CClientDC* pDC);
void EraseNonClient();
void DrawGripper(CWindowDC *pDC, CRect& rectWindow);

protected:
// ClassWizard generated virtual function overrides
//{{AFX_VIRTUAL(CFlatToolBar)
virtual void OnUpdateCmdUI(CFrameWnd* pTarget, BOOL bDisableIfNoHndler);
//}}AFX_VIRTUAL

// 消息处理函数
protected:
//{{AFX_MSG(CFlatToolBar)
afx_msg void OnWindowPosChanging(LPWINDOWPOS lpWndPos);
afx_msg void OnPaint();
afx_msg void OnNcPaint();
afx_msg void OnNcCalcSize( BOOL bCalcValidRects, NCCALCSIZE_PARAMS* lpncsp );
//}}AFX_MSG

DECLARE_MESSAGE_MAP();
};
//***************************************************************
// FlatToolBar.cpp

#include "stdafx.h"
#include "flattoolbar.h"

#ifdef _DEBUG
#undef THIS_FILE
#define new DEBUG_NEW
static char BASED_CODE THIS_FILE[] = __FILE__;
#endif

BEGIN_MESSAGE_MAP(CFlatToolBar, CToolBar)
//{{AFX_MSG_MAP(CFlatToolBar)
ON_WM_WINDOWPOSCHANGING()
ON_WM_PAINT()
ON_WM_NCPAINT()
ON_WM_NCCALCSIZE()
//}}AFX_MSG_MAP
END_MESSAGE_MAP()

IMPLEMENT_DYNAMIC(CFlatToolBar,CToolBar)
// 必须在建立之后，因为MFC要清除多余的样式位
void CFlatToolBar::SetFlatLookStyle()
{
// 设置平面样式(透明的)
ModifyStyle(0,TBSTYLE_FLAT);

// others are...
// #define TBSTYLE_TOOLTIPS 0x0100
// #define TBSTYLE_WRAPABLE 0x0200
// #define TBSTYLE_ALTDRAG 0x0400
// #define TBSTYLE_FLAT 0x0800
// #define TBSTYLE_LIST 0x1000
}
// 因为按钮是透明的，所以我们需要重新绘制背景

void CFlatToolBar::RepaintBackground()
{
CRect rc; GetWindowRect(&rc); // 获取工具栏的矩形区域
CWnd* pParent = GetParent(); // 获取父窗口
pParent->ScreenToClient(&rc); // 转换为父窗口的坐标
pParent->InvalidateRect(&rc); // 绘制其下面的矩形
}
// 在用户区中绘制分隔线

void CFlatToolBar::DrawSeparators()
{
CClientDC dc(this); // get a dc for the client area
DrawSeparators(&dc); // draw the separators on it
}
// 绘制分隔线
void CFlatToolBar::DrawSeparators(CClientDC* pDC)
{
// 水平与垂直
bool ishorz = (m_dwStyle & CBRS_ORIENT_HORZ) != 0;

// 获取按钮数目
int nIndexMax = (int)DefWindowProc(TB_BUTTONCOUNT, 0, 0);
int nIndex;

// 试一下每个按钮
for (nIndex = 0; nIndex < nIndexMax; nIndex++)
{
UINT dwStyle = GetButtonStyle(nIndex);
UINT wStyle = LOWORD(dwStyle);

// 如果是分隔线
if (wStyle == TBBS_SEPARATOR)
{
// 获取它的矩形和宽度
CRect rect;
GetItemRect(nIndex,rect);

// 如果对分隔线足够用
int w = rect.Width();
if (w <= 8)
{
if (ishorz)
{
// 在中间绘制分隔线
CRect rectbar = rect;
int x = (rectbar.left+rectbar.right)/2;
rectbar.left = x-1; rectbar.right = x+1;
pDC->Draw3dRect(rectbar,::GetSysColor(COLOR_3DSHADOW),
::GetSysColor(COLOR_3DHILIGHT));
}
else
{
// 在中间绘制分隔线
CRect rectbar = rect;
rectbar.left = rectbar.left - m_sizeButton.cx;
rectbar.right = rectbar.left + m_sizeButton.cx;
rectbar.top = rectbar.bottom+1;
rectbar.bottom = rectbar.top+3;
int y = (rectbar.top+rectbar.bottom)/2;
rectbar.top = y-1;
rectbar.bottom = y+1;
pDC->Draw3dRect(rectbar,::GetSysColor(COLOR_3DSHADOW),
::GetSysColor(COLOR_3DHILIGHT));
}
}
}
}
}
// 在左边或顶部绘制gripper
void CFlatToolBar::DrawGripper(CWindowDC *pDC, CRect& rectWindow)
{
CRect gripper = rectWindow;
gripper.DeflateRect(1,1);
if (m_dwStyle & CBRS_FLOATING)
{
// 无grippers
}
else if (m_dwStyle & CBRS_ORIENT_HORZ)
{
// gripper在左边
gripper.right = gripper.left+3;
pDC->Draw3dRect(gripper,::GetSysColor(COLOR_3DHIGHLIGHT),
::GetSysColor(COLOR_3DSHADOW));
gripper.OffsetRect(+4,0);
pDC->Draw3dRect(gripper,::GetSysColor(COLOR_3DHIGHLIGHT),
::GetSysColor(COLOR_3DSHADOW));
rectWindow.left += 8;
}
else
{
// gripper在顶部
gripper.bottom = gripper.top+3;
pDC->Draw3dRect(gripper,::GetSysColor(COLOR_3DHIGHLIGHT),
::GetSysColor(COLOR_3DSHADOW));
gripper.OffsetRect(0,+4);
pDC->Draw3dRect(gripper,::GetSysColor(COLOR_3DHIGHLIGHT),
::GetSysColor(COLOR_3DSHADOW));
rectWindow.top += 8;
}
}
// 擦除非用户区(边框) - 从MFC中复制来实现
void CFlatToolBar::EraseNonClient()
{
// 获取剪切非用户区域的窗口 DC
CWindowDC dc(this);
CRect rectClient;
GetClientRect(rectClient);
CRect rectWindow;
GetWindowRect(rectWindow);
ScreenToClient(rectWindow);
rectClient.OffsetRect(-rectWindow.left, -rectWindow.top);
dc.ExcludeClipRect(rectClient);

// 绘制非用户区的边界
rectWindow.OffsetRect(-rectWindow.left, -rectWindow.top);
DrawBorders(&dc, rectWindow);

// 擦除非绘制部分
dc.IntersectClipRect(rectWindow);
SendMessage(WM_ERASEBKGND, (WPARAM)dc.m_hDC);
DrawGripper(&dc, rectWindow); // 增加的绘制gripper
}
// 因为按钮是透明的，所以当样式改变时我们需要重绘背景
void CFlatToolBar::OnUpdateCmdUI(CFrameWnd* pTarget, BOOL bDisableIfNoHndler)
{
static CUIntArray styles;
// 保存样式
int nIndexMax = (int)DefWindowProc(TB_BUTTONCOUNT, 0, 0);
int nIndex;
for (nIndex = 0; nIndex < nIndexMax; nIndex++)
{
UINT dwStyle = GetButtonStyle(nIndex);
styles.SetAtGrow(nIndex,dwStyle);
}
// 缺省处理
CToolBar::OnUpdateCmdUI(pTarget,bDisableIfNoHndler);
// make checked button appear pushed in
for (nIndex = 0; nIndex < nIndexMax; nIndex++)
{
UINT dwStyle = GetButtonStyle(nIndex);
if (dwStyle & TBBS_CHECKBOX)
{
if (dwStyle & TBBS_CHECKED)
dwStyle |= TBBS_PRESSED;
else
dwStyle &= ~TBBS_PRESSED;
SetButtonStyle(nIndex,dwStyle);
}
}
// 检查样式是否改变(按钮按下或释放)
for (nIndex = 0; nIndex < nIndexMax; nIndex++)
{
UINT dwStyle = GetButtonStyle(nIndex);
if (styles[nIndex] != dwStyle)
{
RepaintBackground(); // 需要处理按钮背景
Invalidate(); // 重绘工具栏(不仅仅是该按钮)
break;
}
}
}
// 因为按钮是透明的, 所以我们需要在尺寸变化或移动时重新绘制背景
void CFlatToolBar::OnWindowPosChanging(LPWINDOWPOS lpwp)
{
// 缺省处理
CToolBar::OnWindowPosChanging(lpwp);

// 当尺寸变化或移动时重绘背景
RepaintBackground();
PostMessage(WM_NCPAINT);
}
// 绘制工具栏
void CFlatToolBar:: OnPaint()
{
// 标准工具栏
CToolBar::OnPaint();

// 添加分隔线
DrawSeparators();
}
// 擦除非用户区(边框) - 从MFC中复制来实现
void CFlatToolBar:: OnNcPaint()
{
EraseNonClient();
}
// 计算非用户区域 - 用于调整grippers
void CFlatToolBar::OnNcCalcSize(BOOL bCalcValidRects, NCCALCSIZE_PARAMS* lpncsp)
{
CToolBar::OnNcCalcSize(bCalcValidRects,lpncsp);

// 为左边或顶部的gripper调整非用户区域
if (m_dwStyle & CBRS_FLOATING)
{
// 无gripper
}
else if (m_dwStyle & CBRS_ORIENT_HORZ)
{
lpncsp->rgrc[0].left += 2;
lpncsp->rgrc[0].right += 2;
}
else
{
lpncsp->rgrc[0].top += 4;
lpncsp->rgrc[0].bottom += 4;
}
}

[ren20]

?

[ren20]

?

[iProgram]

哈，都问道EE上去了。

[ren20]

不止呢，还有 code project , 我看到过这个对话框，
据说很好实现！所以想问问。

[ren20]

谢谢各位，我已经知道答案了。
After using the resouce manager to place the listbox on the dialog, right click the listbox.
Select Properties.
Click the STYLES tab.
DE-Select borders.

[malletking]

不是很明白你的意思，如果要做一个没有边框的ListBox, 有下面这句：
CListBox *lb = new CListBox;
lb->Create(WS_CHILD|WS_VISIBLE,CRec(10,10,100,100),this,ID_STH);

如果要再加个一位象素的边框，好像没有现成的风格可用，可以自己画个边框在外面：
CDC *pDC = this->GetWindowDC(); //得到设备环境
CRect temp1,temp2,temp3;
lb->GetWindowRect(temp1); //得到ListBox的位置
this->GetWindowRect(temp2); //得到ListBox所在窗口的位置
lb->GetClientRect(temp3); //得到ListBox的大小
temp1.left = temp1.left - temp2.left; //计算边框的X
temp1.top = temp1.top - temp2.top; //计算边框的Y
pDC->Draw3dRect(temp1.left-1,temp1.top-1,temp3.Width()+2,temp3.Height()+2,RGB(50,50,50),RGB(200,200,200)); //在ListBox外面一个像素的地方画个框

也许有更好的方法....

[ren20]

关注！