C++博客-前进的路上-随笔分类-UI

UI界面血条尾巴效果简单实现

Let me see see — Wed, 27 Apr 2011 05:56:00 GMT

m_pID_PROGRESS_Hp->SetValue( (float)(pPlayer->GetHp()*1000)/pPlayer->GetHpMax() );
                        m_pID_PROGRESS_Mp->SetValue( (float)(pPlayer->GetMp()*1000)/pPlayer->GetMpMax() );

                        int nHp = m_pID_PROGRESS_Hp->GetValue();
                        int nHpTail = m_pID_PROGRESS_HpTail->GetValue();
                        int nMp = m_pID_PROGRESS_Mp->GetValue();
                        int nMpTail = m_pID_PROGRESS_MpTail->GetValue();

                        if( nHpTail > nHp )
                        {
                            static DWORD dwStep = 0;
                            dwStep = g_fHpTailSpeed * g_dwLastFrameCostTime;
                            if( dwStep < 1 )
                            {
                                dwStep = 1;
                            }
                            nHpTail -= dwStep;
                        }
                        else
                        {
                            nHpTail = nHp;
                        }
                        m_pID_PROGRESS_HpTail->SetValue( nHpTail );

                        if ( nMpTail > nMp )
                        {
                            static DWORD dwStep = 0;
                            dwStep = g_fMpTailSpeed * g_dwLastFrameCostTime;
                            if ( dwStep < 1 )
                                dwStep = 1;
                            nMpTail -= dwStep;
                        }
                        if ( nMpTail < nMp )
                            nMpTail = nMp;
                        m_pID_PROGRESS_MpTail->SetValue( nMpTail );
                    }

Let me see see 2011-04-27 13:56 发表评论

UI移动和渐隐渐现

Let me see see — Wed, 29 Dec 2010 02:39:00 GMT

UI的移动和渐隐渐显实现简单却能给游戏加载或场景过度一个不错的效果

废话不说上一个简单的代码

#define UI_FADE_SPEED 1
#define UI_MOVE_SPEED 1
// 设置移动目标
void SetMove( int nDstX, int nDstY )
{
    m_nMoveToX = nDstX;
    m_nMoveToY = nDstY;
    m_dwMoveStartTime = TimeGetTime();
}
// 移动 Updating
if ( m_bMoving )
{
    int na = m_nMoveToY - rcReal.top;
    int nb = m_nMoveToX - rcReal.left;
    int nc = sqrt( ( FLOAT )( na * na ) + ( FLOAT )( nb * nb ) );
    int nX = 0;
    int nY = 0;
    int nMoveDistance = UI_MOVE_SPEED * ( TimeGetTime() - m_dwMoveStartTime );
    if ( nMoveDistance >= nc )
    {
        m_bMoving = false;
        nX = m_nMoveToX;
        nY = m_nMoveToY;
    }
    else
    {
        nX = nMoveDistance * nb / nc + rcReal.left;
        nY = nMoveDistance * na / nc + rcReal.top;
    }
    SetPos( nX, nY );
}

// 显示UI 可以开启渐隐渐显
void SetVisable( bool bVisable , bool bFadeInOrOut = false , int nCurAlpha = 0x88, int nMaxAlpha = 0xFF, int nMinAlpha = 0x00 )
{
    m_bVisable = bVisable;
    m_nFadeCurColorA = nCurAlpha;
    m_bFadeInorFadeOut = bFadeInOrOut;
    if ( bVisable )
        m_dwFadeStartTime = TimeGetTime();
}

// 淡入淡出 Rendering
if ( m_bFadeInorFadeOut )
{
    if ( IsVisable() )
    {
        m_nFadeCurColorA = UI_FADE_SPEED * ( TimeGetTime() - m_dwFadeStartTime );
        if ( m_nFadeCurColorA >= m_nMaxFade )
        {
            m_nFadeCurColorA    = m_nMaxFade;
            m_bFadeInorFadeOut    = false;
        }
    }
    else
    {
        m_nFadeCurColorA = 0xff - UI_FADE_SPEED * ( TimeGetTime() - m_dwFadeStartTime );
        if ( m_nFadeCurColorA <= m_nMinFade )
        {
            m_nFadeCurColorA    = m_nMinFade;
            m_bFadeInorFadeOut    = false;
        }
    }
}

Let me see see 2010-12-29 10:39 发表评论

UI中包裹物品排序

Let me see see — Sat, 18 Dec 2010 10:49:00 GMT

今天写包裹中物品排序，有一些需要注意的问题和效率上的需要注意的事情，特此记下，备忘：

我的方法是：
1..遍历包裹，将需要叠加的物品叠加
2..再用qsort进行排序 (这个方法非常的好用，屡试不爽啊,他能将需要排序的数组重写数据.hoho~~~)

排序原则：

先判断物品类型->再判断物品ID->再判断物品拥有数量

需要注意的问题是：防止用户重复点击一直排序
解决方法：只有服务器回复排序完成之后，客户端才能向服务器发送排序消息

来段测试的小代码

// test.cpp : 定义控制台应用程序的入口点。
//

#include "stdafx.h"
#include <vector>
#include <Windows.h>
using namespace std;

struct stElement
{
    int nType;
    int nCnt;
    stElement( int type, int cnt )
    {
        nType = type;
        nCnt = cnt;
    }
};

int compare( const void *arg1, const void *arg2 )
{
    stElement* p1 = (stElement*)arg1;
    stElement* p2 = (stElement*)arg2;

    if ( p1->nType < p2->nType ){
        return -1;
    }else if ( p1->nType > p2->nType){
            return 1;
    }else{
        if ( p1->nCnt < p2->nCnt )
            return 1;
        else if ( p1->nCnt  > p2->nCnt )
            return -1;
        else
            return 0;
    }
}

int _tmain(int argc, _TCHAR* argv[])
{

    vector<stElement>        vec;
    vec.push_back( stElement(3,10) );
    vec.push_back( stElement(5,10) );
    vec.push_back( stElement(1,11) );
    vec.push_back( stElement(2,50) );
    vec.push_back( stElement(3,9) );
    vec.push_back( stElement(3,20) );
    vec.push_back( stElement(7,1) );
    vec.push_back( stElement(3,8) );
    vec.push_back( stElement(4,7) );
    vec.push_back( stElement(3,8) );
    vec.push_back( stElement(3,5) );

    qsort( &vec[0], vec.size(), sizeof(stElement), compare );

    return 0;
}

Let me see see 2010-12-18 18:49 发表评论

UI问题集锦

Let me see see — Fri, 24 Sep 2010 09:37:00 GMT

最近做UI设计的时候发现了一些问题，比较闹心的就是UI文件的保存，最开始以为设计的结构体已经很完善了不需要再添加什么东西了控件数量的最大定制也是死的MAX_CONTROL_COUNT 70
后来实际应用中发现，UI为了美化等等。。。控件的数量有的时候根本就超出了最初定制的最大值，不得以将保存控件改为容器保存。
后来发现我的UI结构体的功能不够完善，需要向中间添加数据.，而UI文件的保存用的是二进制文件保存，意味着我保存的所有控件数据是紧密相连的，向紧密相连的UI数据中添加一个变量何其复杂，况且还有控件的嵌套使用。

这个问题后来改变了UI文件的保存方式得以解决，像CEGUI一样，将控件数据保存到XML文件中，不再使用二进制保存，由于是XML数据，向其中添加删除数据只需要根据标签名读取即可。

同时保存的时候加入了版本控制，以便兼容以前的UI文件。

也不知道有没有更好的办法...

浪费了不少时间，在此记录下，谨记.备忘

Let me see see 2010-09-24 17:37 发表评论

UI设计问题集锦

Let me see see — Fri, 03 Sep 2010 06:14:00 GMT

摘要: 1.UI文件保存的设计缺陷我们生成.UI文件来保存我们生成的控件数据,下面是UI结构设计图这样的设计有缺陷：以前UI控件最大数量定CONTROLS_COUNT_MAX= 64，因为m_ControlsType为固定数组，一旦控件数量超出64，我们就需要将以前的.UI文件转换为现在的UI文件进... 阅读全文

Let me see see 2010-09-03 14:14 发表评论