svg 和 xforms 呈現(xiàn)定制內(nèi)容

1、SVG和XFms:呈現(xiàn)定制內(nèi)容使用使用SVG1.2新的基于新的基于XML的擴(kuò)展機(jī)制的擴(kuò)展機(jī)制AntoineQuint(antoine.quint@fuchsia))SVG顧問與研究科學(xué)家FuchsiaDesign簡介：簡介：第一個可伸縮向量圖形（ScalableVectGraphics，SVG1.0）規(guī)范奠基了XML表示二維交互式圖像和動畫的標(biāo)準(zhǔn)。從那以后，W3CSVG工作組一直致力于改進(jìn)它的特性，使SVG更容易在Web和桌面應(yīng)用程序開

2、發(fā)中使用。SVG1.2一個很有前途的特性是呈現(xiàn)定制內(nèi)容（RenderingCustomContentRCC）——它提供了清晰的以XML為中心的擴(kuò)展機(jī)制，在一個SVG文檔中混合與匹配不同的XML名稱空間。本文在介紹RCC機(jī)制的同時將引導(dǎo)您創(chuàng)建一個簡單的按鈕部件。在過去的兩年中，SVG團(tuán)體已經(jīng)研究出了新的方法，利用SVG的XML基礎(chǔ)在單個SVG文檔中混合與匹配多個名稱空間。在關(guān)注的主要焦點中，用戶界面工作成為在SVG文檔中內(nèi)嵌使用定制XML

3、標(biāo)記的基本用例。呈現(xiàn)定制內(nèi)容（呈現(xiàn)定制內(nèi)容（RCC）——在最新的SVG1.2草案中推介的一項新技術(shù)——提供了一種新的框架，允許自定義XML語法作為格式良好的擴(kuò)展無縫集成到SVG文檔中。在本系列文章中的基礎(chǔ)知識一文中曾經(jīng)提到，由于提供了混合與匹配這兩類標(biāo)記的基礎(chǔ)，RCC在SVG和XFm的集成中起著重要的作用。本文中將介紹RCC的基礎(chǔ)，探討如何實現(xiàn)一個用戶界面部件（按鈕），并提供一個更豐富的UI應(yīng)用程序的演示。RCC基礎(chǔ)基礎(chǔ)在開始用RCC編

4、寫這個簡單的按鈕部件之前，我將回顧一下基本知識和新推出的RCC元素家族。將XML綁定到圖形綁定到圖形使用RCC，您可以規(guī)定給出的外部名稱空間元素在SVG文檔中的行為。下面這些是最基本的SVG代碼，在開始用RCC編程時您一定會用到：清單清單1.設(shè)置設(shè)置RCC環(huán)境環(huán)境清單1中引入了兩個新的SVG1.2元素。是一個頂層元素，您將要包括的所有給定名稱空間中的元素定義都將放在這個元素中。名稱空間在明確的namespace屬性中定義，該屬性直接以U

5、RI作為屬性值。僅僅是為了避免造成更大的混亂，這個屬性與XML的xmlns屬性并不完全相似——這里的名稱空間永遠(yuǎn)是SVG——namespace屬性在這里只是表明所描述的定制元素屬于哪個名稱空間。從概念上清單清單2.跨越多個文件的跨越多個文件的RCC擴(kuò)展體系結(jié)構(gòu)擴(kuò)展體系結(jié)構(gòu)XFmsImplementation.svgSomeFileUsingSVGXFmsWithYourSpiffyRCCImplementation.svg通過這個簡單而

6、優(yōu)雅的庫結(jié)構(gòu)，幾乎任何人都能夠創(chuàng)建一個RCC庫放在網(wǎng)絡(luò)上供其他人使用。這樣就簡化了使用RCC開發(fā)SVG應(yīng)用程序，并促進(jìn)社區(qū)推動的工作在不遠(yuǎn)的將來能夠提供免費的庫。另外值得一提的是，元素的內(nèi)容不僅可以是老的SVG圖形元素，還可以包括RCC定義的定制元素。因此又引入了RCC，這種遞歸形式非常適合創(chuàng)建重用并以其他組件為基礎(chǔ)的組件。把這些結(jié)合在一起就形成了一個可以使用的非常不錯的框架?，F(xiàn)在您可以準(zhǔn)備做一些具體的工作了?；仨撌谆仨撌资褂檬褂肦CC

7、編程：編程：在簡介中我曾經(jīng)提到，RCC最常見的用例是創(chuàng)建UI部件。要創(chuàng)建一個好的UI部件，即使非常簡單的部件，也需要大量細(xì)致的工作。在此，我將說明如何創(chuàng)建一個非常簡單的按鈕（包括圖形和編程兩個方面）。標(biāo)記標(biāo)記在RCC結(jié)構(gòu)中，標(biāo)記實際上起著所要實現(xiàn)目標(biāo)的藍(lán)圖的作用。如果您頭腦中有一個希望用SVG和RCC機(jī)制設(shè)計的組件，您要做的第一件事可能就是在紙上勾勒出這種想法，并想象出標(biāo)記應(yīng)該是什么樣子。這里要涉及的是一個簡單的按鈕，上面帶有文本標(biāo)簽。