邊做邊學 Widgets

9
邊邊邊邊 WIDGETS 第第第 Hello ! Widgets Blog: http://www.dotblogs.com.tw/bauann/ Email: [email protected] Forum: http://social.msdn.microsoft.com/Forums/zh-TW/803/t hreads

description

第二集 Hello ! Widgets. 邊做邊學 Widgets. Blog: http://www.dotblogs.com.tw/bauann/ Email: [email protected] Forum: http://social.msdn.microsoft.com/Forums/zh-TW/803/threads. 議程. Config.xml 的相關屬性設定 Demo Hello Widgets Widgets 其他的安全性相關議題 Demo 讀取 Config.xml 內容 套用 CSS 樣式 使用 jQuery - PowerPoint PPT Presentation

Transcript of 邊做邊學 Widgets

Page 1: 邊做邊學 Widgets

邊做邊學WIDGETS第二集 Hello ! Widgets

Blog: http://www.dotblogs.com.tw/bauann/

Email: [email protected]

Forum: http://social.msdn.microsoft.com/Forums/zh-TW/803/threads

Page 2: 邊做邊學 Widgets

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

Page 3: 邊做邊學 Widgets

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="[email protected]">AuthorNameHere</author> </widget>

Page 4: 邊做邊學 Widgets

Demo Hello-Widgets

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

Page 5: 邊做邊學 Widgets

Widgets 其他的安全性相關議題 能夠讀取本身安裝目錄下的檔案資料,例

如圖片檔案等Ex,<img src=….. />

<access network=true /> Some special protocol

mailto: , sms: , callto: , tele:會詢問使用者是否要執行動作

Page 6: 邊做邊學 Widgets

取得 Config.xml 的內容 Demo 取得 Config.xml 的內容 Example:

widget.authorNamewidget.authorEmailwidget.authorURLwidget.version

More information http://msdn.microsoft.com/en-us/library/dd721906.aspx

Page 7: 邊做邊學 Widgets

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; }

Page 8: 邊做邊學 Widgets

Demo Widget & jQuery

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

Page 9: 邊做邊學 Widgets

Demo jQueryUI

jQueryUIhttp://jqueryui.com/