2013-09-30 35 views
0

我在我的MainPage.xaml上有少量的TextBlock,它們之間的距離相當微小,以保持一致。 最後文本框然而更大並且允許文本被包裝。我正面臨的問題是當我填充大量內容的文本框,並且所有文本塊似乎都彼此粘在一起時。WP8 TextBlock高度

圖片說明:

enter image description here

左邊的圖像是好的,但你可以在右圖像上看到,當我填補框完全那麼所有的文本塊的不知何故神奇地粘在一起。

標記:

<ScrollViewer x:Name="LayoutRoot" Background="Transparent"> 
    <Grid> 
     <!--TitlePanel contains the name of the application and page title--> 
     <StackPanel Grid.Row="0" Margin="12,17,0,635"> 
      <TextBlock Text="Project" Style="{StaticResource PhoneTextNormalStyle}"/> 
      <TextBlock Text="Project" Margin="9,-7,0,0" Style="{StaticResource PhoneTextTitle1Style}"/> 
     </StackPanel> 

     <Grid x:Name="ContentPanel" Margin="12,161,12,0"> 

      <toolkit:ListPicker x:Name="myObj" ItemsSource="{Binding myobj, ElementName=this, Mode=OneTime}" Margin="12,12,12,537" > 
       <toolkit:ListPicker.ItemTemplate> 
        <DataTemplate> 
         <StackPanel> 
          <TextBlock Text="{Binding Name, Mode=OneTime}" FontSize="{StaticResource PhoneFontSizeSmall}"/> 
          <TextBlock Text="{Binding Id, Mode=OneTime}" FontSize="{StaticResource PhoneFontSizeSmall}" Visibility="Collapsed"/> 
         </StackPanel> 
        </DataTemplate> 
       </toolkit:ListPicker.ItemTemplate> 
       <toolkit:ListPicker.FullModeItemTemplate> 
        <DataTemplate> 
         <StackPanel> 
          <TextBlock Text="{Binding Name, Mode=OneTime}" Padding="5" FontSize="{StaticResource PhoneFontSizeLarge}"/> 
          <TextBlock Text="{Binding Id, Mode=OneTime}" FontSize="{StaticResource PhoneFontSizeSmall}" Visibility="Collapsed"/> 
         </StackPanel> 
        </DataTemplate> 
       </toolkit:ListPicker.FullModeItemTemplate> 
      </toolkit:ListPicker> 
      <toolkit:PhoneTextBox Height="auto" Name="txtName" Margin="0,70,0,456" Hint="Name" Text="{Binding Name, Mode=TwoWay}" LostFocus="TxtName_OnLostFocus"/> 
      <toolkit:PhoneTextBox Height="auto" Name="txtAddress" Margin="0,138,0,388" Hint="First Line of Address" Text="{Binding Address, Mode=TwoWay}" LostFocus="TxtAddress_OnLostFocus"/> 
      <toolkit:PhoneTextBox Height="auto" Name="txtEmail" Margin="0,206,0,320" Hint="Email Address" Text="{Binding Email, Mode=TwoWay}" LostFocus="TxtEmail_OnLostFocus"/> 
      <toolkit:PhoneTextBox Height="auto" Name="txtTelephone" Margin="0,274,0,252" Hint="Telephone" Text="{Binding Telephone, Mode=TwoWay}" LostFocus="TxtTelephone_OnLostFocus"/> 
      <toolkit:PhoneTextBox Height="auto" Name="txtComments" Margin="0,340,0,71" Hint="Comments" TextWrapping="Wrap"/> 
     </Grid> 
    </Grid> 
</ScrollViewer> 

任何人都看到了明顯的問題?

回答

1

我認爲問題在於您的保證金。而且XAML也不高效。

你爲什麼不只是行添加到您的網格,並把每一個文本框到它自己的行 - 這將有助於你不要硬編碼從而導致搞亂結果利潤率...

或者其他方式是放置到垂直堆疊面板

0

我通過在TextBlocks上替換Height="auto"Height="80"解決了該問題。