그러냐

[WPF] Table 작성하기 본문

c#

[WPF] Table 작성하기

관절분리 2018. 12. 4. 16:39
반응형


xml UI작성시 Grid 없이 테이블을 그리려고한다 



<FlowDocumentScrollViewer Margin="-68,150,0,0" UseLayoutRounding="True" VerticalScrollBarVisibility="Disabled" IsToolBarVisible="False">

<FlowDocumentScrollViewer.Resources>

<Style TargetType="TableCell">

<Setter Property="TextAlignment" Value="Center"/>

<Setter Property="FontSize" Value="8pt"/>

<Setter Property="BorderBrush" Value="Black"/>

<Setter Property="Padding" Value="0,4,0,4"/>

<Setter Property="FontFamily" Value="Verdana"/>

</Style>

</FlowDocumentScrollViewer.Resources>

<FlowDocument>

<Table CellSpacing="0">

<Table.Columns>

<TableColumn Width="120px"/>

<TableColumn/>

</Table.Columns>

<TableRowGroup>

<TableRow>

<TableCell BorderThickness="1">

<Paragraph FontWeight="Bold"></Paragraph>

</TableCell>

<TableCell TextAlignment="Center" BorderThickness="0,1,1,1">

<Paragraph FontWeight="Bold">R</Paragraph>

</TableCell>

</TableRow>

</TableRowGroup>

</Table>

</FlowDocument>

</FlowDocumentScrollViewer>



이런 식으로 작성한다.



<FlowDocumentScrollViewer Margin="-68,150,0,0" UseLayoutRounding="True" VerticalScrollBarVisibility="Disabled" IsToolBarVisible="False">



 - FlowDocumentScrollViewer 

 

Reader 대신 viewer(FlowDocumentScrollViewer ) 를 사용한다. 왜냐하면 Raader를 사용하면 하단에 아이콘이 나온다. 


 - IsToolBarVisible="False"


하단의 아이콘을 없앤다



 - VerticalScrollBarVisibility="Disabled" 


스크롤을 없앤다





<FlowDocumentScrollViewer.Resources>

<Style TargetType="TableCell">

<Setter Property="TextAlignment" Value="Center"/>

<Setter Property="FontSize" Value="8pt"/>

<Setter Property="BorderBrush" Value="Black"/>

<Setter Property="Padding" Value="0,4,0,4"/>

<Setter Property="FontFamily" Value="Verdana"/>

</Style>

</FlowDocumentScrollViewer.Resources>



 - 표 스타일을 정의한다.


 - 가운대정렬 / 글씨크기 8pt / 테이블 색은 검정 / 가로정렬이 없기 때문에 위 아래 패딩값을 줘서 가로 정렬을 한다. / 글꼴 Verdana






* 표 높이는 LineHeight 속성을 사용할 수 있다. 어차피 가로 가운데 정렬때문에 패딩값이 필요하기 때문에 사용하지 않았다


* 하단 icon를 숨기기 위해 viewer를 사용

반응형