You want to create a round button as shown below:

• Load the button image with GdkPixbuf::new_from_file.
• Get the pixmap and mask with GdkPixbuf::render_pixmap_and_mask.
• Set the property GtkStyle::bg_pixmap to show the button image.
• Now make it a round button by setting the mask with GtkWidget::shape_combine_mask().

Note: The following image file is required by the sample code below. Please save a copy of the image file and put it in the same directory where you store the sample code.

button_play1.png

• Note that this is only 70% of the sample code. You have to be a registered member to see the entire sample code. Please login or register.
• Registration is free and immediate.
• Have some doubt about the registration? Please read this forum article.

You might be tempted to use GtkButton. Try it. You will see some lines by the edges. Think it's inherent for a button. That's why I ended up using GtkEventBox.

Note that you can use any image format that is supported by php-gtk, as long as the image format supports transparent background (e.g. png, gif). The transparent background will be become the mask to produce the round button.

In this example, I try to simplify the codes so that it's easier to see the fundamentals for displaying a round button.

In the next article, I will expand on this to show a more complete example - with button click state and rollover effect.

• How to create a round button - Part 2?
• How to create a round button - Part 3?