今回は NumberBox の増分/減分ボタンの表示スタイルを変更する方法について説明します。
環境
開発環境 | Microsoft Visual Studio Professional 2019 Preview Version 16.11.0 Preview 3.0 |
Framework | Microsoft .NET Framework Version 4.8.04084 |
その他 | Microsoft.Project Reunion 0.8.0-preview |
Microsoft.ProjectReunion.Foundation 0.8.0-preview | |
Microsoft.ProjectReunion.WinUI 0.8.0-preview | |
Microsoft.UI.Xaml 2.6.1 |
数値の増分/減分ステップを変更する
NumberBoxの数値を変更するためのボタンは SpinButtonPlacementMode プロパティでスタイルを変更することができます。
SpinButtonPlacementMode プロパティには、以下の NumberBoxSpinButtonPlacementMode 列挙体の値を指定することができます。
値 | 説明 |
---|---|
Compact | ボタンは垂直方向に表示されます |
Hidden | ボタンは表示されません |
Inline | ボタンが水平方向に表示されます |
以下に、スタイルを設定する例を示します。
<Window x:Class="NumberBoxSample.MainWindow" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:local="using:NumberBoxSample" xmlns:d="http://schemas.microsoft.com/expression/blend/2008" xmlns:muxc="using:Microsoft.UI.Xaml.Controls" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" mc:Ignorable="d"> <StackPanel Orientation="Vertical" HorizontalAlignment="Center" VerticalAlignment="Center"> <muxc:NumberBox x:Name="myNumberBox" SmallChange="5" LargeChange="10" SpinButtonPlacementMode="Compact"/> <muxc:NumberBox x:Name="myNumberBox2" SmallChange="5" LargeChange="10" SpinButtonPlacementMode="Inline" Margin="0,30,0,0"/> </StackPanel> </Window>
コードからスタイルを設定する場合は、以下のようにします。
public MainWindow() { this.InitializeComponent(); myNumberBox1.SpinButtonPlacementMode = NumberBoxSpinButtonPlacementMode.Compact; myNumberBox2.SpinButtonPlacementMode = NumberBoxSpinButtonPlacementMode.Inline; }
WinUI 3 Tips一覧
Please follow and like us:
コメント