邊做邊學 Widgets

第二集 Hello ! Widgets 邊做邊學Widgets • Blog: http://www.dotblogs.com.tw/bauann/ • Email: bauann@gmail.com • Forum: http://social.msdn.microsoft.com/Forums/zh-TW/803/threads

議程 • Config.xml的相關屬性設定 • Demo Hello Widgets • Widgets其他的安全性相關議題 • Demo 讀取Config.xml內容 • 套用CSS樣式 • 使用jQuery • 我能夠使用jQueryUI嗎？

Config.xml • <?xml version="1.0" encoding="utf-8" ?> • <widget version="1.0" • xmlns="http://www.w3.org/ns/widgets" • id=""> • <name>Hello Widgets</name> • <content src="Page1.htm" type="text/html" /> • <access network="true" /> • <icon src="icon.png"/> • <description> • Hello Widgets Demo ! • </description> • <author href="http://www.dotblogs.com.tw/" email="someone@somewhere.com">AuthorNameHere</author> • </widget>

Demo Hello-Widgets • Hello-Widgets • 封裝Widgets應用程式 • 設定模擬器 • 安裝Widgets應用程式

Widgets其他的安全性相關議題 • 能夠讀取本身安裝目錄下的檔案資料，例如圖片檔案等 • Ex,<imgsrc=….. /> • <access network=true /> • Some special protocol • mailto: , sms: , callto: , tele: • 會詢問使用者是否要執行動作

取得Config.xml的內容 • Demo 取得Config.xml的內容 • Example: • widget.authorName • widget.authorEmail • widget.authorURL • widget.version • More information • http://msdn.microsoft.com/en-us/library/dd721906.aspx

Demo Widgets& CSS • body,table • { • background-color:Black; • border:none; • font-size:12px; • font-family:Sans-Serif; • color:White; • } • tr,td • { • border-bottom-style:solid; • border-bottom-width:1px; • border-bottom-color:Olive; • }

Demo Widget & jQuery • 邊做邊學 jQuery系列 • http://msdn.microsoft.com/zh-tw/dd310332.aspx#jQuery

Demo jQueryUI • jQueryUI • http://jqueryui.com/

邊做邊學 Widgets