Basic Library for UWP
C1WrapPanel で項目を折り返す
Basic Library for UWP > Layout Panels for UWP > タスク別ヘルプ > C1WrapPanel で項目を折り返す

C1WrapPanel.BreakLine 添付プロパティを使用すると、項目を折り返すことができます。この例では、HyperlinkButtons を使用します。次の手順に従います。

  1. プロジェクトで、ツールボックスから C1WrapPanel コントロールをドラッグし、.xaml ページの </Grid> 終了タグの前に置きます。
  2. <Xaml:C1WrapPanel> タグの間にカーソルを置き、[Enter]キーを押します。
  3. 次の XAML を追加して HyperlinkButtons を折り返します。
    マークアップ
    コードのコピー
    <Border Margin="2" BorderBrush="Black" BorderThickness="2" Background="Orange">
        <HyperlinkButton Foreground="White"  Content="サンプルテキスト" FontSize="25" />
    </Border>
    <Border Margin="2" BorderBrush="Black" BorderThickness="2" Background="Green" Xaml:C1WrapPanel.BreakLine="After">
        <HyperlinkButton Foreground="White" Content="後ろに改行を追加します" />
    </Border>
    <Border Margin="2" BorderBrush="Black" BorderThickness="2" Background="Blue">
        <HyperlinkButton Foreground="White" Content="C1WrapPanel" FontSize="16"/>
    </Border>
    <Border Margin="2" BorderBrush="Black" BorderThickness="2" Background="Red">
        <HyperlinkButton Foreground="White" Content="UWP" />
    </Border>
    <Border Margin="2" BorderBrush="Black" BorderThickness="2"  Background="Purple">
        <HyperlinkButton Foreground="White" Content="水平方向に折り返し" FontSize="20" />
    </Border>
    2番目の HyperlinkButton では、C1WrapPanel.BreakLine プロパティは "After" に設定されています。これにより、ボタンの後に改行が追加されます。
  4. プロジェクトを実行します。C1WrapPanel は、次の図のようになります。    
    2番目の HyperlinkButton の後に改行があります。
関連トピック