Touch Draw Letters Image¶

The Touch Draw Letters control allows you to implement a way to add letters to an image to mark portions of it or draw attention to it.

TouchDrawLettersImage

Properties¶

Source - ImageSource¶

Gets or sets the source image. Default value is null.

DrawItemForegroundColor - Color¶

Gets or sets the foreground color of the letter. Default is White.

DrawItemBackgroundColor - Color¶

Gets or sets the background color of the letter.

BorderSize - double¶

Gets or sets the border size. Default is 2d.

FontSize - double¶

Gets or sets the font size.

Typeface - SKTypeface¶

Gets or sets the typeface.

Example Usage¶

Xaml¶

 <aurora:TouchDrawLettersImage 
                x:Name="control" 
                Grid.Row="1"
                Source="http://floodmagazine.com/wp-content/uploads/2016/07/Steve_Brule-2016-Marc_Lemoine-5-677x1024.jpg" 
                HorizontalOptions="FillAndExpand" VerticalOptions="FillAndExpand" >
                <aurora:TouchDrawLettersImage.TouchDrawLetters>
                    <aurora:TouchDrawLetter Value="A" Location="50, 50" ForegroundColorOverride="Fuchsia" BackgroundColorOverride="White" />
                </aurora:TouchDrawLettersImage.TouchDrawLetters>

C#¶

var draw = new TouchDrawLettersImage
    {
        Source = "http://floodmagazine.com/wp-content/uploads/2016/07/Steve_Brule-2016-Marc_Lemoine-5-677x1024.jpg",
        BorderSize = 1,
    };