如何查看屏幕視覺工作室電話的其餘部分

Question

告訴我如何在xaml中查看屏幕的其餘部分？我添加了高度爲2000像素的文本塊，我怎樣才能看到其餘的內容？第二個問題是，在我的XAML中，我的文本很漂亮，例如以...爲中心但是在仿真器中，它是單行的一切。

<phone:PhoneApplicationPage 
    x:Class="Excercises.Weider_s_six" 
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
    xmlns:phone="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone" 
    xmlns:shell="clr-namespace:Microsoft.Phone.Shell;assembly=Microsoft.Phone" 
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
    FontFamily="{StaticResource PhoneFontFamilyNormal}" 
    FontSize="{StaticResource PhoneFontSizeNormal}" 
    Foreground="{StaticResource PhoneForegroundBrush}" 
    SupportedOrientations="Portrait" Orientation="Portrait" 
    mc:Ignorable="d" d:DesignHeight="768" d:DesignWidth="480" 
    shell:SystemTray.IsVisible="True"> 

    <!--LayoutRoot is the root grid where all page content is placed--> 
    <Grid x:Name="LayoutRoot" Background="#FF1FB0DB"> 
     <Grid.RowDefinitions> 
      <RowDefinition Height="Auto"/> 
      <RowDefinition Height="*"/> 
     </Grid.RowDefinitions> 

     <!--TitlePanel contains the name of the application and page title--> 
     <StackPanel x:Name="TitlePanel" Grid.Row="0" Margin="12,17,0,28"> 
      <TextBlock x:Name="PageTitle" Text="Weider's six" Margin="9,-7,0,0" Style="{StaticResource PhoneTextTitle1Style}" FontSize="64" /> 
     </StackPanel> 

     <!--ContentPanel - place additional content here--> 

     <Grid x:Name="ContentPanel" Grid.Row="1" Margin="12,0,12,0"> 
     <ScrollViewer> 
       <TextBlock Height="2000" HorizontalAlignment="Left" Margin="0,6,0,0" Name="TextBlock1" Text="Weider 6 pack Training is a perfect exercise for flat stomach. 
    This easy training programme has many advantages. 
    It's perfect for beginners and for experts – exercises are easy and begin with the basic level, so every beginner can use them but they get more complicated pretty fast so advanced sportsmen can also be interested in them. 
    It helps not only carve your muscles but also burn fat – during the exercise you not only use your abdominal rectus but you also move your legs and arms. It is also because W6 puts pressure on the number of repetitions. It carves your muscles but also burns fat. You can train W6 for about 40 minutes without taking any breaks – you use up all glycogen in blood and start burning the fat. 
    It is easy – it is a really easy training set which you can train almost anywhere. All you need is flat ground. 
    It gives excellent results – if you want to have a flat stomach W6 is designed just for you. You can see the first effects after just a week and after a whole series it is really impressive. 
    How to do Weider 6 

    Starting Position 

    Lay flat on the ground, hands along the body. 
    1 – exercise 1 

    Lift your right leg and bend your knee to right angle angle 
    Lift your upper torso to contract abdominal muscles and hold the lifted knee with your hands. 
    Hold still for 3 seconds. 
    Return to the starting position. 
    Repeat the exercise with the other leg 
    2 – exercise 2 

    Lift both legs and bend your knees to right angle 
    Lift your upper torso to contract abdominal muscles and hold both knees 
    Hold still for 3 seconds 

    Return to the starting position" VerticalAlignment="Top" Width="450" /> 
     </ScrollViewer> 
     </Grid> 

    </Grid> 

    <!--Sample code showing usage of ApplicationBar--> 
    <!--<phone:PhoneApplicationPage.ApplicationBar> 
     <shell:ApplicationBar IsVisible="True" IsMenuEnabled="True"> 
      <shell:ApplicationBarIconButton IconUri="/Images/appbar_button1.png" Text="Button 1"/> 
      <shell:ApplicationBarIconButton IconUri="/Images/appbar_button2.png" Text="Button 2"/> 
      <shell:ApplicationBar.MenuItems> 
       <shell:ApplicationBarMenuItem Text="MenuItem 1"/> 
       <shell:ApplicationBarMenuItem Text="MenuItem 2"/> 
      </shell:ApplicationBar.MenuItems> 
     </shell:ApplicationBar> 
    </phone:PhoneApplicationPage.ApplicationBar>--> 

</phone:PhoneApplicationPage> 

Answer 1

在第一部分，包括一個ScrollViewer中內您的文本塊，並設置其Width和Height至Auto。

然後，在您的textblock XAML中設置TextWrapping="Wrap"，並將文本塊的TextAlignment屬性設置爲所需的值以獲得所需的對齊。

，如果你想格式化文本，你可以使用這樣的事情：

<TextBlock FontFamily="Arial" Width="Auto" Height="Auto" TextWrapping="Wrap"> 
<LineBreak/> 
<Run Foreground="Maroon" FontFamily="Courier New" FontSize="40"> 
Some text 1 
</Run> 
<LineBreak/> 
<Run text="Some Text 2"/> 
<LineBreak/> 
</TextBlock> 

的<LineBreak/>對應於新的生產線。

我認爲這將解決您的所有問題。

詳情請參閱this。