QQ好友列表实现演示 - 列表项模板替换.

说明

QQ好友列表实现演示, 图片及模板文件见v1.7.3下载包中

Tree_Item_group.xml

<?xml version="1.0" ?>
<xc_template_tree>
    <layoutEleUI type="item"  layout.horizon="true" layout.alignH="left"  layout.alignV="center" layout.width="fill" layout.height="fill" layout.space="6" layout.padding="2,2,2,2" >
        <buttonUI  itemID="1" alignH="left" alignV="top" width="13" height="13" expandButton="true" buttonStyle="expand" />
        <shapeText itemID="2" layout.width="auto" layout.height="fill" content="{binding field=name1 source=data bSync=false}" />
    </layoutEleUI>
</xc_template_tree>

Tree_Item_friend.xml

<?xml version="1.0" ?>
<xc_template_tree>
    <layoutEleUI type="item"  layout.horizon="true" layout.alignH="left"  layout.alignV="center" layout.width="auto" layout.height="fill" layout.space="6" layout.padding="2,2,2,2" >
        <elementUI itemID="3" width="22" height="22" image="{binding field=name3 source=data bSync=false}" />
        <shapeText itemID="2" layout.width="auto" layout.height="fill" content="{binding field=name1 source=data bSync=false}" />
        <shapeText itemID="2" layout.width="auto" layout.height="fill" content="{binding field=name2 source=data bSync=false}" />
        <elementUI itemID="3" width="28" height="16" image="{binding field=name5 source=data bSync=false}" />
    </layoutEleUI>
</xc_template_tree>

Tree_Item_friend_sel.xml

<?xml version="1.0" ?>
<xc_template_tree>
    <layoutEleUI type="item"  layout.horizon="true" layout.alignH="left"  layout.alignV="center" layout.width="auto" layout.height="fill" layout.space="0" layout.padding="2,2,2,2" >
        <elementUI itemID="3" width="48" height="48" image="{binding field=name4 source=data bSync=false}" />
        <layoutEleUI  layout.horizon="false" layout.alignH="left"  layout.alignV="center" layout.width="auto" layout.height="fill" layout.space="0" layout.padding="2,2,2,2" >
            <layoutEleUI  layout.horizon="true" layout.alignH="left"  layout.alignV="center" layout.width="auto" layout.height="20" layout.space="6" layout.padding="2,2,2,2" >
                <shapeText itemID="2" layout.width="auto" layout.height="fill" content="{binding field=name source=data bSync=false}" />
                <elementUI itemID="3" width="28" height="16" image="{binding field=name5 source=data bSync=false}" />
            </layoutEleUI>
            <layoutEleUI  layout.horizon="true" layout.alignH="left"  layout.alignV="center" layout.width="auto" layout.height="20" layout.space="6" layout.padding="2,2,2,2" >
                <elementUI itemID="3" width="17" height="16" image="{binding field=name6 source=data bSync=false}" />
                <shapeText itemID="3" layout.width="auto" layout.height="fill" content="{binding field=name2 source=data bSync=false}" />
            </layoutEleUI>
        </layoutEleUI>
    </layoutEleUI>
</xc_template_tree>

示例代码

//包含炫彩界面库文件
#pragma comment(lib, "XCGUI.lib")
#include "xcgui.h"
 
class CMyWindowTree
{
public:
    HWINDOW m_hWindow;
    HELE    m_hTree;
    HIMAGE  m_hVip;
    HIMAGE  m_hQZone;
    HIMAGE  m_hAvatar;
    HIMAGE  m_hAvatarLarge;
 
