Basic Library for WPF/Silverlight
項目を折り返す
製品の概要 > LayoutPanels (Silverlight のみ) > レイアウトパネルの機能 > 項目を折り返す
C1WrapPanel.BreakLine Attached プロパティを使用すると、項目を折り返すことができます。この例では、HyperlinkButtons を使用します。次の手順に従います。
  1. 1.Silverlight プロジェクトで、ツールボックスから C1WrapPanel コントロールをドラッグし、.xaml ページの 終了タグの前に置きます。
  2. <c1:C1WrapPanel>タグの間にカーソルを置き、［Enter］キーを押します。
  3. 3.次の XAML を追加して HyperlinkButtons を折り返します。
    XAML
    コードのコピー 
      <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" c1: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="Silverlight" />
      </Border>
      <Border Margin="2" BorderBrush="Black" BorderThickness="2"  Background="Purple">
          <HyperlinkButton Foreground="White" Content="水平方向に折り返し" FontSize="20"  />
      </Border>

    ２番目の HyperlinkButton では、C1WrapPanel.BreakLine プロパティは "After" に設定されています。これにより、ボタンの後に改行が追加されます。

  4. 4.プロジェクトを実行します。C1WrapPanel は、次の図のようになります 

デフォルトでは、項目は水平方向に折り返されます。ただし、垂直方向に折り返すこともできます。垂直方向の折り返しを指定するには、Orientation プロパティを設定します。この例では、HyperlinkButtons を使用します。次の手順に従います。

  1. Silverlight プロジェクトで、ツールボックスから C1WrapPanel コントロールをドラッグし、.xaml ページの </Grid> 終了タグの前に置きます。
  2. <c1:C1WrapPanel> タグで、Orientation プロパティを "Vertical" に設定します。XAML は次のようになります。
XAML
コードのコピー 
<c1:C1WrapPanel Orientation="Vertical">
  1. <c1:C1WrapPanel> タグの間にカーソルを置き、［Enter］キーを押します。
  2. 次の XAML を追加して HyperlinkButtons を折り返します。
    XAML
    コードのコピー 
        <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" c1: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="Silverlight" />
      </Border>
      <Border Margin="2" BorderBrush="Black" BorderThickness="2"  Background="Purple">
          <HyperlinkButton Foreground="White" Content="垂直方向に折り返し" FontSize="20"  />
      </Border>
  3. プロジェクトを実行します。C1WrapPanel は、次の図のようになります。

 

 

Copyright © GrapeCity, Inc. All rights reserved.