밑줄/테두리를 컨테이너 전체에 걸쳐 늘이는 방법

Question

다음은 현재 WPF에서 밑줄이 표시된 머리글을 작성해야하는 코드입니다. 테이블을 사용하는 더 쉬운 방법이 있어야합니다.

<Grid> 
<FlowDocumentScrollViewer> 
    <FlowDocument> 
    <Table> 
    <Table.Columns> 
     <TableColumn Width="Auto"/> 
    </Table.Columns> 
    <TableRowGroup> 
     <TableRow> 
     <TableCell> 
      <Paragraph Style="{StaticResource Text_LoginHeaderStyle}"> 
      <Bold>Some header text</Bold> 
      </Paragraph> 
     </TableCell > 
     </TableRow> 
     <TableRow> 
     <TableCell> 
      <BlockUIContainer> 
      <Line Style="{StaticResource Control_TitleLineSeparator}" /> 
      </BlockUIContainer> 
     </TableCell> 
     </TableRow> 
    </TableRowGroup> 
    </Table> 
    </FlowDocument> 
</FlowDocumentScrollViewer> 
</Grid> 

라인에 대한 정의는 아이디어는 텍스트를 생성하고 밑줄이 경우, 그리드 레이아웃을 둘러싸는 용기의 전체 폭을 뻗어하도록 강조하는 것입니다

<Style x:Key="Control_TitleLineSeparator" TargetType="Line" BasedOn="{StaticResource BasicHorizontalLine}"> 
    <Setter Property="Stroke" Value="Gray"/> 
    <Setter Property="StrokeThickness" Value="1"/> 
    <Setter Property="Margin" Value="0,0,0,3"/> 
</Style> 

입니다 .

는 업데이트

: 나는 테이블을 사용할 필요가 없습니다

, 그게 내가 그 일을하고 텍스트와 라인 사이에 큰 공간을 두지 않았다 찾을 수있는 유일한 방법이었다. 나는 이제 더 간단한 방법으로 보이는 것을 발견했다.

<BlockUIContainer> 
    <TextBlock Style="{StaticResource Text_LoginHeaderStyle}" Text="Skill Groups"/> 
</BlockUIContainer> 
<BlockUIContainer> 
    <Line Style="{StaticResource Control_TitleLineSeparator}" /> 
</BlockUIContainer> 

그러나 이것은 매우 복잡한 것처럼 보입니다. 위의 텍스트를 자체 포함되도록 수정했습니다.

Answer 1

에만 테두리 하단에 정의한 테두리에 원하는 텍스트 포장을 시도 할 수 :

<Page xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"> 

    <Border BorderThickness="0,0,0,1" 
      BorderBrush="Black" 
      HorizontalAlignment="Stretch" 
      VerticalAlignment="Top" 
      SnapsToDevicePixels="True"> 
    <TextBlock Text="Some text here" /> 
    </Border> 

</Page>