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

隨筆-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>
            欧美a级理论片| 夜夜爽av福利精品导航| 日韩视频在线免费| 亚洲中无吗在线| 亚洲影视中文字幕| 国产在线乱码一区二区三区| 欧美一区日韩一区| 久久不见久久见免费视频1| 亚洲精品日韩激情在线电影| 欧美a级一区二区| 正在播放日韩| 亚洲欧美成人综合| 亚洲电影有码| 亚洲毛片播放| 国产一级一区二区| 最新日韩av| 欧美激情视频在线播放 | 欧美激情国产日韩| 日韩亚洲在线观看| 亚洲欧美高清| 亚洲全黄一级网站| 亚洲在线一区| 亚洲国产欧美另类丝袜| 一道本一区二区| 激情成人亚洲| 亚洲精品综合久久中文字幕| 国产日韩精品入口| 欧美国产一区二区| 国产麻豆综合| 欧美**人妖| 91久久极品少妇xxxxⅹ软件| 国产精品久久福利| 亚洲国产一区二区三区青草影视| 国产精品日日摸夜夜摸av| 久色成人在线| 欧美性猛交一区二区三区精品| 久久久久久久久久久久久女国产乱 | 欧美成人免费全部观看天天性色| 欧美女激情福利| 玖玖视频精品| 国产精品一区二区女厕厕| 欧美高清视频一区二区三区在线观看 | 欧美成年人在线观看| 欧美视频网址| 亚洲第一狼人社区| 黄色欧美成人| 午夜精品一区二区三区在线视 | 狠狠色丁香久久婷婷综合丁香| 日韩一区二区精品在线观看| 亚洲国产精品成人一区二区| 亚洲一区亚洲二区| 亚洲一区综合| 欧美日韩精品综合| 亚洲欧洲日本专区| 亚洲欧洲日产国产网站| 欧美在线视频一区二区三区| 亚洲欧美日本日韩| 欧美日韩一区视频| 日韩视频一区二区在线观看 | 狼人天天伊人久久| 国产一区二区av| 亚洲欧美综合一区| 欧美一区二区三区男人的天堂| 欧美午夜一区二区| 亚洲最新合集| 亚洲一区二区三区四区中文| 欧美日韩高清在线一区| 日韩视频一区二区三区在线播放免费观看 | 亚洲婷婷综合色高清在线| 美女在线一区二区| 亚洲成色www久久网站| 伊人精品成人久久综合软件| 亚洲一区综合| 久久久国产91| 亚洲大片精品永久免费| 久久综合中文字幕| 91久久国产精品91久久性色| 亚洲理论电影网| 欧美日韩国产一区二区三区| 一区二区高清视频在线观看| 亚洲综合成人在线| 国产欧美婷婷中文| 久久久久久久久久码影片| 欧美成人免费视频| 在线综合+亚洲+欧美中文字幕| 欧美色欧美亚洲另类七区| 亚洲性夜色噜噜噜7777| 久久久九九九九| 亚洲精品久久久久中文字幕欢迎你| 欧美久久久久免费| 亚洲综合视频1区| 噜噜噜91成人网| 99视频在线观看一区三区| 欧美午夜精彩| 久久夜色精品国产| 中国成人在线视频| 免费永久网站黄欧美| 一区二区毛片| 黄色亚洲精品| 欧美日韩不卡在线| 欧美在线播放高清精品| 欧美激情女人20p| 亚洲欧美中日韩| 亚洲国产精品www| 国产噜噜噜噜噜久久久久久久久| 久久欧美肥婆一二区| 99在线精品视频| 久久综合影视| 亚洲欧美日韩国产综合| 亚洲欧洲在线看| 国产日韩在线看| 欧美日韩八区| 美脚丝袜一区二区三区在线观看 | 欧美在线黄色| 亚洲精选中文字幕| 国产综合久久久久久| 欧美日韩国产天堂| 久久视频一区| 欧美一二三区精品| 一区二区三区四区国产| 欧美护士18xxxxhd| 看片网站欧美日韩| 久久不射电影网| 亚洲伊人网站| 一区二区精品在线| 91久久嫩草影院一区二区| 国产毛片精品国产一区二区三区| 欧美精品国产精品| 免费美女久久99| 久久夜色精品国产欧美乱| 欧美一区不卡| 午夜欧美大片免费观看| 亚洲一区二区视频在线观看| 亚洲激情成人在线| 欧美国产日韩在线观看| 狂野欧美性猛交xxxx巴西| 久久久午夜精品| 久久久久久91香蕉国产| 午夜精品久久久久久久久| 亚洲图色在线| 在线亚洲免费| 亚洲男人影院| 欧美在线视频免费观看| 亚洲女性裸体视频| 午夜精品一区二区三区电影天堂 | 久久婷婷影院| 久久频这里精品99香蕉| 久久一区二区三区四区五区| 久久久久国产精品麻豆ai换脸| 欧美主播一区二区三区| 欧美一区三区二区在线观看| 性欧美长视频| 久久精品一本久久99精品| 久久久久久穴| 欧美69wwwcom| 亚洲欧洲一区| 亚洲精选91| 亚洲自拍电影| 久久久精品性| 欧美激情一区二区三区在线视频| 欧美大片免费久久精品三p | 国产婷婷精品| 黄色在线成人| 亚洲精品视频免费| 亚洲在线视频网站| 久久资源在线| 亚洲精品国精品久久99热一| 一区二区三区高清在线观看| 亚洲在线观看免费| 久久天天躁狠狠躁夜夜爽蜜月 | 午夜在线精品| 美日韩丰满少妇在线观看| 欧美三级电影网| 国产亚洲欧美日韩美女| 亚洲国产专区校园欧美| 亚洲综合视频一区| 免费一级欧美片在线观看| 亚洲破处大片| 欧美在线一二三| 欧美国产一区二区| 国产精品综合视频| 亚洲精品国产日韩| 久久精品国产在热久久| 亚洲第一精品电影| 欧美一区午夜精品| 欧美日韩成人综合| 极品中文字幕一区| 亚洲一区二区三区激情| 免费在线欧美视频| 亚洲一区二区精品在线观看| 鲁大师成人一区二区三区| 国产精品jvid在线观看蜜臀 | 欧美精品一区二区三区蜜桃| 国产欧美日韩另类一区| 亚洲国产精品一区二区久| 性做久久久久久| 亚洲日韩欧美一区二区在线| 欧美综合激情网| 国产精品免费网站| 亚洲人成在线播放网站岛国|