InkToolbarPenConfigurationControl InkToolbarPenConfigurationControl InkToolbarPenConfigurationControl InkToolbarPenConfigurationControl Class

Definition

Represents an object used to configure an optional flyout associated with an InkToolbarCustomPenButton. An "extension glyph" is displayed on the button to indicate the existence of the flyout.

public : class InkToolbarPenConfigurationControl : Control, IInkToolbarPenConfigurationControlpublic class InkToolbarPenConfigurationControl : Control, IInkToolbarPenConfigurationControlPublic Class InkToolbarPenConfigurationControl Inherits Control Implements IInkToolbarPenConfigurationControl// This API is not available in Javascript.
Inheritance
InkToolbarPenConfigurationControlInkToolbarPenConfigurationControlInkToolbarPenConfigurationControlInkToolbarPenConfigurationControl
Attributes
Windows 10 requirements
Device family
Windows 10 Anniversary Edition (introduced v10.0.14393.0)
API contract
Windows.Foundation.UniversalApiContract (introduced v3)

Inherited Members

Inherited properties

Inherited events

Inherited methods

Examples

Here's an example of a custom pen that reuses the default InkToolbarPenConfigurationControl.

<!-- Set up locally defined resource dictionary. -->
<Page.Resources>
    <!-- Add the custom CalligraphicPen to the page resources. -->
    <local:CalligraphicPen x:Key="CalligraphicPen" />
    <!-- Specify the colors for the palette of the custom pen. -->
    <BrushCollection x:Key="CalligraphicPenPalette">
        <SolidColorBrush Color="Blue" />
        <SolidColorBrush Color="Red" />
    </BrushCollection>
</Page.Resources>

<Grid Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">
    <Grid.RowDefinitions>
        <RowDefinition Height="Auto"/>
        <RowDefinition Height="*"/>
    </Grid.RowDefinitions>
    <StackPanel x:Name="HeaderPanel" Orientation="Horizontal" Grid.Row="0">
        <TextBlock x:Name="Header" 
                   Text="Basic ink sample" 
                   Style="{ThemeResource HeaderTextBlockStyle}" 
                   Margin="10,0,0,0" />
    </StackPanel>
    <Grid Grid.Row="1">
        <!--<Image Source="Assets\StoreLogo.png" />-->
        <InkCanvas x:Name="inkCanvas" />
        <InkToolbar x:Name="inkToolbar" 
                    VerticalAlignment="Top" 
                    TargetInkCanvas="{x:Bind inkCanvas}">
            <InkToolbarCustomPenButton 
                CustomPen="{StaticResource CalligraphicPen}"
                MinStrokeWidth="1" MaxStrokeWidth="3" SelectedStrokeWidth="2"
                Palette="{StaticResource CalligraphicPenPalette}"
                SelectedBrushIndex ="1"
                ToolTipService.ToolTip="Calligraphic pen">
                <SymbolIcon Symbol="Favorite" />
                <InkToolbarCustomPenButton.ConfigurationContent>
                    <InkToolbarPenConfigurationControl />
                </InkToolbarCustomPenButton.ConfigurationContent>
            </InkToolbarCustomPenButton>
        </InkToolbar>
    </Grid>
</Grid>

Remarks

The InkToolbarPenConfigurationControl is configured by default for built-in pen buttons derived from InkToolbarPenButton. Custom pen buttons can use these default settings or fully customize them (see examples).

Constructors

InkToolbarPenConfigurationControl() InkToolbarPenConfigurationControl() InkToolbarPenConfigurationControl() InkToolbarPenConfigurationControl()

Properties

PenButton PenButton PenButton PenButton

Gets the InkToolbarPenButton from which to derive the ConfigurationContent for the optional flyout.

public : InkToolbarPenButton PenButton { get; }public InkToolbarPenButton PenButton { get; }Public ReadOnly Property PenButton As InkToolbarPenButton// This API is not available in Javascript.
See Also

PenButtonProperty PenButtonProperty PenButtonProperty PenButtonProperty

Identifies the PenButton dependency property.

public : static DependencyProperty PenButtonProperty { get; }public static DependencyProperty PenButtonProperty { get; }Public Static ReadOnly Property PenButtonProperty As DependencyProperty// This API is not available in Javascript.
Value
DependencyProperty DependencyProperty DependencyProperty DependencyProperty

The identifier for the PenButton dependency property.

See Also

See Also