    HTEMP  m_hTemplate_group;
    HTEMP  m_hTemplate_item_Sel;
    HTEMP  m_hTemplate_item;
    CMyWindowTree()
    {
        m_hTemplate_group = NULL;
        Init();
    }
    void Release()
    {
        if (m_hTemplate_group) XTemp_Destroy(m_hTemplate_group);
    }
    void Init()
    {
        m_hWindow = XWnd_Create(0, 0, 320, 520, L"炫彩界面库窗口", NULL, window_style_default);
 
        m_hTree = XTree_Create(20, 40, 280, 450, m_hWindow);
        XTree_EnableConnectLine(m_hTree, FALSE, FALSE);
        XTree_SetItemHeightDefault(m_hTree, 28, 54);
        XTree_EnablemTemplateReuse(m_hTree,TRUE); //启用模板复用
        m_hTemplate_group = XTemp_Load(listItemTemp_type_tree, L"xml-template\\Tree_Item_group.xml");
        m_hTemplate_item_Sel = XTemp_Load(listItemTemp_type_tree, L"xml-template\\Tree_Item_friend_sel.xml");
        m_hTemplate_item = XTemp_Load(listItemTemp_type_tree, L"xml-template\\Tree_Item_friend.xml");
 
        m_hVip = XImage_LoadFile(L"QQImage\\vip.png");
        m_hQZone = XImage_LoadFile(L"QQImage\\QZone.png");
        m_hAvatar = XImage_LoadFile(L"QQImage\\avatar.png");
        m_hAvatarLarge = XImage_LoadFile(L"QQImage\\avatar_large.png");
 
        HXCGUI hAdapter = XAdTree_Create();
        XTree_BindAdapter(m_hTree, hAdapter);
        XAdTree_AddColumn(hAdapter, XC_NAME1); //昵称 分组名
        XAdTree_AddColumn(hAdapter, (XC_NAME2)); //签名 
        XAdTree_AddColumn(hAdapter, (XC_NAME3)); //小头像
        XAdTree_AddColumn(hAdapter, (XC_NAME4)); //大头像
        XAdTree_AddColumn(hAdapter, (XC_NAME5)); //VIP 图标
        XAdTree_AddColumn(hAdapter, (XC_NAME6)); //空间图标
 
        wchar_t  buf[256] = { 0 };
        int nGroupID = 0;
        int nItemID = 0;
        for (int iGroup = 0; iGroup < 5; iGroup++)
        {
            wsprintf(buf, L"好友分组-%d", iGroup);
            nGroupID = XAdTree_InsertItemText(hAdapter, buf, XC_ID_ROOT, XC_ID_LAST);
            XTree_SetItemHeight(m_hTree, nGroupID, 26, 26);
            for (int i = 0; i < 3; i++)
            {
                wsprintf(buf, L"我的好友-%d", i);
                nItemID = XAdTree_InsertItemText(hAdapter, buf, nGroupID, XC_ID_LAST);
                XAdTree_SetItemTextEx(hAdapter, nItemID, (XC_NAME2), L"我的个性签名!");
                XAdTree_SetItemImageEx(hAdapter, nItemID, (XC_NAME5), m_hVip);
                XAdTree_SetItemImageEx(hAdapter, nItemID, (XC_NAME6), m_hQZone);
                XAdTree_SetItemImageEx(hAdapter, nItemID, (XC_NAME3), m_hAvatar);
                XAdTree_SetItemImageEx(hAdapter, nItemID, (XC_NAME4), m_hAvatarLarge);
            }
        }
 
        XEle_RegEventCPP(m_hTree, XE_TREE_SELECT, &CMyWindowTree::OnTreeSelect);
        XEle_RegEventCPP(m_hTree, XE_TREE_EXPAND, &CMyWindowTree::OnTreeExpand);
 
        XEle_RegEventCPP(m_hTree, XE_TREE_TEMP_CREATE, &CMyWindowTree::OnTemplateCreate);
        XEle_RegEventCPP(m_hTree, XE_TREE_TEMP_DESTROY, &CMyWindowTree::OnTemplateDestroy);
 
        XWnd_ShowWindow(m_hWindow, SW_SHOW);
    }
    int OnTreeSelect(int nItemID, BOOL* pbHandled)
    {
        return 0;
    }
    int OnTreeExpand(int id, BOOL bExpand, BOOL* pbHandled)
    {
        return 0;
    }
    //nFlag  0:状态改变(复用); 1:新模板实例; 2:旧模板复用 
    int  OnTemplateCreate(tree_item_i* pItem, int nFlag, BOOL* pbHandled)
    {
        if (XC_ID_ERROR != XTree_GetFirstChildItem(m_hTree, pItem->nID))
        {
            pItem->hTemp = m_hTemplate_group;
        } else if(tree_item_state_select== pItem->nState)
        {
            pItem->hTemp = m_hTemplate_item_Sel;
        } else
        {
            pItem->hTemp = m_hTemplate_item;
        }
         *pbHandled = TRUE;
        return 0;
    }
    int  OnTemplateDestroy(tree_item_i* pItem, int nFlag, BOOL* pbHandled)
    {
        return 0;
    }
};
 
int WINAPI wWinMain(HINSTANCE hInstance, HINSTANCE hPrevInstance, LPTSTR lpCmdLine, int nCmdShow)
{
    XInitXCGUI(TRUE);
    CMyWindowTree  MyWindow;
    XRunXCGUI();
    MyWindow.Release();
    XExitXCGUI();
    return TRUE;
}

程序截图