379 lines
13 KiB
Python
379 lines
13 KiB
Python
# -*- coding: utf-8 -*-
|
|
#
|
|
# gPodder - A media aggregator and podcast client
|
|
# Copyright (c) 2005-2018 The gPodder Team
|
|
#
|
|
# gPodder is free software; you can redistribute it and/or modify
|
|
# it under the terms of the GNU General Public License as published by
|
|
# the Free Software Foundation; either version 3 of the License, or
|
|
# (at your option) any later version.
|
|
#
|
|
# gPodder is distributed in the hope that it will be useful,
|
|
# but WITHOUT ANY WARRANTY; without even the implied warranty of
|
|
# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
|
# GNU General Public License for more details.
|
|
#
|
|
# You should have received a copy of the GNU General Public License
|
|
# along with this program. If not, see <http://www.gnu.org/licenses/>.
|
|
#
|
|
|
|
|
|
#
|
|
# draw.py -- Draw routines for gPodder-specific graphics
|
|
# Thomas Perl <thp@perli.net>, 2007-11-25
|
|
#
|
|
|
|
import gpodder
|
|
|
|
import gi
|
|
gi.require_version('PangoCairo', '1.0')
|
|
|
|
from gi.repository import Gtk
|
|
from gi.repository import Gdk
|
|
from gi.repository import GdkPixbuf
|
|
from gi.repository import Pango
|
|
from gi.repository import PangoCairo
|
|
|
|
import cairo
|
|
|
|
import io
|
|
import math
|
|
|
|
|
|
class TextExtents(object):
|
|
def __init__(self, ctx, text):
|
|
tuple = ctx.text_extents(text)
|
|
(self.x_bearing, self.y_bearing, self.width, self.height, self.x_advance, self.y_advance) = tuple
|
|
|
|
|
|
EPISODE_LIST_ICON_SIZE = 16
|
|
|
|
RRECT_LEFT_SIDE = 1
|
|
RRECT_RIGHT_SIDE = 2
|
|
|
|
|
|
def draw_rounded_rectangle(ctx, x, y, w, h, r=10, left_side_width = None, sides_to_draw=0, close=False):
|
|
assert left_side_width is not None
|
|
|
|
x = int(x)
|
|
offset = 0
|
|
if close: offset = 0.5
|
|
|
|
if sides_to_draw & RRECT_LEFT_SIDE:
|
|
ctx.move_to(x+int(left_side_width)-offset, y+h)
|
|
ctx.line_to(x+r, y+h)
|
|
ctx.curve_to(x, y+h, x, y+h, x, y+h-r)
|
|
ctx.line_to(x, y+r)
|
|
ctx.curve_to(x, y, x, y, x+r, y)
|
|
ctx.line_to(x+int(left_side_width)-offset, y)
|
|
if close:
|
|
ctx.line_to(x+int(left_side_width)-offset, y+h)
|
|
|
|
if sides_to_draw & RRECT_RIGHT_SIDE:
|
|
ctx.move_to(x+int(left_side_width)+offset, y)
|
|
ctx.line_to(x+w-r, y)
|
|
ctx.curve_to(x+w, y, x+w, y, x+w, y+r)
|
|
ctx.line_to(x+w, y+h-r)
|
|
ctx.curve_to(x+w, y+h, x+w, y+h, x+w-r, y+h)
|
|
ctx.line_to(x+int(left_side_width)+offset, y+h)
|
|
if close:
|
|
ctx.line_to(x+int(left_side_width)+offset, y)
|
|
|
|
|
|
def rounded_rectangle(ctx, x, y, width, height, radius=4.):
|
|
"""Simple rounded rectangle algorithmn
|
|
|
|
http://www.cairographics.org/samples/rounded_rectangle/
|
|
"""
|
|
degrees = math.pi / 180.
|
|
ctx.new_sub_path()
|
|
if width > radius:
|
|
ctx.arc(x + width - radius, y + radius, radius, -90. * degrees, 0)
|
|
ctx.arc(x + width - radius, y + height - radius, radius, 0, 90. * degrees)
|
|
ctx.arc(x + radius, y + height - radius, radius, 90. * degrees, 180. * degrees)
|
|
ctx.arc(x + radius, y + radius, radius, 180. * degrees, 270. * degrees)
|
|
ctx.close_path()
|
|
|
|
|
|
def draw_text_box_centered(ctx, widget, w_width, w_height, text, font_desc=None, add_progress=None):
|
|
style_context = widget.get_style_context()
|
|
text_color = style_context.get_color(Gtk.StateFlags.PRELIGHT)
|
|
|
|
if font_desc is None:
|
|
font_desc = style_context.get_font(Gtk.StateFlags.NORMAL)
|
|
font_desc.set_size(14*Pango.SCALE)
|
|
|
|
pango_context = widget.create_pango_context()
|
|
layout = Pango.Layout(pango_context)
|
|
layout.set_font_description(font_desc)
|
|
layout.set_text(text, -1)
|
|
width, height = layout.get_pixel_size()
|
|
|
|
ctx.move_to(w_width/2-width/2, w_height/2-height/2)
|
|
ctx.set_source_rgba(text_color.red, text_color.green, text_color.blue, 0.5)
|
|
PangoCairo.show_layout(ctx, layout)
|
|
|
|
# Draw an optional progress bar below the text (same width)
|
|
if add_progress is not None:
|
|
bar_height = 10
|
|
ctx.set_source_rgba(*text_color)
|
|
ctx.set_line_width(1.)
|
|
rounded_rectangle(ctx, w_width/2-width/2-.5, w_height/2+height-.5, width+1, bar_height+1)
|
|
ctx.stroke()
|
|
rounded_rectangle(ctx, w_width/2-width/2, w_height/2+height, int(width*add_progress)+.5, bar_height)
|
|
ctx.fill()
|
|
|
|
|
|
def draw_cake(percentage, text=None, emblem=None, size=None):
|
|
# Download percentage bar icon - it turns out the cake is a lie (d'oh!)
|
|
# ..but the inital idea was to have a cake-style indicator, but that
|
|
# didn't work as well as the progress bar, but the name stuck..
|
|
|
|
if size is None:
|
|
size = EPISODE_LIST_ICON_SIZE
|
|
|
|
surface = cairo.ImageSurface(cairo.FORMAT_ARGB32, size, size)
|
|
ctx = cairo.Context(surface)
|
|
|
|
bgc = get_background_color(Gtk.StateFlags.ACTIVE)
|
|
fgc = get_background_color(Gtk.StateFlags.SELECTED)
|
|
txc = get_foreground_color(Gtk.StateFlags.NORMAL)
|
|
|
|
border = 1.5
|
|
height = int(size*.4)
|
|
width = size - 2*border
|
|
y = (size - height) / 2 + .5
|
|
x = border
|
|
|
|
# Background
|
|
ctx.rectangle(x, y, width, height)
|
|
ctx.set_source_rgb(bgc.red, bgc.green, bgc.blue)
|
|
ctx.fill()
|
|
|
|
# Filling
|
|
if percentage > 0:
|
|
fill_width = max(1, min(width-2, (width-2)*percentage+.5))
|
|
ctx.rectangle(x+1, y+1, fill_width, height-2)
|
|
ctx.set_source_rgb(0.289, 0.5625, 0.84765625)
|
|
ctx.fill()
|
|
|
|
# Border
|
|
ctx.rectangle(x, y, width, height)
|
|
ctx.set_source_rgb(txc.red, txc.green, txc.blue)
|
|
ctx.set_line_width(1)
|
|
ctx.stroke()
|
|
|
|
del ctx
|
|
return surface
|
|
|
|
|
|
def draw_text_pill(left_text, right_text, x=0, y=0, border=2, radius=14, font_desc=None):
|
|
|
|
# Use GTK+ style of a normal Button
|
|
widget = Gtk.Label()
|
|
style_context = widget.get_style_context()
|
|
|
|
# Padding (in px) at the right edge of the image (for Ubuntu; bug 1533)
|
|
padding_right = 7
|
|
|
|
x_border = border*2
|
|
|
|
if font_desc is None:
|
|
font_desc = style_context.get_font(Gtk.StateFlags.NORMAL)
|
|
font_desc.set_weight(Pango.Weight.BOLD)
|
|
|
|
pango_context = widget.create_pango_context()
|
|
layout_left = Pango.Layout(pango_context)
|
|
layout_left.set_font_description(font_desc)
|
|
layout_left.set_text(left_text, -1)
|
|
layout_right = Pango.Layout(pango_context)
|
|
layout_right.set_font_description(font_desc)
|
|
layout_right.set_text(right_text, -1)
|
|
|
|
width_left, height_left = layout_left.get_pixel_size()
|
|
width_right, height_right = layout_right.get_pixel_size()
|
|
|
|
text_height = max(height_left, height_right)
|
|
|
|
image_height = int(y+text_height+border*2)
|
|
image_width = int(x+width_left+width_right+x_border*4+padding_right)
|
|
|
|
surface = cairo.ImageSurface(cairo.FORMAT_ARGB32, image_width, image_height)
|
|
ctx = cairo.Context(surface)
|
|
|
|
# Clip so as to not draw on the right padding (for Ubuntu; bug 1533)
|
|
ctx.rectangle(0, 0, image_width - padding_right, image_height)
|
|
ctx.clip()
|
|
|
|
if left_text == '0':
|
|
left_text = None
|
|
if right_text == '0':
|
|
right_text = None
|
|
|
|
left_side_width = width_left + x_border*2
|
|
right_side_width = width_right + x_border*2
|
|
|
|
rect_width = left_side_width + right_side_width
|
|
rect_height = text_height + border*2
|
|
if left_text is not None:
|
|
draw_rounded_rectangle(ctx,x,y,rect_width,rect_height,radius, left_side_width, RRECT_LEFT_SIDE, right_text is None)
|
|
linear = cairo.LinearGradient(x, y, x+left_side_width/2, y+rect_height/2)
|
|
linear.add_color_stop_rgba(0, .8, .8, .8, .5)
|
|
linear.add_color_stop_rgba(.4, .8, .8, .8, .7)
|
|
linear.add_color_stop_rgba(.6, .8, .8, .8, .6)
|
|
linear.add_color_stop_rgba(.9, .8, .8, .8, .8)
|
|
linear.add_color_stop_rgba(1, .8, .8, .8, .9)
|
|
ctx.set_source(linear)
|
|
ctx.fill()
|
|
xpos, ypos, width_left, height = x+1, y+1, left_side_width, rect_height-2
|
|
if right_text is None:
|
|
width_left -= 2
|
|
draw_rounded_rectangle(ctx, xpos, ypos, rect_width, height, radius, width_left, RRECT_LEFT_SIDE, right_text is None)
|
|
ctx.set_source_rgba(1., 1., 1., .3)
|
|
ctx.set_line_width(1)
|
|
ctx.stroke()
|
|
draw_rounded_rectangle(ctx,x,y,rect_width,rect_height,radius, left_side_width, RRECT_LEFT_SIDE, right_text is None)
|
|
ctx.set_source_rgba(.2, .2, .2, .6)
|
|
ctx.set_line_width(1)
|
|
ctx.stroke()
|
|
|
|
ctx.move_to(x+x_border, y+1+border)
|
|
ctx.set_source_rgba( 0, 0, 0, 1)
|
|
PangoCairo.show_layout(ctx, layout_left)
|
|
ctx.move_to(x-1+x_border, y+border)
|
|
ctx.set_source_rgba( 1, 1, 1, 1)
|
|
PangoCairo.show_layout(ctx, layout_left)
|
|
|
|
if right_text is not None:
|
|
draw_rounded_rectangle(ctx, x, y, rect_width, rect_height, radius, left_side_width, RRECT_RIGHT_SIDE, left_text is None)
|
|
linear = cairo.LinearGradient(x+left_side_width, y, x+left_side_width+right_side_width/2, y+rect_height)
|
|
linear.add_color_stop_rgba(0, .2, .2, .2, .9)
|
|
linear.add_color_stop_rgba(.4, .2, .2, .2, .8)
|
|
linear.add_color_stop_rgba(.6, .2, .2, .2, .6)
|
|
linear.add_color_stop_rgba(.9, .2, .2, .2, .7)
|
|
linear.add_color_stop_rgba(1, .2, .2, .2, .5)
|
|
ctx.set_source(linear)
|
|
ctx.fill()
|
|
xpos, ypos, width, height = x, y+1, rect_width-1, rect_height-2
|
|
if left_text is None:
|
|
xpos, width = x+1, rect_width-2
|
|
draw_rounded_rectangle(ctx, xpos, ypos, width, height, radius, left_side_width, RRECT_RIGHT_SIDE, left_text is None)
|
|
ctx.set_source_rgba(1., 1., 1., .3)
|
|
ctx.set_line_width(1)
|
|
ctx.stroke()
|
|
draw_rounded_rectangle(ctx, x, y, rect_width, rect_height, radius, left_side_width, RRECT_RIGHT_SIDE, left_text is None)
|
|
ctx.set_source_rgba(.1, .1, .1, .6)
|
|
ctx.set_line_width(1)
|
|
ctx.stroke()
|
|
|
|
ctx.move_to(x+left_side_width+x_border, y+1+border)
|
|
ctx.set_source_rgba( 0, 0, 0, 1)
|
|
PangoCairo.show_layout(ctx, layout_right)
|
|
ctx.move_to(x-1+left_side_width+x_border, y+border)
|
|
ctx.set_source_rgba( 1, 1, 1, 1)
|
|
PangoCairo.show_layout(ctx, layout_right)
|
|
|
|
return surface
|
|
|
|
|
|
def draw_cake_pixbuf(percentage, text=None, emblem=None):
|
|
return cairo_surface_to_pixbuf(draw_cake(percentage, text, emblem))
|
|
|
|
|
|
def draw_pill_pixbuf(left_text, right_text):
|
|
return cairo_surface_to_pixbuf(draw_text_pill(left_text, right_text))
|
|
|
|
|
|
def cairo_surface_to_pixbuf(s):
|
|
"""
|
|
Converts a Cairo surface to a Gtk Pixbuf by
|
|
encoding it as PNG and using the PixbufLoader.
|
|
"""
|
|
bio = io.BytesIO()
|
|
try:
|
|
s.write_to_png(bio)
|
|
except:
|
|
# Write an empty PNG file to the StringIO, so
|
|
# in case of an error we have "something" to
|
|
# load. This happens in PyCairo < 1.1.6, see:
|
|
# http://webcvs.cairographics.org/pycairo/NEWS?view=markup
|
|
# Thanks to Chris Arnold for reporting this bug
|
|
bio.write('iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A\n/wD/oL2nkwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9cMEQkqIyxn3RkAAAAZdEVYdENv\nbW1lbnQAQ3JlYXRlZCB3aXRoIEdJTVBXgQ4XAAAADUlEQVQI12NgYGBgAAAABQABXvMqOgAAAABJ\nRU5ErkJggg==\n'.decode('base64'))
|
|
|
|
pbl = GdkPixbuf.PixbufLoader()
|
|
pbl.write(bio.getvalue())
|
|
pbl.close()
|
|
|
|
pixbuf = pbl.get_pixbuf()
|
|
return pixbuf
|
|
|
|
|
|
def progressbar_pixbuf(width, height, percentage):
|
|
COLOR_BG = (.4, .4, .4, .4)
|
|
COLOR_FG = (.2, .9, .2, 1.)
|
|
COLOR_FG_HIGH = (1., 1., 1., .5)
|
|
COLOR_BORDER = (0., 0., 0., 1.)
|
|
|
|
surface = cairo.ImageSurface(cairo.FORMAT_ARGB32, width, height)
|
|
ctx = cairo.Context(surface)
|
|
|
|
padding = int(width/8.0)
|
|
bar_width = 2*padding
|
|
bar_height = height - 2*padding
|
|
bar_height_fill = bar_height*percentage
|
|
|
|
# Background
|
|
ctx.rectangle(padding, padding, bar_width, bar_height)
|
|
ctx.set_source_rgba(*COLOR_BG)
|
|
ctx.fill()
|
|
|
|
# Foreground
|
|
ctx.rectangle(padding, padding+bar_height-bar_height_fill, bar_width, bar_height_fill)
|
|
ctx.set_source_rgba(*COLOR_FG)
|
|
ctx.fill()
|
|
ctx.rectangle(padding+bar_width/3, padding+bar_height-bar_height_fill, bar_width/4, bar_height_fill)
|
|
ctx.set_source_rgba(*COLOR_FG_HIGH)
|
|
ctx.fill()
|
|
|
|
# Border
|
|
ctx.rectangle(padding-.5, padding-.5, bar_width+1, bar_height+1)
|
|
ctx.set_source_rgba(*COLOR_BORDER)
|
|
ctx.set_line_width(1.)
|
|
ctx.stroke()
|
|
|
|
return cairo_surface_to_pixbuf(surface)
|
|
|
|
|
|
def get_background_color(state=Gtk.StateFlags.NORMAL, widget=Gtk.TreeView()):
|
|
"""
|
|
@param state state flag (e.g. Gtk.StateFlags.SELECTED to get selected background)
|
|
@param widget specific widget to get info from.
|
|
defaults to TreeView which has all one usually wants.
|
|
@return background color from theme for widget or from its parents if transparent.
|
|
"""
|
|
p = widget
|
|
color = Gdk.RGBA(0, 0, 0, 0)
|
|
while p is not None and color.alpha == 0:
|
|
style_context = p.get_style_context()
|
|
color = style_context.get_background_color(0)
|
|
p = p.get_parent()
|
|
return color
|
|
|
|
|
|
def get_foreground_color(state=Gtk.StateFlags.NORMAL, widget=Gtk.TreeView()):
|
|
"""
|
|
@param state state flag (e.g. Gtk.StateFlags.SELECTED to get selected text color)
|
|
@param widget specific widget to get info from
|
|
defaults to TreeView which has all one usually wants.
|
|
@return text color from theme for widget or its parents if transparent
|
|
"""
|
|
p = widget
|
|
color = Gdk.RGBA(0, 0, 0, 0)
|
|
style_context = widget.get_style_context()
|
|
foreground = style_context.get_color(0)
|
|
while p is not None and color.alpha == 0:
|
|
style_context = p.get_style_context()
|
|
color = style_context.get_color(0)
|
|
p = p.get_parent()
|
|
return color
|