<TextBlock> 错误周围的属性 <Border>

Question

我在这里是因为我有一个小问题。我想在我的文本块周围添加一个边框。这是我当前的脚本 (xaml)：

<Grid>
    <Border Visibility="Visible" Width="1000" BorderBrush="Blue" BorderThickness="1">
        <TextBlock HorizontalAlignment="Left" Visibility="Visible" Foreground="Blue" TextAlignment="Center" FontSize="20" Margin="10,10,0,0" TextWrapping="Wrap" VerticalAlignment="Top" Height="28.96" Width="980"><Run Language="fr-fr" Text="Fiche détails de la capitalisation"/></TextBlock>
    </Border>
    <TextBlock HorizontalAlignment="Left" Margin="10,49.05,0,0" TextWrapping="Wrap" VerticalAlignment="Top"><Run Language="fr-fr" Text="édité le:"/></TextBlock>
    <TextBlock HorizontalAlignment="Left" Margin="390,49.05,0,0" TextWrapping="Wrap" VerticalAlignment="Top"><Run Language="fr-fr" Text="Rafraichissement des données:"/></TextBlock>
</Grid>

我的问题是：即使我将边框属性设置为第一个文本块，它也会应用于我的整个网格，我还没有找到原因。

有人知道为什么吗？

提前致谢。 弗洛里安·塞尔瓦

Answer 1

您尚未在Grid 中定义任何行或列。从技术上讲，它只有 1 列和 1 行，而您的 Border 适用于该单行/列，因此它似乎包围了整个 Grid。

由于您明确定位元素，请尝试将 <Grid> 替换为 <Canvas>。

Answer 2

作为您当前场景中的一种解决方法，尝试这种方式，我已将放置属性移动到边框而不是底层文本块

<Grid>
    <Border Visibility="Visible" BorderBrush="Blue" BorderThickness="1" HorizontalAlignment="Left" Margin="10,10,0,0" VerticalAlignment="Top" Height="28.96" Width="980">
        <TextBlock Visibility="Visible" Foreground="Blue" TextAlignment="Center" FontSize="20" TextWrapping="Wrap"><Run Language="fr-fr" Text="Fiche détails de la capitalisation"/></TextBlock>
    </Border>
    <TextBlock HorizontalAlignment="Left" Margin="10,49.05,0,0" TextWrapping="Wrap" VerticalAlignment="Top"><Run Language="fr-fr" Text="édité le:"/></TextBlock>
    <TextBlock HorizontalAlignment="Left" Margin="390,49.05,0,0" TextWrapping="Wrap" VerticalAlignment="Top"><Run Language="fr-fr" Text="Rafraichissement des données:"/></TextBlock>
</Grid>

Answer 3

您想要实现的是第一行有 1 个文本框，第二行有 2 个文本框。除非你想定义你的网格列和行，否则你将不得不使用 stackpanel 和停靠面板

以下通过设置网格宽度你控制一切。如果你想在编辑和刷新之间留出空间，你需要改变的是停靠面板上的顶部边距，比如Margin="0,20,0,0"，如果你想在细节文本块和边框上留出空间，你应该在边框上放一个Padding以防止内部的任何东西更接近值集。

<Grid Width="500">
        <StackPanel>
            <Border BorderBrush="Blue" BorderThickness="1">
                <TextBlock Foreground="Blue" TextAlignment="Center" FontSize="20" TextWrapping="Wrap"><Run Language="fr-fr" Text="Fiche détails de la capitalisation"/></TextBlock>
            </Border>
            <DockPanel LastChildFill="True">
                <TextBlock TextWrapping="Wrap" VerticalAlignment="Top"><Run Language="fr-fr" Text="édité le:"/></TextBlock>
                <TextBlock TextWrapping="Wrap" VerticalAlignment="Top" HorizontalAlignment="Right"><Run Language="fr-fr" Text="Rafraichissement des données:"/></TextBlock>
            </DockPanel>
        </StackPanel>
    </Grid>