• <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>

            The Fourth Dimension Space

            枯葉北風寒,忽然年以殘,念往昔,語默心酸。二十光陰無一物,韶光賤,寐難安; 不畏形影單,道途阻且慢,哪曲折,如渡飛湍。斬浪劈波酬壯志,同把酒,共言歡! -如夢令

            Qt學習之路(28): 坐標變換

            經過前面的章節,我們已經能夠畫出一些東西來,主要就是使用QPainter的相關函數。今天,我們要看的是QPainter的坐標系統。
            同很多坐標系統一樣,QPainter的默認坐標的原點(0, 0)位于屏幕的左上角,X軸正方向是水平向右,Y軸正方向是豎直向下。在這個坐標系統中,每個像素占據1 x 1的空間。你可以把它想象成是一張坐標值,其中的每個小格都是1個像素。這么說來,一個像素的中心實際上是一個“半像素坐標系”,也就是說,像素(x, y)的中心位置其實是在(x + 0.5, y + 0.5)的位置上。因此,如果我們使用QPainter在(100, 100)處繪制一個像素,那么,這個像素的中心坐標是(100.5, 100.5)。
             
            這種細微的差別在實際應用中,特別是對坐標要求精確的系統中是很重要的。首先,只有在禁止反走樣,也就是默認狀態下,才會有這0.5像素的偏移;如果使用了反走樣,那么,我們畫(100, 100)位置的像素時,QPainter會在(99.5, 99.5),(99.5, 100.5),(100.5, 99.5)和(100.5, 100.5)四個位置繪制一個亮色的像素,這么產生的效果就是在這四個像素的焦點處(100, 100)產生了一個像素。如果不需要這個特性,就需要將QPainter的坐標系平移(0.5, 0.5)。
             
            這一特性在繪制直線、矩形等圖形的時候都會用到。下圖給出了在沒有反走樣技術時,使用drawRect(2, 2, 6, 5)繪制一個矩形的示例。在No Pen的情況下,請注意矩形左上角的像素是在(2, 2),其中心位置是在(2.5, 2.5)的位置。然后注意下有不同的Pen的值的繪制樣式,在Pen寬為1時,實際畫出的矩形的面積是7 x 6的(圖出自C++ GUI Programming with Qt4, 2nd Edition):
            在具有反走樣時,使用drawRect(2, 2, 6, 5)的效果如下(圖出自C++ GUI Programming with Qt4, 2nd Edition):
            注意我們前面說過,通過平移QPainter的坐標系來消除著0.5像素的差異。下面給出了使用drawRect(2.5, 2.5, 6, 5)在反走樣情況下繪制的矩形(圖出自C++ GUI Programming with Qt4, 2nd Edition):
            請對比與上圖的區別。
             
            在上述的QPainter的默認坐標系下,QPainter提供了視口(viewport)窗口(window)機制,用于繪制與繪制設備的大小和分辨率無關的圖形。視口和窗口是緊密的聯系在一起的,它們一般都是矩形。視口是由物理坐標確定其大小,而窗口則是由邏輯坐標決定。我們在使用QPainter進行繪制時,傳給QPainter的是邏輯坐標,然后,Qt的繪圖機制會使用坐標變換將邏輯坐標轉換成物理坐標后進行繪制。
             
            通常,視口和窗口的坐標是一致的。比如一個600 x 800的widget(這是一個widget,或許是一個對話框,或許是一個面板等等),默認情況下,視口和窗口都是一個320 x 200的矩形,原點都在(0, 0),此時,視口和窗口的坐標是相同的。
             
            注意到QPainter提供了setWindow()和setViewport()函數,用來設置視口和窗口的矩形大小。比如,在上面所述的320 x 200的widget中,我們要設置一個從(-50, -50)到(+50, +50),原點在中心的矩形窗口,就可以使用
             
            painter.setWindow(-50, -50, 100, 100);
             
            其中,(-50, -50)指明了原點,100, 100指明了窗口的長和寬。這里的“指明原點”意思是,邏輯坐標的(-50, -50)對應著物理坐標的(0, 0);“長和寬”說明,邏輯坐標系下的長100,寬100實際上對應物理坐標系的長320,寬200。
             
            或許你已經發現這么一個好處,我們可以隨時改變window的范圍,而不改變底層物理坐標系。這就是前面所說的,視口與窗口的作用:“繪制與繪制設備的大小和分辨率無關的圖形”,如下圖所示(圖出自C++ GUI Programming with Qt4, 2nd Edition):
             
             
            除了視口與窗口的變化,QPainter還提供了一個“世界坐標系”,同樣也可以變換圖形。所不同的是,視口與窗口實際上是統一圖形在兩個坐標系下的表達,而世界坐標系的變換是通過改變坐標系來平移、縮放、旋轉、剪切圖形。為了清楚起見,我們來看下面一個例子:
             
            void PaintedWidget::paintEvent(QPaintEvent *event)
            {
                    QPainter painter(this);
                    QFont font("Courier", 24);
                    painter.setFont(font);
                    painter.drawText(50, 50, "Hello, world!");
                    QTransform transform;
                    transform.rotate(+45.0);
                    painter.setWorldTransform(transform);
                    painter.drawText(60, 60, "Hello, world!");
            }
             
            為了顯示方便,我在這里使用了QFont改變了字體。QPainter的drawText()函數提供了繪制文本的功能。它有幾種重載形式,我們使用了其中的一種,即制定文本的坐標然后繪制。需要注意的是,這里的坐標是文字左下角的坐標(特別提醒這一點,因為很多繪圖系統,比如Java2D都是把左上角作為坐標點的)!下面是運行結果:
             
            我們使用QTransform做了一個rotate變換。這個變換就是旋轉,而且是順時針旋轉45度。然后我們使用這個變換設置了QPainter的世界坐標系,注意到QPainter是一個狀態機,所以這種變換并不會改變之前的狀態,因此只有第二個Hello, world!被旋轉了。確切的說,被旋轉的是坐標系而不是這個文字!請注意體會這兩種說法的不同。

            本文出自 “豆子空間” 博客,請務必保留此出處http://devbean.blog.51cto.com/448512/239585

            posted on 2010-12-27 16:24 abilitytao 閱讀(850) 評論(0)  編輯 收藏 引用

            久久久一本精品99久久精品88| 国产无套内射久久久国产| 久久九九亚洲精品| 一本久久久久久久| 日韩久久无码免费毛片软件| 国产亚洲精久久久久久无码77777| 日韩欧美亚洲综合久久| 久久久中文字幕| 国产美女久久精品香蕉69| 久久亚洲国产成人精品无码区| 久久亚洲AV无码精品色午夜| av午夜福利一片免费看久久| 无码国内精品久久人妻麻豆按摩| 久久99精品国产麻豆| 97久久婷婷五月综合色d啪蜜芽| 国产精品亚洲美女久久久| 94久久国产乱子伦精品免费 | 久久精品国产99国产精偷 | 国产成人久久精品二区三区| 日韩人妻无码精品久久免费一 | 精品国产乱码久久久久久郑州公司 | 一本久久知道综合久久| 午夜精品久久久久久久无码| 99热成人精品免费久久| 国内精品伊人久久久久网站| 久久国产成人精品国产成人亚洲| 亚洲国产二区三区久久| 久久精品综合网| 99精品久久精品一区二区| 久久777国产线看观看精品| 狠狠人妻久久久久久综合| 伊人久久成人成综合网222| 国内精品久久久久影院一蜜桃| 乱亲女H秽乱长久久久| 久久国产香蕉一区精品| 热re99久久6国产精品免费| 国产高潮国产高潮久久久91 | 一本久久综合亚洲鲁鲁五月天亚洲欧美一区二区 | 99精品国产综合久久久久五月天| 久久精品国产精品青草app| 国产精品久久婷婷六月丁香|