[Mobile]Windows Mobile 6.5 Widget - Creating Widget Menus | F6 Team - 點部落

2009-07-04

[Mobile]Windows Mobile 6.5 Widget - Creating Widget Menus

9962
0
Mobile

今天就介紹大家如何使用WM6.5的Widget建立選單功能
在看這篇內容時可以先看 bauann 的 Widgets in Windows Mobile 6.5 - 簡介
先了解WM6.5的一些新東西,再來看這篇會比較好上手

今天就介紹大家如何使用WM6.5的Widget建立選單功能

在看這篇內容時可以先看 bauann 的Widgets in Windows Mobile 6.5 - 簡介

先了解WM6.5的一些新東西,再來看這篇會比較好上手

這裡先介紹建立Menu的一些基本指令

createMenuItem(id) → 建立MenuItem物件,傳入一個數值型態的ID,利用這個ID來代表這個MenuItem物件

getMenuItemById(id) → 利用MenuItem 的 ID 來取得MenuItem物件

append(item) →　將MenuItem加入Menu裡

remove(item) →　將MenuItem從Menu移除

setSoftKey(item, id) →　將MenuItem設定快速鍵,這個的id是快速鍵的id

首先準備好Widget的基本檔案：

config.xml
Default.htm
F6-Logo.jpg

config.xml
<?xml version="1.0" encoding="utf-8" ?> <widget xmlns="http://www.w3.org/ns/widgets" id="" version="1.0"> <name>Mobile Widget Demo</name> <author href="http://www.dotblogs.com.tw/puma/" email="hent924@gmail.com">F6 Team - Puma</author> <content src="Default.htm" type="text/html"/> <access network="true"/> <icon src="F6-Logo.jpg" /> <description>Mobile Widget Demo Sample Code</description> <license>Copyright (c) 2009 Built To Puma. All rights reserved.</license> </widget>

Default.htm
<html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Mobile Widget</title> </head> <body> I am Puma! <br /> <a href='#' onclick='ClearMenu();'>Clear Menu</a> </body> </html> <script type="text/javascript"> function CreateMenu(id, text, handler) { var menuItem = widget.menu.createMenuItem(id); //建立一個MenuItem menuItem.text = text; //設定MenuItem的顯示文字 menuItem.onSelect = handler; //設定MenuItem點選的Handler widget.menu.append(menuItem); //將MenuItem加入Menu清單 } function RemoveMenu(id) { var menuItem = widget.menu.getMenuItemById(id); //取得要移除的MenuItem widget.menu.remove(menuItem); //從Menu移除MenuItem } function ClearMenu() { widget.menu.clear(); //清除所有新增的MenuItem } function SetSoftKey(id, softkey) { var menuItem = widget.menu.getMenuItemById(id); //取得要設定SoftKey的MenuItem if (softkey == 'left') { widget.menu.setSoftKey(menuItem, widget.menu.leftSoftKeyIndex); //左鍵 } else { widget.menu.setSoftKey(menuItem, widget.menu.rightSoftKeyIndex); //右鍵 } } </script> <script type="text/javascript"> function showMsgHandler(msg) { alert(msg); } CreateMenu(1001, 'show1', function() { showMsgHandler('Hello puma'); }); //加入一個MenuItem,ID為1001 CreateMenu(1002, 'show2', function() { showMsgHandler('Hello Mobile 6.5'); }); //加入一個MenuItem,ID為1002 CreateMenu(1003, 'show3', function() { showMsgHandler('Hello dotblogs'); }); //加入一個MenuItem,ID為1003 RemoveMenu(1002); //移除ID為1002的MenuItem SetSoftKey(1001, 'left'); //設定ID為1001的MenuItem,使用 "左快速鍵" </script>

將三個檔案壓成zip檔,副檔名改成.widget

安裝過程：

在Start 功能表多一個Widget 的圖示出來(圖示就是壓縮檔裡的F6-Logo.jpg)

執行Widget

leftSoftKey的使用方法

安裝存放目錄如下：

My Device → Program Files → Widgets → User

移除方法如下：

From the Start menu select Settings → System → Remove Programs.

參考網址：
http://msdn.microsoft.com/en-us/library/dd721906.aspx

回首頁