Question

我一直在尝试动态创建控件，到目前为止它正在运行。但我的问题是布局

<Grid Grid.Row="2" >
                <ItemsControl IsTabStop="False" ItemsSource="{Binding ListControls}">
                    <ItemsControl.ItemTemplate>
                        <DataTemplate>
                            <StackPanel Orientation="Horizontal" HorizontalAlignment="Stretch">
                                <Grid>
                                    <Grid.RowDefinitions>
                                        <RowDefinition Height="120*"/>
                                        <RowDefinition Height="120*"/>
                                        <RowDefinition/>
                                    </Grid.RowDefinitions>
                                    <Label  Content="AN:" Margin="5,5,5,5" FontSize="14" VerticalContentAlignment="Center"/>
                                    <TextBox  Grid.Column="1" FontSize="14" VerticalContentAlignment="Center" Margin="5,5,5,5"/>
                                </Grid>
                            </StackPanel>
                        </DataTemplate>
                    </ItemsControl.ItemTemplate>
                </ItemsControl>
            </Grid>

上面的xaml。这是布局的屏幕截图

如果我使用像这样的xaml

 <Grid Grid.Row="2" >
                <ItemsControl IsTabStop="False" ItemsSource="{Binding ListControls}">
                    <ItemsControl.ItemTemplate>
                        <DataTemplate>
                            <StackPanel Orientation="Horizontal" HorizontalAlignment="Stretch">
                                <Label  Content="AN:" Margin="5,5,5,5" FontSize="14" VerticalContentAlignment="Center"/>
                                <TextBox  Width="100" FontSize="14" VerticalContentAlignment="Center" Margin="5,5,5,5"/>
                            </StackPanel>
                        </DataTemplate>
                    </ItemsControl.ItemTemplate>
                </ItemsControl>
            </Grid>

但我的目标是，如果程序最大化，我希望文本框能够扩展。

如何调整xaml代码以扩展文本框？谢谢

Answer 1

直接使用Grid代替StackPanel也会移除Width="100"。

<Grid HorizontalAlignment="Stretch">
    <Grid.ColumnDefinitions>
        <ColumnDefinition Width="Auto"/>
        <ColumnDefinition Width="*"/>
    </Grid.ColumnDefinitions>
    <Label Grid.Column="0"  Content="AN:" Margin="5,5,5,5" FontSize="14" VerticalContentAlignment="Center"/>
    <TextBox Grid.Column="1" FontSize="14" VerticalContentAlignment="Center" Margin="5,5,5,5"/>
</Grid>

使用mvvm动态创建控件

1 个答案: