public void Draw(SKCanvas canvas, IReadOnlyViewport viewport, IWidget widget, float layerOpacity)
{
var hyperlink = (Hyperlink)widget;
if (string.IsNullOrEmpty(hyperlink.Text))
{
return;
}
using var textPaint = new SKPaint { Color = hyperlink.TextColor.ToSkia(layerOpacity), IsAntialias = true };
using var backPaint = new SKPaint { Color = hyperlink.BackColor.ToSkia(layerOpacity) };
// The textRect has an offset which can be confusing.
// This is because DrawText's origin is the baseline of the text, not the bottom.
// Read more here: https://developer.xamarin.com/guides/xamarin-forms/advanced/skiasharp/basics/text/
var textRect = new SKRect();
textPaint.MeasureText(hyperlink.Text, ref textRect);
// The backRect is straight forward. It is leading for our purpose.
var backRect = new SKRect(0, 0,
textRect.Width + hyperlink.PaddingX * 2,
textPaint.TextSize + hyperlink.PaddingY * 2); // Use the font's TextSize for consistency
var offsetX = GetOffsetX(backRect.Width, hyperlink.MarginX, hyperlink.HorizontalAlignment, viewport.Width);
var offsetY = GetOffsetY(backRect.Height, hyperlink.MarginY, hyperlink.VerticalAlignment, viewport.Height);
backRect.Offset(offsetX, offsetY);
canvas.DrawRoundRect(backRect, hyperlink.CornerRadius, hyperlink.CornerRadius, backPaint);
hyperlink.Envelope = backRect.ToMRect();
// To position the text within the backRect correct using the textRect's offset.
canvas.DrawText(hyperlink.Text,
offsetX - textRect.Left + hyperlink.PaddingX,
offsetY - textRect.Top + hyperlink.PaddingY, textPaint);
}