2017-12-19 19 views
0

サイズ変更可能なウィンドウで画像の横に大きなテキストを表示したい。WrapPanel with 2 items WPF

私はhereを見つけましたが、WrapPanelを使用するのは簡単ですが、このコントロールには固定幅が必要で、ウィンドウの幅は固定されていません。

Iは、次のコードを試みたが、時には、テキストが画像(ウィンドウサイズにdepanding)の下に配置される。この境界はウィンドウと同じ幅グリッド上にある

<Border Grid.Row="0" BorderBrush="Black" BorderThickness="1" CornerRadius="1" Background="PaleGoldenrod" Grid.Column="0" Margin="5"> 
    <StackPanel Orientation="Vertical" Opacity="0.8" > 
     <WrapPanel Orientation="Horizontal" Width="{Binding ElementName=RadGridViewFoldersSettingsRSP, Path=Width}"> 
      <Image Source="/Pics/Resources/btn_about_active.png" Margin="2" Width="20"/> 
      <TextBlock Text="blablabla" TextWrapping="WrapWithOverflow" Margin="2" FontStyle="Italic"/> 
     </WrapPanel> 
    </StackPanel> 
</Border> 

私を助けることができますか?

+4

なぜWrapPanelをまったく使用していますか?イメージの横にTextBlockを常に配置する場合は、StackPanelを使用する必要があります。 – mm8

+0

StackPanelには折り返しがありません。また、ウィンドウの幅のテキストが表示されている場合は、このテキストの一部が非表示になります。 –

+0

ウィンドウサイズのテキストデパンドをラップしたいと思います。私はあなたに答えるために検索したときに解決策を見つけました。私は今ここに公開しよう! –

答えて

0

は私の問題を解決するには、私は別の道に行くよ:

<Border Grid.Row="0" BorderBrush="Black" BorderThickness="1" CornerRadius="1" Background="PaleGoldenrod" Grid.Column="0" Margin="5"> 
    <Grid> 
     <Grid.ColumnDefinitions> 
      <ColumnDefinition Width="Auto"/> 
      <ColumnDefinition Width="*"/> 
     </Grid.ColumnDefinitions> 

     <Image Source="/Pics/Resources/btn_about_active.png" Margin="2" Width="20" Grid.Column="0"/> 
     <TextBlock Grid.Column="1" Text="BIG TEXT" TextWrapping="WrapWithOverflow" Margin="2" FontStyle="Italic"/> 
    </Grid> 
</Border> 

感謝の彼の反応性についてMM8します!

関連する問題