如何制作GUI？

Question

我已经为Nintendo DS制作了许多不同的GUI系统部分，比如按钮，文本框和选择框，但是我需要一种在一个Gui类中包含这些类的方法，这样我就可以在屏幕上绘制所有内容了。一次，并立即检查所有按钮以检查是否有任何按钮被按下。我的问题是，将所有类（如按钮和文本框）组织到一个GUI类中的最佳方法是什么？

这是我想到的一种方式，但似乎不对：

编辑：我正在使用C ++。

class Gui {
    public:
        void update_all();
        void draw_all() const;
        int add_button(Button *button); // Returns button id
        void remove_button(int button_id);
    private:
        Button *buttons[10];
        int num_buttons;
}

这段代码有一些问题，但我只是想让你知道我想要什么。

Answer 1

这个问题与我要发布的问题非常相似，只有我的索尼PSP编程。

我已经玩了一段时间的东西，我已经咨询了一些书籍和VTMs，到目前为止，这是一个简单的ui系统的粗略概念。

class uiElement()
{
    ...
    virtual void Update() = 0;
    virtual void Draw() = 0;
    ...
}

class uiButton() public : uiElement
{
    ...
    virtual void Update();
    virtual void Draw();
    ...
}

class uiTextbox() public : uiElement
{
    ...
    virtual void Update();
    virtual void Draw();
    ...
}

... // Other ui Elements

class uiWindow()
{
    ...
    void Update();
    void Draw();

    void AddElement(uiElement *Element);
    void RemoveElement(uiElement *Element);

    std::list <uiElement*> Elements;

    ...
}

void uiWindow::Update()
{
    ...
    for (list <uiElement*>::iterator it = Elements.begin(); it != Elements.end(); it++ )
        it->Update();
    ...
}

void uiWindow::Draw()
{
    ...
    for (list <uiElement*>::iterator it = Elements.begin(); it != Elements.end(); it++ )
        it->Draw();
    ...
}

原理是创建一个窗口并将ui元素附加到它，并从相应的主函数调用绘制和更新方法。

我还没有任何工作，因为我有绘图代码的问题。在PC和PSP上使用不同的API，我正在寻找一些OpenGL和psp gu的包装代码。

希望这可以帮助。

thing2k

Answer 2

对于任何有兴趣的人，这是我的开源，BSD授权的DS工具包：

http://www.sourceforge.net/projects/woopsi

thing2k的答案非常好，但我认真地建议让代码在基础uiElement类中包含子UI元素。这是我在Woopsi中遵循的模式。

如果你不在基类中支持这个，当你尝试实现比文本框和按钮更复杂的东西时，你会遇到重大问题。例如：

• 标签栏可以被建模为多个按钮组合在一起形成单个父UI元素，该元素强制选择的相互排斥;
• 单选按钮组（同上）;
• 滚动条可以表示为滑块/装订线元素和向上/向下按钮;
• 滚动列表可以表示为容器和多个选项UI元素。

此外，值得记住的是DS具有66MHz CPU和4MB RAM，用于存储程序并执行它（DS ROM在运行之前加载到RAM中）。您应该将其视为嵌入式系统，这意味着STL已经淘汰。我从Woopsi中删除了STL，并设法节省了0.5MB。桌面标准并不是很多，但这是STL垃圾消耗的DS总可用内存的1/8。

我详细介绍了在我的博客上编写UI的整个过程：

http://ant.simianzombie.com/blog

它包括我为重绘屏幕而提出的两种算法的描述，这是创建GUI的最棘手的部分（一个只是将矩形分开并记住可见区域;另一个使用BSP树，这样更有效，更容易理解），优化技巧等

Answer 3

记住一个有用的策略可能是composite pattern。在较低级别，它可能允许您在构建后更容易地处理所有GUI对象（和对象集合）。但是我不知道GUI框架设计涉及什么，所以找到一般灵感的地方就是现有项目的源代码。 WxWidgets是一个跨平台的GUI框架，提供源代码。祝你的项目好运！

Answer 4

我认为看看其他GUI工具包的工作方式将是一个很好的起点。对于C ++示例，我听到很多关于Qt的好东西。我个人没有亲自使用它。当然，像尼克提到的WxWidgets。

Answer 5

我写了一个非常简单的GUI，就像你提出的那样。我在Windows，Linux和Macintosh上运行它。它应该相对容易地移植到任何系统，如PSP或DS。

它是开源的，LGPL，在这里：

http://code.google.com/p/kgui/