Ajout de contrôles enfants à un WrapPanel

Je suis très nouveau à WPF.

J'ai un problème simple.

J'ai un stackpanel spTerminalBox.

<Grid>
    <Grid.ColumnDefinitions>
        <ColumnDefinition Width="300"/>
        <ColumnDefinition Width="881*"/>
        <ColumnDefinition Width="11*"/>
    </Grid.ColumnDefinitions>
    <Grid.RowDefinitions>
        <RowDefinition Height="156"/>
        <RowDefinition Height="371*"/>
    </Grid.RowDefinitions>
    <my:WindowHeader x:Name="title" Title="Internet Cafe management software (ICM)"   CloseClicked="window_CloseClicked"   VerticalAlignment="Top" Margin="0,-1,0,0" Grid.ColumnSpan="3" />
    <StackPanel Name ="spTerminalBox" Grid.Column="1" Grid.Row="1" Orientation="Horizontal" Margin="10,10,10,20"/>
</Grid>

Mon xaml structure, c'est qu'.

Je suis le remplissage d'un contrôle utilisateur dans stackpanel dynamiquement dans le code.
Une fois que si les éléments enfants sur un StackPanel ne rentrent pas dans le StackPanel zone, alors il ne devrait pas aller à l'extérieur de la zone visible, il doit descendre.

Comment faire ?

source d'informationauteur shanmugharaj

  1. 19

    XAML:

    <Window x:Class="WpfTestBench.PanelSample"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="PanelSample" Height="300" Width="300">
    <Grid>
        <WrapPanel Name="MyPanel" />
    </Grid>
</Window>

    Le code-behind:

    using System.Windows;
using System.Windows.Media;
using System.Windows.Shapes;

namespace WpfTestBench
{
    public partial class PanelSample
    {
        public PanelSample()
        {
            InitializeComponent();

            for (var i = 0; i < 5; i++)
            {
                MyPanel.Children.Add(new Rectangle
                {
                    Width = 100,
                    Height = 20,
                    StrokeThickness = 1,
                    Stroke = new SolidColorBrush(Colors.Black),
                    Margin = new Thickness(5)
                });
            }
        }
    }
}

    Résultat de l'exécution:

    Ajout de contrôles enfants à un WrapPanel

  2. 4

    vous devez utiliser un WrapPanel pour vos besoins.

  3. 1

    Envelopper votre StackPanel dans un ScrollViewer et appel ScrollIntoView() sur l'élément que vous venez d'ajouter.

  4. 1

    Au lieu d'utiliser StackPanel et l'ajout de UserControls utilisation ListBox lequel vous allez
    lier à un ObservableCollection.
    Le "ObservableCollection' informera la zone de liste lorsque des éléments sont ajoutés/supprimés.

    Changement de la zone de liste.ItemsPanel être Wrappanel au lieu de StackPanel

    prises de http://wpftutorial.net/

    "The wrap panel is similar to the StackPanel but it does not just stack all child elements to one row, it wraps them to new lines if no space is left. The Orientation can be set to Horizontal or Vertical."

    vous Xaml devrait ressembler à ceci:

    <ListBox  x:Name="MyListBox"
          ItemsSource="{Binding Source={StaticResource UserControlsObservableCollection}}"                                  
          HorizontalContentAlignment="Stretch"
          ScrollViewer.HorizontalScrollBarVisibility="Disabled"
          ScrollViewer.VerticalScrollBarVisibility="Disabled" >
    <ListBox.ItemsPanel>
        <ItemsPanelTemplate>
              <WrapPanel />
        </ItemsPanelTemplate>
    </ListBox.ItemsPanel>
</ListBox>
  5. 0

    il sera préférable d'utiliser pour votre cas, il a une propriété attachée prêt pour cela, mais StackPanel va travailler dans la FIFO

    DockPanel

    for example 

            Button btn = new Button();
            DockPanel.SetDock(btn,Dock.Bottom);
            dockPanelTerminalBox.Children.Add(btn);

    mais si vous voulez juste utiliser dans votre code derrière 

    spTerminalBox.Children.Add("yourControl");