我們知道製作控制元件的時候，其實最困難的不是定出那個支撐整個系統的架構，而是為各種空間寫繪製的程式碼（囧）。為了解決這個問題，我在這套渲染庫上設計了一種XML寫成的模板，然後在模板內部提供一個簡單的語言來進行簡單但是強大的運算。這樣的話，不僅可以省略很多程式碼，還為控制元件的換膚提供了強有力的支援。

    Graphic Element Template是一種將圖形方便地組織起來的方法，使用XML進行描述，舉個例子：現在要在一個rectangle中間居中一段文字：
 1 <rectangle
 2 name="rect" 3     x="100" 4     y="100" 5     width="400" 6     height="300" 7 > 8 <text
 9 x="(rect.width-this.width)/2"10         y="(rect.height-this.height)/2"11         text="CENTERED TEXT"12 />13 </rectangle>
    如果我們可以在標籤內部使用簡單的指令碼，那麼做控制元件的時候，只要使用一個template，就可以省去我們很多時間了。於是我設計了這樣子的一個Graphic Element Template，可以定義一個模板，然後定義屬性，最後在屬性內部對指令碼進行計算。為了在Visual Studio 2008方便地撰寫Graphic Element Template檔案，我寫了如下的一個XML Schema。明天開始實現Graphics Element Template。
  1 <?xml version="1.0" encoding="utf-8"?>  2 <xs:schema id="irconfig"  3     targetNamespace="http://tempuri.org/irconfig.xsd"  4     elementFormDefault="qualified"  5     xmlns="http://tempuri.org/irconfig.xsd"  6     xmlns:mstns="http://tempuri.org/irconfig.xsd"  7     xmlns:xs="http://www.w3.org/2001/XMLSchema"  8 >  9 <xs:simpleType name="pen_weight"> 10 <xs:restriction base="xs:unsignedByte"> 11 <xs:minInclusive value="0"/> 12 </xs:restriction> 13 </xs:simpleType> 14 <xs:simpleType name="boolean_type"> 15 <xs:restriction base="xs:string"> 16 <xs:enumeration value="true"/> 17 <xs:enumeration value="false"/> 18 </xs:restriction> 19 </xs:simpleType> 20 <xs:simpleType name="property_type"> 21 <xs:restriction base="xs:string"> 22 <xs:enumeration value="int"/> 23 <xs:enumeration value="real"/> 24 <xs:enumeration value="str"/> 25 <xs:enumeration value="bool"/> 26 </xs:restriction> 27 </xs:simpleType> 28 <xs:simpleType name="expression_type"> 29 <xs:restriction base="xs:string"/> 30 </xs:simpleType> 31 <xs:simpleType name="name_type"> 32 <xs:restriction base="xs:NCName"/> 33 </xs:simpleType> 34 <xs:simpleType name="brushkind_type"> 35 <xs:restriction base="xs:string"> 36 <xs:enumeration value="solid"/> 37 <xs:enumeration value="linear-gradient"/> 38 <xs:enumeration value="bitmap"/> 39 </xs:restriction> 40 </xs:simpleType> 41 <xs:simpleType name="penendcap_type"> 42 <xs:restriction base="xs:string"> 43 <xs:enumeration value="round"/> 44 <xs:enumeration value="square"/> 45 <xs:enumeration value="flat"/> 46 </xs:restriction> 47 </xs:simpleType> 48 <xs:simpleType name="penjoin_type"> 49 <xs:restriction base="xs:string"> 50 <xs:enumeration value="round"/> 51 <xs:enumeration value="bevel"/> 52 <xs:enumeration value="miter"/> 53 </xs:restriction> 54 </xs:simpleType> 55 <xs:complexType name="color_type"> 56 <xs:attribute name="r" type="xs:unsignedByte" use="required"/> 57 <xs:attribute name="g" type="xs:unsignedByte" use="required"/> 58 <xs:attribute name="b" type="xs:unsignedByte" use="required"/> 59 <xs:attribute name="a" type="xs:unsignedByte"/> 60 </xs:complexType> 61  62 <xs:complexType name="element_definition"> 63 <xs:attribute name="name" type="name_type"/> 64 <xs:attribute name="visible" type="expression_type"/> 65 </xs:complexType> 66 <xs:complexType name="curve_definition"> 67 <xs:complexContent> 68 <xs:extension base="element_definition"> 69 <xs:attribute name="pen" type="expression_type"/> 70 </xs:extension> 71 </xs:complexContent> 72 </xs:complexType> 73 <xs:complexType name="shape_definition"> 74 <xs:complexContent> 75 <xs:extension base="curve_definition"> 76 <xs:attribute name="brush" type="expression_type"/> 77 </xs:extension> 78 </xs:complexContent> 79 </xs:complexType> 80 <xs:complexType name="shape_container_definition"> 81 <xs:complexContent> 82 <xs:extension base="shape_definition"> 83 <xs:sequence> 84 <xs:group ref="element_group" minOccurs="0" maxOccurs="unbounded"/> 85 </xs:sequence> 86 </xs:extension> 87 </xs:complexContent> 88 </xs:complexType> 89  90 <xs:group name="element_group"> 91 <xs:choice> 92 <xs:element name="line"> 93 <xs:complexType> 94 <xs:complexContent> 95 <xs:extension base="curve_definition"> 96 <xs:attribute name="x1" type="expression_type" use="required"/> 97 <xs:attribute name="y1" type="expression_type" use="required"/> 98 <xs:attribute name="x2" type="expression_type" use="required"/> 99 <xs:attribute name="y2" type="expression_type" use="required"/>100 </xs:extension>101 </xs:complexContent>102 </xs:complexType>103 </xs:element>104 <xs:element name="rectangle">105 <xs:complexType>106 <xs:complexContent>107 <xs:extension base="shape_container_definition">108 <xs:attribute name="x" type="expression_type" use="required"/>109 <xs:attribute name="y" type="expression_type" use="required"/>110 <xs:attribute name="width" type="expression_type" use="required"/>111 <xs:attribute name="height" type="expression_type" use="required"/>112 </xs:extension>113 </xs:complexContent>114 </xs:complexType>115 </xs:element>116 <xs:element name="roundrect">117 <xs:complexType>118 <xs:complexContent>119 <xs:extension base="shape_container_definition">120 <xs:attribute name="x" type="expression_type" use="required"/>121 <xs:attribute name="y" type="expression_type" use="required"/>122 <xs:attribute name="width" type="expression_type" use="required"/>123 <xs:attribute name="height" type="expression_type" use="required"/>124 <xs:attribute name="ellipse-width" type="expression_type" use="required"/>125 <xs:attribute name="ellipse-height" type="expression_type" use="required"/>126 </xs:extension>127 </xs:complexContent>128 </xs:complexType>129 </xs:element>130 <xs:element name="ellipse">131 <xs:complexType>132 <xs:complexContent>133 <xs:extension base="shape_container_definition">134 <xs:attribute name="x" type="expression_type" use="required"/>135 <xs:attribute name="y" type="expression_type" use="required"/>136 <xs:attribute name="width" type="expression_type" use="required"/>137 <xs:attribute name="height" type="expression_type" use="required"/>138 </xs:extension>139 </xs:complexContent>140 </xs:complexType>141 </xs:element>142 <xs:element name="chord">143 <xs:complexType>144 <xs:complexContent>145 <xs:extension base="shape_container_definition">146 <xs:attribute name="x" type="expression_type" use="required"/>147 <xs:attribute name="y" type="expression_type" use="required"/>148 <xs:attribute name="width" type="expression_type" use="required"/>149 <xs:attribute name="height" type="expression_type" use="required"/>150 <xs:attribute name="start-angle" type="expression_type" use="required"/>151 <xs:attribute name="end-angle" type="expression_type" use="required"/>152 </xs:extension>153 </xs:complexContent>154 </xs:complexType>155 </xs:element>156 <xs:element name="pie">157 <xs:complexType>158 <xs:complexContent>159 <xs:extension base="shape_container_definition">160 <xs:attribute name="x" type="expression_type" use="required"/>161 <xs:attribute name="y" type="expression_type" use="required"/>162 <xs:attribute name="width" type="expression_type" use="required"/>163 <xs:attribute name="height" type="expression_type" use="required"/>164 <xs:attribute name="start-angle" type="expression_type" use="required"/>165 <xs:attribute name="end-angle" type="expression_type" use="required"/>166 </xs:extension>167 </xs:complexContent>168 </xs:complexType>169 </xs:element>170 <xs:element name="arc">171 <xs:complexType>172 <xs:complexContent>173 <xs:extension base="curve_definition">174 <xs:attribute name="x" type="expression_type" use="required"/>175 <xs:attribute name="y" type="expression_type" use="required"/>176 <xs:attribute name="width" type="expression_type" use="required"/>177 <xs:attribute name="height" type="expression_type" use="required"/>178 <xs:attribute name="start-angle" type="expression_type" use="required"/>179 <xs:attribute name="end-angle" type="expression_type" use="required"/>180 </xs:extension>181 </xs:complexContent>182 </xs:complexType>183 </xs:element>184 <xs:element name="polyline">185 <xs:complexType>186 <xs:complexContent>187 <xs:extension base="curve_definition">188 <xs:sequence>189 <xs:element name="handle" minOccurs="1" maxOccurs="unbounded">190 <xs:complexType>191 <xs:attribute name="x" type="expression_type" use="required"/>192 <xs:attribute name="y" type="expression_type" use="required"/>193 </xs:complexType>194 </xs:element>195 </xs:sequence>196 </xs:extension>197 </xs:complexContent>198 </xs:complexType>199 </xs:element>200 <xs:element name="polygon">201 <xs:complexType>202 <xs:complexContent>203 <xs:extension base="shape_container_definition">204 <xs:sequence>205 <xs:element name="handle" minOccurs="1" maxOccurs="unbounded">206 <xs:complexType>207 <xs:attribute name="x" type="expression_type" use="required"/>208 <xs:attribute name="y" type="expression_type" use="required"/>209 </xs:complexType>210 </xs:element>211 </xs:sequence>212 </xs:extension>213 </xs:complexContent>214 </xs:complexType>215 </xs:element>216 <xs:element name="bezier">217 <xs:complexType>218 <xs:complexContent>219 <xs:extension base="curve_definition">220 <xs:sequence>221 <xs:element name="handle" minOccurs="4" maxOccurs="unbounded">222 <xs:complexType>223 <xs:attribute name="x" type="expression_type" use="required"/>224 <xs:attribute name="y" type="expression_type" use="required"/>225 </xs:complexType>226 </xs:element>227 </xs:sequence>228 </xs:extension>229 </xs:complexContent>230 </xs:complexType>231 </xs:element>232 <xs:element name="text">233 <xs:complexType>234 <xs:complexContent>235 <xs:extension base="shape_definition">236 <xs:attribute name="font" type="expression_type" use="required"/>237 <xs:attribute name="x" type="expression_type" use="required"/>238 <xs:attribute name="y" type="expression_type" use="required"/>239 <xs:attribute name="text" type="expression_type" use="required"/>240 </xs:extension>241 </xs:complexContent>242 </

相關推薦

C++介面庫：為Graphic Element Template做了一個XML Schema

    我們知道製作控制元件的時候，其實最困難的不是定出那個支撐整個系統的架構，而是為各種空間寫繪製的程式碼（囧）。為了解決這個問題，我在這套渲染庫上設計了一種XML寫成的模板，然後在模板內部提供一個簡單的語言來進行簡單但是強大的運算。這樣的話，不僅可以省略很多程式碼，還為控制元件的換膚提供了強有

C++介面庫：使用Graphic Element Template製作按鈕模板

    這一次製作的按鈕模板具有通過模板屬性動態配置圖形的功能。模板的屬性一共有6個：x、y、w、h、state、content，其中state有normal、hot和press三個取值。XML、程式碼和截圖如下：    下面的模板檔案有兩個模板，分別是background和button。back

C++介面庫：Graphic Element Template實現

    這篇文章描述的一個圖形元素模板終於通過了冒煙測試。下面將展示模板的XML程式碼、呼叫模板的程式碼以及截圖。    下面的XML描述了一個黑變藍底的長方形裡面居中一個文字。  1 <?xml version="1.0" encoding="utf-8" ?> 2 <irc

C++介面庫：在GDI上新增完全的alpha混合支援

    做完了小型WCF之後，就是小型的WPF了。之前那個完全避免使用者大部分的錯誤使用導致的死鎖的方案還有一點點的問題，所以先休息一下，做做別的。為了在C++上重現一套類似WPF的工具，首先要解決繪圖部分。    繪圖的裝置當然是需要可切換的，於是用bridge模式定義了大量的介面，這些介面用來

effective c++ 條款07：為多態基類聲明virtual析構函數

pub effective atomic water delet () IV del effect 記住：帶多態性質的基類應該聲明一個virtual析構函數。如果class帶有任何virtual函數，它就應該擁有一個virtual析構函數。class的設計目的如果不是作為基

Go標準庫：深入剖析Go template

本文只關注Go text/template的底層結構，帶上了很詳細的圖片以及示例幫助理解，有些地方也附帶上了原始碼進行解釋。有了本文的解釋，對於Go template的語法以及html/template的用法，一切都很簡單。 入門示例 package main import ( "html/te

C++介面庫的抉擇

C++的介面庫經過幾天來的搜尋，總結了下面幾種的優缺點 1. MFC    優點：VS2008以及VS2010的擴充套件確實很強大，特別是原生的視窗執行時停靠以及PropertyGrid確實很強大    缺點：預設字型很模糊，無論你對MFC多瞭解，C++多熟悉，每次寫程式碼時依然要重新熟悉程式碼，更不

淺談工作中使用過的幾種C++介面庫

**個人對本文的理解： C++的介面庫有三種。如果在只在window下做一個工具介面，選用MFC；如果介面需要通過網路釋出出去，可選WTL（windows模板庫）；如果需要跨平臺，首先Qt** 通常一個介面庫是否有廣大的使用人群，我覺得與以下幾個因素有關：支

C++STL庫：unique（）函式

作用：去除相鄰元素中重複的數（實際是移動到後面） 原理：對一個有序陣列或容器，不停的從末尾將一個元素送到開頭，（重複的元素只送一個），送出的元素覆蓋原來在此位置的元素。 #include <iostream> #include <algorithm> using na

C#類庫：ini檔案操作類

C#類庫 ——ini檔案操作類 1.類庫介紹     在開發應用軟體時，ini檔案常用於軟體的相關配置，以下為ini檔案的相關結構及示例；ini檔案具有節（section）和鍵（key）兩個層級，節用”[]”包含，然後下一行為對應鍵名以及鍵值，

推薦一個介面庫：RingSDK

    這是我自己寫的介面庫，程式設計一直用他，包含了介面庫和圖象庫。這個庫並不是有意為之，而是我多年程式設計過程中積累下來的。最初只是把一些經常要用到的功能封裝成一些函式，建了一個靜態庫，方便自己程式設計，後來慢慢積累，函式越來越多，於是封裝成類，再後來簡單的封裝也不行了，

推薦一款免費的C#介面庫

由於本人在學校學習時需要做一個關於Winform的課程設計，無意中發現一款免費且效果還可以的C#介面庫。現推薦給需要的朋友。 CSkin 使用時只需要下載CSkin介面庫，在工具欄中新建項，將C

C++介面庫大全2013

剛開始用C++做介面的時候，根本不知道怎麼用簡陋的MFC控制元件做出比較美觀的介面，後來就開始逐漸接觸到BCG  Xtreme ToolkitPro v15.0.1，Skin++,等介面庫，以及一些網友自己寫的介面庫，開始對於C++軟體介面美化有了一點點的心得。不敢藏私，

C++與C#介面通訊[部分為轉載，具體看附件連結]

    //內嵌到MFC的某個視窗中，視窗控制代碼為hhwnd     CRect rect;     GetClientRect(hhwnd, &rect);     LPCTSTR args = _T("");     PROCESS_INFORMATION processInfo;      S

VS專案屬性中的C/C++執行庫：MT、MTd、MD、MDd

MT選項：連結LIB版的C和C++執行庫。在連結時就會在將C和C++執行時庫整合到程式中成為程式中的程式碼，程式體積會變大。 MTd選項：LIB的除錯版。 MD選項：使用DLL版的C和C++執行庫，這樣在程式執行時會動態的載入對應的DLL，程式體積會

CSV檔案C++操作庫：MiniCSV

MiniCSV 是一個基於c++檔案流的小巧而靈活的 CSV 庫。 Writing We see an example of writing tab-separated values to file usingcsv::ofstreamclass. Tab is

阿裏重磅開源 Blink：為什麽我們等了這麽久？

解答 極致 競爭 proc 其他 平臺 建立 阿裏巴巴 機器學習 今年，實時流計算技術開始步入主流，各大廠都在不遺余力地試用新的流計算框架，實時流計算引擎和 API 諸如 Spark Streaming、Kafka Streaming、Beam 和 Flink 持續火爆。阿

開源軟體光柵化渲染器SALVIA 0.2.5釋出：為Pixel Shader添加了分支與迴圈的支援

SALVIA 0.2.5 釋出！ 更新列表如下： 0.2.2 - 0.2.5 (Feb 24, 2012) 版本名稱發生變化，從原先的Milestone X fix Y的命名方式正式更新為與主版本相同的版本號序列。 取消了對DirectX的強制依賴。 添加了對Visual C++ Expres

銀行年底眾生相：為拉存款操碎了心！

前幾天刷朋友圈，看到一個段子： 一銀行員工中了500萬彩票大獎，記者採訪問：請問你這錢打算怎樣花呀？ 銀行員工說：先存銀行頂頂任務！ 記者：那剩下的哪？ 員工眼神空泛望著遠方沉思了5秒說：剩下的再拼著老命想方法拉唄！ 雖然這只是一個段子，但能反映出，為了拉存款，銀行員工真是操碎了心！年底

9步：為你的 web 應用選擇一個技術棧

  創始人、CEO（執行長）、CTO（首席技術顧問）以及其他的利益相關者都需要知道如何構建一個軟體產品，你是他們中的一個嗎？是否煩惱過 web 應用到底選擇哪一個技術棧比較合適？用 JAVA 還是用 Python 呢？使用 node.js 或者 Flask/Django 作為 web