123
edits
Changes
Development Team/Almanac/sugar.graphics.icon (view source)
Revision as of 21:32, 23 February 2010
, 21:32, 23 February 2010moved Walter is a wanker 12/Almanac/sugar.graphics.icon to Development Team/Almanac/sugar.graphics.icon over redirect: revert
= Class: Icon =
=== Where do I put images for icons so that they can easily be referenced in my code? ===
= Class: CanvasIcon =
In your main activity bundle directory, you should have a subdirectory called 'icons'. In this directory, place any image files (usually in svg) format and then you can refer to those images by using the filename without the extension. For example, the activity containing the files below could refer to the following images for use with icons: 'edit-custom', 'ok-button', 'next-page' and 'prev-page'.
<pre>
Annotate.activity
|-- activity
| |-- activity-annotate.svg
| `-- activity.info
|-- icons
| |-- edit-custom.svg
| |-- next-page.svg
| |-- ok-button.svg
| `-- prev-page.svg
</pre>
= Class: Icon ([http://www.pygtk.org/docs/pygtk/ gtk.Image])=
=== How do I create a button with a specific icon image? ===
You must first create the appropriately sized Icon object, as shown below. Then you will use the [http://www.pygtk.org/docs/pygtk/class-gtkbutton.html#method-gtkbutton--set-image set_image()] method to assign the icon to the button.
<pre>
import pygtk
pygtk.require('2.0')
import gtk
from sugar.graphics.icon import Icon
...
#previous page button
prev_page_button = gtk.Button()
prev_page_icon = Icon(icon_name='prev-page', icon_size=gtk.ICON_SIZE_BUTTON)
prev_page_button.set_image(prev_page_icon)
</pre>