Question

我使用textblock创建了用户控件。但它不会包装。此用户将服务器控制为listboxitem。

 <Grid x:Name="MainGrid" Height="Auto" Width="Auto">

    <StackPanel Orientation="Horizontal">


        <Image Height="50" Width="100" Stretch="Uniform" Name="image1"  Source="{Binding Path=VideoImageUrl}" Margin="12,12,13,84" MouseLeftButtonDown="image1_MouseLeftButtonDown" MouseEnter="image1_MouseEnter" MouseLeave="image1_MouseLeave" />

            <StackPanel Orientation="Vertical" >


            <TextBlock TextWrapping="Wrap"  Height="Auto" HorizontalAlignment="Left"  Name="titleTextBox" 
                    Text="{Binding Path=Title, Mode=TwoWay, ValidatesOnExceptions=true, NotifyOnValidationError=true}" 
                    VerticalAlignment="Center" Width="Auto" FontSize="14" FontWeight="SemiBold" />
            <StackPanel Orientation="Vertical" x:Name="StackPanelDetails">

                    <TextBlock  Height="Auto" HorizontalAlignment="Left" Name="desciptionTextBox" 
                                TextWrapping="Wrap"
                    Text="{Binding Path=Desciption, Mode=OneWay, ValidatesOnExceptions=true, NotifyOnValidationError=true}" 
                    VerticalAlignment="Center" Width="Auto" />

                <Line />
                <ItemsControl x:Name="CustomItemsSource" ItemsSource="{Binding Path=LinksList}" >

                <ItemsControl.ItemTemplate>
                    <DataTemplate>
                        <TextBlock>
                            <Hyperlink  NavigateUri="{Binding Path=TopicUrl}" RequestNavigate="Hyperlink_RequestNavigate" >
                              <TextBlock Text="{Binding Path=TopicName}" />
                            </Hyperlink>
                        </TextBlock>
                    </DataTemplate>
                </ItemsControl.ItemTemplate>

            </ItemsControl>
            </StackPanel>

        </StackPanel>

    </StackPanel>


</Grid>

Answer 1

ListBox的默认模板不会自动限制其项目的宽度，而是使用ScrollViewer，当项目比ListBox宽时，它会显示水平滚动条。

您可以通过替换ListBox＆{39} Template来删除ScrollViewer：

<ListBox ...>
    <ListBox.Template>
        <ControlTemplate>
            <StackPanel IsItemsHost="True"/>
        </ControlTemplate>
    </ListBox.Template>
    ...
</ListBox>

另一个需要注意的重要事项是，顶级网格中的StackPanel无法正确调整包含元素的大小。在下面的简化示例中，TextBlock 中的文本未包装，因为包含StackPanel的内容根本没有按预期调整大小：

<Grid>
    <StackPanel Orientation="Horizontal">
        <Image ... />
        <Text TextWrapping="Wrap" Text=... />
    </StackPanel>
</Grid>

这种方式可以按预期工作：

<Grid>
    <Grid.ColumnDefinitions>
        <ColumnDefinition Width="Auto"/>
        <ColumnDefinition/>
    </Grid.ColumnDefinitions>
    <Image ... />
    <TextBlock Grid.Column="1" TextWrapping="Wrap" Text=... />
</Grid>

用户控件中的文本块TextWrapping未换行

1 个答案: