• <ins id="pjuwb"></ins>
    <blockquote id="pjuwb"><pre id="pjuwb"></pre></blockquote>
    <noscript id="pjuwb"></noscript>
          <sup id="pjuwb"><pre id="pjuwb"></pre></sup>
            <dd id="pjuwb"></dd>
            <abbr id="pjuwb"></abbr>
            Cpper
            C/C++高級(jí)工程師 Android高級(jí)軟件工程師 IT集成工程師 音頻工程師 熟悉c,c++,java,c#,py,js,asp等多種語(yǔ)言 程序猿
            一直想把引擎的UI部分做強(qiáng)做大可是發(fā)現(xiàn)這個(gè)難度還是不小
            所以只能一步一步蠶食之
            一步一步來吧
            先說下控件布局管理器吧
            布局管理器的目的是按照一定規(guī)則排列控件于給定范圍內(nèi)
            這是其基本目的
            很顯然基本的布局管理對(duì)象應(yīng)該包含以下2個(gè)基本功能
            1.控件的加入和刪除
            2.應(yīng)用布局管理器
            當(dāng)然也可以有其他附加功能
            比如獲取控件個(gè)數(shù)等等
            所以我把抽象控件布局對(duì)象設(shè)計(jì)如下:

            ///////////////////////////////////////////////////////////
            /// 定義引擎UI布局管理器
            ///////////////////////////////////////////////////////////
            class GAPI UI_AbstractLayouter : public Object
            {
            public:
                typedef std::list
            <UI_Widget*> Widgets;
            public:
                UI_AbstractLayouter();
                
            virtual ~UI_AbstractLayouter();
            public:
                
            ////////////////////////////////////////////////////////////
                
            /// 布局管理器加載控件
                
            ////////////////////////////////////////////////////////////
                void AddWidget(UI_Widget* widget);

                
            ////////////////////////////////////////////////////////////
                
            /// 布局管理器移除控件
                
            ////////////////////////////////////////////////////////////
                void RemoveWidget(UI_Widget* widget);

                
            ////////////////////////////////////////////////////////////
                
            /// 布局管理器移除所有子控件
                
            ////////////////////////////////////////////////////////////
                void RemoveAllWidget();

                
            ////////////////////////////////////////////////////////////
                
            /// 布局管理器控件排列
                
            ////////////////////////////////////////////////////////////
                virtual void ApplyLayouter(UI_Widget* parent) = 0;
            protected:
                Widgets  widgets_;
            private:
                DECLARE_OBJECT(UI_AbstractLayouter)
            };

            然后就是具體的幾種布局管理器對(duì)象了
            下面是我當(dāng)前弄的4種布局管理器了
            分別為:
            UI_FlowLayouter
                流式布局管理的布局策略是從左到右依次設(shè)定控件位置如果超出父控件則按照設(shè)定的豎直布局換行重新布局(注意它并不改變控件的大?。?br>UI_GridLayouter
                格子布局管理的策略則是工具設(shè)定布局間隔和子控件,父親控件個(gè)數(shù)重寫設(shè)置所有的子控件大小(這樣所有的子控件大小就一樣了)然后把所有的子控件放置在一個(gè)一個(gè)的格子中
            UI_VLayouter
               UI_VLayouter和UI_HLayouter則是我從QT中借鑒來的
               IU_VLayouter把所有子控件按照從上到下的方式依次布局(不改變子控件大小)(可能會(huì)超出父控件喔)
            UI_HLayouter
               這個(gè)就不說了

            當(dāng)然還可以定制其他布局管理器了
               比如UI_DockLayouter
                   UI_CenterLayouter等等基本原理都是一樣的

            做了游戲引擎這么久說實(shí)話
            UI真是一個(gè)大塊頭
            對(duì)于UI我的設(shè)計(jì)理念就是使用簡(jiǎn)單,功能豐富

            題外話1:08年11月的時(shí)候我就想設(shè)計(jì)一套UI庫(kù)
            之前認(rèn)為游戲UI是使用windows API話的 呵呵
            題外話2:網(wǎng)上關(guān)于使用一些UI庫(kù)的例子很多但是關(guān)于設(shè)計(jì)UI庫(kù)的例子似乎不多
            題外話3:說實(shí)話我覺得寫博客是交流思想共同探討而非其他



            posted on 2010-09-27 20:09 ccsdu2009 閱讀(2614) 評(píng)論(5)  編輯 收藏 引用 所屬分類: Game引擎
            Comments
            • # re: UI設(shè)計(jì)概要1:控件布局管理器
              陳梓瀚(vczh)
              Posted @ 2010-09-29 13:05
              UIGridLayout做的應(yīng)該是自動(dòng)排版哈,譬如說一個(gè)cell占了50%,另一個(gè)cell使用控件的autosize,第三個(gè)cell使用控件的suggestion四則,第四個(gè)cell保持30像素,然后UIGridLayout自己擁有了一個(gè)minsize和maxsize,因此跟他的容器綁定了。所以你的layout可以一個(gè)套一個(gè),這樣才能達(dá)到效果。  回復(fù)  更多評(píng)論   
            • # re: UI設(shè)計(jì)概要1:控件布局管理器
              2009
              Posted @ 2010-09-29 15:09
              @陳梓瀚(vczh)
              呵呵 我這里的設(shè)計(jì)是GridLayouter會(huì)把所有子控件都統(tǒng)一大小喔  回復(fù)  更多評(píng)論   
            • # re: UI設(shè)計(jì)概要1:控件布局管理器
              陳梓瀚(vczh)
              Posted @ 2010-09-29 17:24
              @2009
              你是泥其道而行之……沒有什么理由一定要把所有控件都統(tǒng)一大小的。不過話說回來,如果你真的需要這么干,那么cell都設(shè)置成100%(到時(shí)候會(huì)除以總數(shù))就行了。因此這是包含和被包含的關(guān)系哈。  回復(fù)  更多評(píng)論   
            • # re: UI設(shè)計(jì)概要1:控件布局管理器
              2009
              Posted @ 2010-09-30 15:05
              @陳梓瀚(vczh)
              我當(dāng)前需要的是拿出一整套UI庫(kù)
              而不是糾結(jié)于細(xì)節(jié)
              等這個(gè)庫(kù)弄好了
              根據(jù)需要再處理還是比較好  回復(fù)  更多評(píng)論   
            • # re: UI設(shè)計(jì)概要1:控件布局管理器
              2009
              Posted @ 2010-09-30 17:48
              我們?nèi)鄙俚氖且粋€(gè)完備的UI庫(kù) O(∩_∩)O~  回復(fù)  更多評(píng)論   
             
            亚洲中文字幕无码久久2017| 7国产欧美日韩综合天堂中文久久久久| 久久久久久久精品成人热色戒| 久久人人爽人人爽人人片AV不| 国产AV影片久久久久久| 影音先锋女人AV鲁色资源网久久 | 久久777国产线看观看精品| 国产成人精品久久| 少妇内射兰兰久久| 欧美大战日韩91综合一区婷婷久久青草 | 亚洲午夜久久久久妓女影院| 色噜噜狠狠先锋影音久久| 精品国产日韩久久亚洲| 一本久久久久久久| 久久久久久国产精品免费无码 | 欧美粉嫩小泬久久久久久久| 人妻无码αv中文字幕久久 | 久久99精品久久久久久hb无码 | 999久久久免费国产精品播放| 99久久免费国产精品特黄| 精品乱码久久久久久夜夜嗨| 久久精品国产亚洲网站| 久久精品国产亚洲av麻豆蜜芽 | 国色天香久久久久久久小说| 久久精品国产99久久香蕉| 精品久久久久久亚洲精品| 亚洲欧美伊人久久综合一区二区 | 亚洲国产精品高清久久久| 伊人 久久 精品| 久久久综合香蕉尹人综合网| 国产精品xxxx国产喷水亚洲国产精品无码久久一区 | 亚洲人成精品久久久久| 污污内射久久一区二区欧美日韩| 精品国产乱码久久久久久郑州公司 | 久久夜色精品国产| 国内精品久久久久久久影视麻豆| 99久久人妻无码精品系列蜜桃| 新狼窝色AV性久久久久久| 天堂久久天堂AV色综合| 久久99亚洲网美利坚合众国| 精品久久久噜噜噜久久久|