Properties panel
The Properties panel is where you can view and modify the properties of a XAML object that is selected on the artboard or in the Objects and Timeline panel. If you modify an object directly on the artboard, the property changes will be reflected in the Properties panel.
The Properties panel
.png "プロパティ パネル")
.png "吹き出し A") |
Categories An expandable and collapsible categories of properties. Click Expand |
.png "JJ171037.6375953d-074c-421a-bbb3-6f5055b67b64(ja-jp,VS.110).png")
and Collapse .png "折りたたむ")
to show or hide category details..png "吹き出し 1") |
Name and Type Displays the icon, name and type of the selected object. |
.png "吹き出し 10") |
Brush editor tabs Use to select a brush editor. The selected property under Brushes can be set to No brush, Solid Color Brush, Gradient Brush, Tile Brush, or to a Brush resource. |
.png "吹き出し 2") |
Arrange by Use to arrange properties alphabetically by name, source, or category. |
.png "吹き出し 11") |
Color resources Allows you to apply the exact same color to different properties. The Color Resources tab includes Local Resources and System Resources. |
.png "吹き出し 3") |
Brush properties Displays visual properties for brushes such as Fill brush, Stroke brush, and Foreground brush. |
.png "吹き出し 12") |
RGB color space You can modify the color by adjusting the values for the R, G, or B (red, green, blue) number editors. |
.png "吹き出し 4") |
Color editor Use for solid color and gradient brushes. |
.png "吹き出し 13") |
Alpha channel Modify the Alpha value by using the number editor next to A. |
.png "吹き出し 5") |
Color picker Use the color slider to select a color. |
.png "吹き出し 14") |
Convert color to resource Displays categories of properties that are less commonly used. You can converts the selected color to a color resource. Color resources are are available when you click the Color resources tab. |
.png "吹き出し 6") |
Color chips Displays the initial color, current color, and last color |
.png "吹き出し 15") |
Hex value Displays the hexadecimal value of the color displayed. |
.png "吹き出し 7") |
Eyedroppers The Color eyedropper is available when Solid color brush is selected. The Gradient eyedropper is available when the Gradient brush is selected. |
.png "吹き出し 16") |
Gradient slider The gradient slider with gradient stops, which appears only if a gradient brush is selected. |
.png "吹き出し 8") |
Properties and Events Displays the properties or the event handlers for a selected element. |
.png "吹き出し 17") |
Show advanced properties Displays categories of properties that are less commonly used. |
.png "吹き出し 9") |
Search box Filter the properties that are displayed by typing text in the Search box. |
Value editors
The Properties panel includes a number editor for entering values such as degrees, pixels, percentages, and so on. For example, the RGBA color space text boxes in the preceding image are number editors. You can click an existing numerical value and type the exact value you want, or you can use the unique slider to change values by moving your pointer over the text box of the property, and then dragging when the numerical adjust pointer .png "JJ171037.99713193-615f-4ee2-a668-522b5572f389(ja-jp,VS.110).png")
appears. You can also click in the text box of the property and use the Up Arrow and Down Arrow keys to adjust the value.
.gif "JJ171037.collapse_all(ja-jp,VS.110).gif")
Advanced properties
Most categories of properties in the Properties panel have an expandable advanced section, which you can open by clicking Show advanced properties .png "詳細設定プロパティの表示")
at the bottom of the category. The advanced properties are less commonly used, including subproperty and collection editors.
Subproperty and collection editors
Some properties represent a collection of values, or represent an object with properties of its own. For example, if you add rows or columns to a Grid layout panel by clicking Edit items in this collection next to the ColumnDefinitions or RowDefinitions property, a collection editor appears in which you can add rows and columns. If you add a document to a FlowDocumentScrollViewer object by clicking New next to the Document property, a subproperty editor expands below the Document property. In the subproperty editor, you can view and modify the properties for the new document.
Setting special values
You can view additional property options by clicking Advanced options .png "JJ171037.12e06962-5d8a-480d-a837-e06b84c545bb(ja-jp,VS.110).png")
next to the property that you want to modify, including custom expressions, resources, or data bindings, or to reset the property to its default value. After you set a property in the Advanced Options list, the name of the property is given a colored border so that you know what type of value is set. For example, if you set the value of a property to a System Resource, the property name will be given a green border.
Advanced options menu
.png "プロパティ マーカーを示すプロパティ パネル")