青青草原综合久久大伊人导航_色综合久久天天综合_日日噜噜夜夜狠狠久久丁香五月_热久久这里只有精品

隨筆-341  評論-2670  文章-0  trackbacks-0

由于接下去要用uniscribe(這是一個可以告訴我們在渲染一個超長unicode字符串的時候,什么地方可以換行,什么地方要換順序,什么字符要用一種神奇的方法來渲染之類的庫)做可以插入圖片和其它亂七八糟東西的rich text box,為了更方便做實驗,而且也考慮到很多軟件也需要直接繪圖的功能,所以我寫了這么兩個Demo:

1、Rendering.RawAPI.GDI(http://www.gaclib.net/Demos/Rendering.RawAPI.GDI/Demo.html
2、Rendering.RawAPI.Direct2D(
http://www.gaclib.net/Demos/Rendering.RawAPI.Direct2D/Demo.html

由于這兩個Demo很像,而且Direct2D的比較復雜,所以我在這里介紹一下這個Direct2D的demo。

在Demo里面可以看到,我們可以使用GuiGDIElement或者GuiDirect2DElement來進行手工的繪圖操作。這兩個Element的使用有限制。當GacUI使用GDI繪圖(SetupWindowsGDIRenderer)的時候才可以使用GuiGDIElement,對于Direct2D也是一樣的。在使用它們進行繪圖的時候,坐標用的是窗口的坐標。但是GacUI會在繪制的時候先加入一個clip,這樣我們在繪制的時候就算繪制出了邊界,也不會有任何不好的影響。而且這個clip的矩形范圍會在渲染事件觸發的時候給出。在這里我們先來看一下Direct2D的demo。

首先,整個程序的框架是這樣子的:

#include "..\..\Public\Source\GacUI.h"
#include <math.h>
#include <Windows.h>

int CALLBACK WinMain(HINSTANCE hInstance, HINSTANCE hPrevInstance, LPSTR lpCmdLine, int CmdShow)
{
    // SetupWindowsDirect2DRenderer() is required for GuiDirect2DElement
    return SetupWindowsDirect2DRenderer();
}

class Direct2DWindow : public GuiWindow
{
protected:

    // arguments.rt is ID2D1RenderTarget.
    void element_Rendering(GuiGraphicsComposition* sender, GuiDirect2DElementEventArgs& arguments)
    {
    }

    // The render target is going to be destroyed, any binded resources should be released.
    void element_BeforeRenderTargetChanged(GuiGraphicsComposition* sender, GuiDirect2DElementEventArgs& arguments)
    {
    }

    // The new render target is prepared, any binded resources are allowed to recreate now.
    void element_AfterRenderTargetChanged(GuiGraphicsComposition* sender, GuiDirect2DElementEventArgs& arguments)
    {
    }
public:
    Direct2DWindow()
        :GuiWindow(GetCurrentTheme()->CreateWindowStyle())
    {
        SetText(L"Rendering.RawAPI.Direct2D");
        SetClientSize(Size(640, 480));
        GetBoundsComposition()->SetPreferredMinSize(Size(640, 480));
        MoveToScreenCenter();
        {
            GuiDirect2DElement* element=GuiDirect2DElement::Create();
           
element->Rendering.AttachMethod(this, &Direct2DWindow::element_Rendering);
           
element->BeforeRenderTargetChanged.AttachMethod(this, &Direct2DWindow::element_BeforeRenderTargetChanged);
            element->AfterRenderTargetChanged.AttachMethod(this, &Direct2DWindow::element_AfterRenderTargetChanged);

            GuiBoundsComposition* composition=new GuiBoundsComposition;
            composition->SetAlignmentToParent(Margin(0, 0, 0, 0));
            composition->SetOwnedElement(element);
            GetContainerComposition()->AddChild(composition);
        }
    }
};

void GuiMain()
{
    Direct2DWindow window;
    GetApplication()->Run(&window);
}

在構造函數里面,我們創建了一個GuiDirect2DElement,然后把它放進一個會自動充滿整個窗口的composition里面。然后我們需要監聽三個事件(GDI只有一個,就是Rendering):
1、Rendering。這個事件在窗口被繪制的時候調用。GacUI才用了一個低功耗的方法讓程序不斷的繪制自己,所以我們并不需要擔心“如何刷新窗口”的這個問題。
2、BeforeRenderTargetChanged。在這個時候我們要清理掉我們創建出來的資源,譬如說畫刷等等。
3、AfterRenderTargetChanged。在這個時候我們要建立一些繪圖資源,譬如說畫刷等等。

為什么下面兩個函數那么蛋疼呢?因為Direct2D的類似畫刷這樣的東西,是必須跟一個ID2D1RenderTarget綁定在一起的,不同的render target之間的畫刷不能共享。而且那個可憐的render target還有可能會失效,這個時候GacUI就要重新創建他們。所以無論如何,都必須監聽這三個對象,除非我們只用GuiDirect2DElement來渲染文字(因為文字相關的資源是IDWriteFactory控制的,跟render target無關)。

在這個Demo里面,我們要畫的是一個會動的鐘。在這個鐘里面我們要繪制4種線形:邊框、時針、分針、秒針。因此我們需要4個不同的ID2D1SolidColorBrush。由于操作COM對象的時候總要去記得操作那個引用計數,特別的麻煩,而且還容易忘掉。所以我特地為大家提供了一個叫做ComPtr的東西。所以我們就可以這么聲明、創建和釋放他們:

ComPtr<ID2D1SolidColorBrush>            borderBrush;
ComPtr<ID2D1SolidColorBrush>            secondBrush;
ComPtr<ID2D1SolidColorBrush>            minuteBrush;
ComPtr<ID2D1SolidColorBrush>            hourBrush;

// The render target is going to be destroyed, any binded resources should be released.
void element_BeforeRenderTargetChanged(GuiGraphicsComposition* sender, GuiDirect2DElementEventArgs& arguments)
{
    borderBrush=0;
    secondBrush=0;
    minuteBrush=0;
    hourBrush=0;
}

// The new render target is prepared, any binded resources are allowed to recreate now.
void element_AfterRenderTargetChanged(GuiGraphicsComposition* sender, GuiDirect2DElementEventArgs& arguments)
{
    ID2D1SolidColorBrush* brush;
    {
        brush=0;
        arguments.rt->CreateSolidColorBrush(D2D1::ColorF(0.0f, 0.0f, 0.0f), D2D1::BrushProperties(), &brush);
        borderBrush=brush;
    }
    {
        brush=0;
        arguments.rt->CreateSolidColorBrush(D2D1::ColorF(0.0f, 0.0f, 1.0f), D2D1::BrushProperties(), &brush);
        secondBrush=brush;
    }
    {
        brush=0;
        arguments.rt->CreateSolidColorBrush(D2D1::ColorF(0.0f, 1.0f, 0.0f), D2D1::BrushProperties(), &brush);
        minuteBrush=brush;
    }
    {
        brush=0;
        arguments.rt->CreateSolidColorBrush(D2D1::ColorF(1.0f, 0.0f, 0.0f), D2D1::BrushProperties(), &brush);
        hourBrush=brush;
    }
}

想必大家都應該看清楚了。Before和After事件里面,GacUI都會提供用來繪圖的ID2D1RenderTarget,這個時候必須正確的創建和釋放資源。只要這些資源都建立了起來,那么剩下的就只有把一個時鐘畫出來了。畫一個時鐘還是很容易的,只需要那么幾行代碼就行了:

static const int                        Radius=200;
static const int                        LongScale=10;
static const int                        ShortScale=5;
static const int                        SecondLength=180;
static const int                        MinuteLength=150;
static const int                        HourLength=120;

float GetAngle(float second)
{
    return (second-15.0f)*3.1416f/30.0f;
}

void DrawLine(ID2D1RenderTarget* rt, ComPtr<ID2D1SolidColorBrush> brush, float angle, int width, int startLength, int endLength, int x, int y)
{
    float s=sin(angle);
    float c=cos(angle);
    float x1=(c*startLength)+(float)(x+Radius);
    float y1=(s*startLength)+(float)(y+Radius);
    float x2=(c*endLength)+(float)(x+Radius);
    float y2=(s*endLength)+(float)(y+Radius);
    rt->DrawLine(D2D1::Point2F(x1, y1), D2D1::Point2F(x2, y2), brush.Obj(), (float)width);
}

// arguments.rt is ID2D1RenderTarget.
void element_Rendering(GuiGraphicsComposition* sender, GuiDirect2DElementEventArgs& arguments)
{
    int w=arguments.bounds.Width();
    int h=arguments.bounds.Height();
    int x=arguments.bounds.Left()+(w-Radius*2)/2;
    int y=arguments.bounds.Left()+(h-Radius*2)/2;

    arguments.rt->DrawEllipse(D2D1::Ellipse(D2D1::Point2F((float)(x+Radius), (float)(y+Radius)), (float)Radius, (float)Radius), borderBrush.Obj());
    for(int i=0;i<60;i++)
    {
        int scale=i%5==0?LongScale:ShortScale;
        float angle=GetAngle((float)i);
        DrawLine(arguments.rt, borderBrush, angle, 1, Radius-scale, Radius, x, y);
    }

    DateTime dt=DateTime::LocalTime();
    {
        float angle=GetAngle(dt.hour*5+dt.minute/12.0f+dt.second/720.0f);
        DrawLine(arguments.rt, hourBrush, angle, 5, 0, HourLength, x, y);
    }
    {
        float angle=GetAngle(dt.minute+dt.second/60.0f);
        DrawLine(arguments.rt, minuteBrush, angle, 3, 0, MinuteLength, x, y);
    }
    {
        float angle=GetAngle((float)dt.second);
        DrawLine(arguments.rt, secondBrush, angle, 1, 0, SecondLength, x, y);
    }
}

然后我們就獲得了下圖:(LiveWrite真是太好了,cppblog的傻逼編輯器每次插入圖片都會插入到一個詭異的位置中去)

DXGUI_58

這樣我們就完成了一個時鐘的制作了,而且也學會了如何在GacUI里面直接使用GDI和Direct2D繪圖了。

posted on 2012-11-05 07:14 陳梓瀚(vczh) 閱讀(4569) 評論(2)  編輯 收藏 引用 所屬分類: 2DGacUI

評論:
# re: 一個在GacUI上直接使用GDI或者Direct2D進行繪圖操作的小demo 2012-11-05 07:30 | DiryBoy
先沙發~~  回復  更多評論
  
# re: 一個在GacUI上直接使用GDI或者Direct2D進行繪圖操作的小demo 2012-12-10 18:38 | 畢達哥拉斯半圓
在有個做小軟件的機會,嘗試了一下GacUI,暫時沒有找到主窗口的消息循環來響應每個控件的消息,這些控件之間還要交換數據和消息等等。我應該咋作?  回復  更多評論
  
青青草原综合久久大伊人导航_色综合久久天天综合_日日噜噜夜夜狠狠久久丁香五月_热久久这里只有精品
  • <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>
            亚洲性xxxx| 欧美日韩一区二区三区四区在线观看| 亚洲成人原创| 亚洲一区二区精品| 99re6这里只有精品| 久久婷婷丁香| 久久久欧美精品sm网站| 国产精品日韩精品| 一个色综合导航| 99国产一区| 欧美成人免费小视频| 美日韩在线观看| 原创国产精品91| 久久久综合网| 欧美a级片一区| 亚洲第一福利视频| 久久另类ts人妖一区二区| 久久久噜噜噜久久人人看| 国产在线视频欧美一区二区三区| 亚洲深夜福利视频| 午夜精品理论片| 国产精品网站一区| 午夜精品久久久久久久蜜桃app| 性伦欧美刺激片在线观看| 国产精品国产自产拍高清av| 一区二区三区高清| 亚洲欧美日韩国产精品| 国产精品视频1区| 欧美专区亚洲专区| 老色批av在线精品| 亚洲福利视频三区| 欧美精品在欧美一区二区少妇| 91久久精品日日躁夜夜躁国产| 亚洲人成在线观看| 欧美午夜激情小视频| 亚洲制服少妇| 久久亚洲精品中文字幕冲田杏梨| 亚洲大胆美女视频| 欧美精品一区二区三区四区| 999在线观看精品免费不卡网站| 亚洲一区二区在线免费观看视频| 国产精品入口福利| 久久午夜影视| 艳女tv在线观看国产一区| 午夜精品视频在线| 一区二区三区无毛| 欧美日韩免费一区二区三区| 亚洲欧美日韩在线观看a三区| 另类天堂av| 亚洲午夜一区二区三区| 国产午夜精品在线| 欧美激情片在线观看| 亚洲一区二区精品视频| 欧美国产亚洲精品久久久8v| 亚洲婷婷在线| 在线国产日韩| 欧美午夜不卡视频| 久久亚洲二区| 亚洲天堂免费观看| 欧美国产日韩二区| 欧美在线免费观看| 日韩视频永久免费观看| 国产欧美精品在线播放| 欧美高清不卡| 欧美一区二区视频网站| 亚洲精品久久久久久久久久久| 性久久久久久久久久久久| 亚洲精品色图| 好吊色欧美一区二区三区四区| 欧美日韩情趣电影| 榴莲视频成人在线观看| 亚洲欧美日韩国产精品| 最新日韩精品| 欧美成人视屏| 久久动漫亚洲| 亚洲一区在线观看视频| 亚洲美女在线视频| 在线观看欧美视频| 国产欧美在线观看一区| 欧美日韩黄色大片| 欧美成人免费全部观看天天性色| 欧美一区二区福利在线| 在线亚洲一区二区| 亚洲精品日产精品乱码不卡| 欧美成人有码| 六月婷婷久久| 麻豆精品视频在线| 久久久久99精品国产片| 欧美夜福利tv在线| 亚洲欧美区自拍先锋| 一区二区三区精品在线| 亚洲精品在线免费观看视频| 精品成人一区二区| 狠狠综合久久| 国产一区视频观看| 国产午夜精品福利| 国产乱肥老妇国产一区二 | 亚洲经典自拍| 亚洲国产精品成人一区二区| 一色屋精品视频在线观看网站| 国产日韩亚洲欧美| 国产一区二区三区免费在线观看| 国产精品麻豆成人av电影艾秋 | 欧美精品一区二区三区很污很色的| 模特精品在线| 裸体丰满少妇做受久久99精品| 久久综合成人精品亚洲另类欧美| 久久久91精品国产一区二区精品| 久久激情综合网| 麻豆成人综合网| 欧美成人精品1314www| 欧美精品国产精品日韩精品| 欧美精品久久久久a| 欧美日在线观看| 国产精品久久久久一区二区三区共| 国产精品乱人伦一区二区| 国产麻豆视频精品| 狠狠色丁香婷综合久久| 亚洲国产精品一区二区久 | 亚洲国产精品日韩| 日韩一级在线观看| 亚洲欧美视频在线| 久久人91精品久久久久久不卡| 蜜桃久久av| 亚洲免费福利视频| 亚洲欧美日韩久久精品| 久久免费少妇高潮久久精品99| 欧美激情按摩在线| 国产精品亚洲аv天堂网| 一区二区三区在线看| 99精品福利视频| 亚洲欧美日韩精品久久| 另类天堂视频在线观看| 亚洲精品一区二区三区樱花| 亚洲综合欧美日韩| 免费亚洲网站| 国产欧美视频一区二区三区| 亚洲高清视频在线| 亚洲网站在线播放| 久久综合一区二区| 亚洲欧洲一区二区三区久久| 亚洲欧美日韩精品| 欧美激情视频在线免费观看 欧美视频免费一| 欧美日韩国产综合视频在线观看中文 | 在线视频精品一| 久久精品一级爱片| 国产精品a久久久久久| 精品91在线| 亚洲欧美精品在线| 欧美激情一区二区三区在线视频 | 久久精品国产96久久久香蕉| 欧美精品一区二区三| 国产综合色一区二区三区 | 欧美jizz19性欧美| 午夜精品久久| 欧美日韩黄色大片| 亚洲欧洲一区二区天堂久久 | 久久蜜桃av一区精品变态类天堂| 欧美视频在线看| 亚洲精品乱码久久久久久| 久久不射网站| 亚洲天堂男人| 欧美日韩精品一区二区天天拍小说 | 99re这里只有精品6| 老司机精品导航| 午夜精品一区二区三区在线| 欧美日韩国产成人精品| 亚洲国产婷婷香蕉久久久久久| 久久精品99无色码中文字幕| 野花国产精品入口| 欧美日韩成人在线| 亚洲精品乱码久久久久久按摩观| 可以看av的网站久久看| 欧美一区二区精品久久911| 国产精品久久久一区二区| 一本久久精品一区二区| 亚洲动漫精品| 免费成人高清视频| 在线免费观看日本欧美| 久久久综合网站| 欧美亚洲一区三区| 国产日韩欧美高清| 久久成人精品电影| 亚洲欧美成人综合| 国产午夜精品全部视频播放| 午夜综合激情| 午夜在线视频一区二区区别 | 国产精品综合不卡av | 亚洲欧美在线观看| 亚洲一区二区精品在线观看| 国产精品一卡| 久久久国产一区二区三区| 久久gogo国模裸体人体| 国产在线拍揄自揄视频不卡99 | 亚洲欧美日韩第一区| 国产视频一区欧美| 玖玖视频精品| 欧美激情五月| 亚洲在线观看免费| 欧美在线看片a免费观看|