Difference between revisions of "IBookAuthor: A Skeleton Widget"

From dftwiki3
Jump to: navigation, search
(Files)
(PNG Files)
Line 78: Line 78:
 
<br /><br /><br /><br /><br /><br /><br /><br /><br />
 
<br /><br /><br /><br /><br /><br /><br /><br /><br />
  
* Default@2x.png<br />[[Image:iBookWidget_Default2x.png|frame|right|150px]]
+
* Default@2x.png: this is the double resolution version of Default.png for Retina display iPads:<br />[[Image:iBookWidget_Default2x.png|frame|right|150px]]
 
<br />
 
<br />
 
<br /><br /><br /><br /><br /><br /><br /><br /><br />
 
<br /><br /><br /><br /><br /><br /><br /><br /><br />

Revision as of 17:30, 27 January 2013

--D. Thiebaut 13:38, 27 January 2013 (EST)


Reference

The main reference for creating Dashboard widgets is Apple's own page on the subject, titled About HTML Widget Creation. This page, in some ways, is the true definition of a skeleton widget.

Hierarchy

skeleton.wdgt
skeleton.wdgt/Default.png
skeleton.wdgt/Default@2x.png
skeleton.wdgt/Info.plist
skeleton.wdgt/main.html

Files

  • main.html


The widget will simply display "Hello World" when clicked on inside the iBook.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8">
</head>
<body>
<center> <h1>Hello World!</h1></center>
</body>
</html>


  • Info.plist


<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
<plist version="1.0">
<dict>
	<key>CFBundleDevelopmentRegion</key>
	<string>English</string>
	<key>CFBundleDisplayName</key>
	<string>skeleton2</string>
	<key>CFBundleIdentifier</key>
	<string>com.thiebaut.widget.Untitled</string>
	<key>CFBundleName</key>
	<string>skeleton2</string>
	<key>CFBundleShortVersionString</key>
	<string>1.0</string>
	<key>CFBundleVersion</key>
	<string>1.0</string>
	<key>CloseBoxInsetX</key>
	<integer>15</integer>
	<key>CloseBoxInsetY</key>
	<integer>15</integer>
	<key>Height</key>
	<integer>380</integer>
	<key>MainHTML</key>
	<string>main.html</string>
	<key>Width</key>
	<integer>280</integer>
</dict>
</plist>


PNG Files

  • Default.png
    IBookWidget Default.png





























  • Default@2x.png: this is the double resolution version of Default.png for Retina display iPads:
    IBookWidget Default2x.png