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
| 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()
Initializes a new instance of the InkToolbarPenConfigurationControl class.
public : InkToolbarPenConfigurationControl()public InkToolbarPenConfigurationControl()Public Sub New()// This API is not available in Javascript.
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.
The base pen from which ConfigurationContent is derived.
- 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.
The identifier for the PenButton dependency property.
- See Also