wp7의 silverlight : TextBlock : 같은 줄에 다른 텍스트 줄이있는 텍스트

한 줄에 두 개의 별도 문자열이 포함 된 TextBlock 요소가 필요합니다. 하나는 TextBlock의 왼쪽 가장자리에 정렬되고 하나는 오른쪽 가장자리에 정렬됩니다.wp7의 silverlight : TextBlock : 같은 줄에 다른 텍스트 줄이있는 텍스트

HTML에서 & CSS 나는 이런 식으로 할 것 :

여기

<div id="TextBlock"> 
    <span style="float:left;display:block">align:left</span> 
    <span style="float:right;display:block">align:right</span> 
    <span style="clear:both"></span> 
</div>

텍스트는 모두 정렬 : 바로 및 정렬 : 왼쪽 같은 줄에 표시됩니다.

XAML에서도이 작업을 수행 할 수 있습니까?

출처

2012-01-15 Jonathan

시도해 보셨습니까? 원하는 텍스트 정렬을 사용하여 두 개의 TextBlock을 Grid 컨테이너에 넣으면 작동합니다. – jv42

그래서 하나의 Grid 필드에 2 개의 TextBlock을 갖출 것입니까? OK, 그걸 시도하지 않았습니다. – Jonathan

물론 단순합니다. 중복을 처리하지 않습니다. 적절한 레이아웃을 원하면 @ Ku6opr의 대답에 따라 열을 지정해야합니다. – jv42

Columns에 Grid 컨트롤 안에 TextBlocks을 넣습니다. Grid 너비가 TextBlocks 총 너비보다 작 으면 TextBlocks의 트림 방법을 지정해야합니다. 다른 조합이 대한 Auto, * 또는 number*을 설정

<Grid> 
     <Grid.ColumnDefinitions> 
      <ColumnDefinition Width="2*" /> 
      <ColumnDefinition Width="1*" /> 
     </Grid.ColumnDefinitions> 
     <TextBlock Grid.Column="0" Text="text1" TextAlignment="Left" /> 
     <TextBlock Grid.Column="1" Text="text2" TextAlignment="Right" /> 
</Grid>

출처

2012-01-15 11:28:49 Ku6opr

완벽하게 작동한다. 고마워. – SevenDays

jv42의 코멘트 응답 나를 위해 잘 작동 :

당신이 봤어? 원하는 텍스트 정렬을 사용하여 두 개의 TextBlock을 Grid 컨테이너에 넣으면 작동합니다. - jv42

출처

2012-01-15 19:30:14 Jonathan

wp7의 silverlight : TextBlock : 같은 줄에 다른 텍스트 줄이있는 텍스트

답변

관련 문제