Xaml 如何在Visual Studio 2013中使用ScrollViewer扩展设计器视图？_Xaml_Windows Phone 8_Grid_Visual Studio 2013_Scrollviewer

Xaml 如何在Visual Studio 2013中使用ScrollViewer扩展设计器视图？

xaml windows-phone-8 grid visual-studio-2013

Xaml 如何在Visual Studio 2013中使用ScrollViewer扩展设计器视图？,xaml,windows-phone-8,grid,visual-studio-2013,scrollviewer,Xaml,Windows Phone 8,Grid,Visual Studio 2013,Scrollviewer,我添加的内容比Visual Studio 2013中针对Windows Phone 8的Designer视图中看到的要多。我在网格中添加了ScrollViewer，使其可滚动，但它不会滚动，设计器也不会查看，我看不到内容，只能看到我的内容的突出部分，并将其移动到不可见的位置，而看不到我希望它的确切位置。我放置的最后三个按钮在designer视图中看不到，因为视图无法看到它 <!--TitlePanel contains the name of the application and

我添加的内容比Visual Studio 2013中针对Windows Phone 8的Designer视图中看到的要多。我在网格中添加了ScrollViewer，使其可滚动，但它不会滚动，设计器也不会查看，我看不到内容，只能看到我的内容的突出部分，并将其移动到不可见的位置，而看不到我希望它的确切位置。我放置的最后三个按钮在designer视图中看不到，因为视图无法看到它

    <!--TitlePanel contains the name of the application and page title-->
    <StackPanel x:Name="TitlePanel" Grid.Row="0" Margin="12,17,0,28">
        <TextBlock Text="JP APPS" Style="{StaticResource PhoneTextNormalStyle}" Margin="12,0"/>
        <TextBlock Text="&lt;Data Query&gt;" Margin="9,-7,0,0" Style="{StaticResource PhoneTextTitle1Style}"/>
    </StackPanel>
    <ScrollViewer x:Name="ContentPanel" Grid.Row="1" Margin="12,0,12,0" HorizontalScrollBarVisibility="Visible" Height="1000" Width="Auto">
        <Grid>
            <TextBlock x:Name="firstNameTBL" HorizontalAlignment="Left" Margin="10,10,0,0" TextWrapping="Wrap" Text="First Name:" VerticalAlignment="Top"/>
            <TextBox x:Name="firstNameTB" HorizontalAlignment="Left" Height="72" Margin="0,42,0,0" TextWrapping="Wrap" Text="" VerticalAlignment="Top" Width="253"/>
            <TextBlock x:Name="lastNameTBL" HorizontalAlignment="Left" Margin="10,119,0,0" TextWrapping="Wrap" Text="Last Name:" VerticalAlignment="Top"/>
            <TextBox x:Name="lastNameTB" HorizontalAlignment="Left" Height="72" Margin="0,151,0,0" TextWrapping="Wrap" Text="" VerticalAlignment="Top" Width="253"/>
            <TextBlock x:Name="emailAddressTBL" HorizontalAlignment="Left" Margin="10,228,0,0" TextWrapping="Wrap" Text="Email Address:" VerticalAlignment="Top"/>
            <TextBox x:Name="emailAddressTB" HorizontalAlignment="Left" Height="72" Margin="0,260,0,0" TextWrapping="Wrap" Text="" VerticalAlignment="Top" Width="253"/>
            <TextBlock x:Name="dateOfBirthTBL" HorizontalAlignment="Left" Margin="10,337,0,0" TextWrapping="Wrap" Text="Date Of Birth:" VerticalAlignment="Top"/>
            <toolkit:DatePicker HorizontalAlignment="Left" VerticalAlignment="Top" x:Name="dateOfBirthPicker" ValueChanged="dateOfBirthPicker_ValueChanged" Margin="0,370,0,0"/>
            <TextBlock HorizontalAlignment="Left" Margin="10,447,0,0" TextWrapping="Wrap" Text="Gender:" VerticalAlignment="Top"/>
            <RadioButton Content="Male" HorizontalAlignment="Left" Margin="0,479,0,0" VerticalAlignment="Top"/>
            <RadioButton Content="Female" HorizontalAlignment="Left" Margin="113,479,0,0" VerticalAlignment="Top"/>
            <TextBlock Name="fingerprint" HorizontalAlignment="Left" Margin="10,551,0,0" TextWrapping="Wrap" Text="Fingerprint:" VerticalAlignment="Top"/>
            <Button Content="SCAN HERE" HorizontalAlignment="Stretch" Margin="0,583,232,208" VerticalAlignment="Stretch"/>
            <Button Content="Submit" HorizontalAlignment="Left" Margin="154,0,0,136" VerticalAlignment="Bottom"/>
            <Button Content="Reset All" HorizontalAlignment="Left" Margin="10,0,0,131" VerticalAlignment="Bottom"/>
        </Grid>
    </ScrollViewer>
</Grid>

所以，我想要一个解决方案，如何使用designer视图，在单个页面上扩展比designer视图更大的内容

    <!--TitlePanel contains the name of the application and page title-->
    <StackPanel x:Name="TitlePanel" Grid.Row="0" Margin="12,17,0,28">
        <TextBlock Text="JP APPS" Style="{StaticResource PhoneTextNormalStyle}" Margin="12,0"/>
        <TextBlock Text="&lt;Data Query&gt;" Margin="9,-7,0,0" Style="{StaticResource PhoneTextTitle1Style}"/>
    </StackPanel>
    <ScrollViewer x:Name="ContentPanel" Grid.Row="1" Margin="12,0,12,0" HorizontalScrollBarVisibility="Visible" Height="1000" Width="Auto">
        <Grid>
            <TextBlock x:Name="firstNameTBL" HorizontalAlignment="Left" Margin="10,10,0,0" TextWrapping="Wrap" Text="First Name:" VerticalAlignment="Top"/>
            <TextBox x:Name="firstNameTB" HorizontalAlignment="Left" Height="72" Margin="0,42,0,0" TextWrapping="Wrap" Text="" VerticalAlignment="Top" Width="253"/>
            <TextBlock x:Name="lastNameTBL" HorizontalAlignment="Left" Margin="10,119,0,0" TextWrapping="Wrap" Text="Last Name:" VerticalAlignment="Top"/>
            <TextBox x:Name="lastNameTB" HorizontalAlignment="Left" Height="72" Margin="0,151,0,0" TextWrapping="Wrap" Text="" VerticalAlignment="Top" Width="253"/>
            <TextBlock x:Name="emailAddressTBL" HorizontalAlignment="Left" Margin="10,228,0,0" TextWrapping="Wrap" Text="Email Address:" VerticalAlignment="Top"/>
            <TextBox x:Name="emailAddressTB" HorizontalAlignment="Left" Height="72" Margin="0,260,0,0" TextWrapping="Wrap" Text="" VerticalAlignment="Top" Width="253"/>
            <TextBlock x:Name="dateOfBirthTBL" HorizontalAlignment="Left" Margin="10,337,0,0" TextWrapping="Wrap" Text="Date Of Birth:" VerticalAlignment="Top"/>
            <toolkit:DatePicker HorizontalAlignment="Left" VerticalAlignment="Top" x:Name="dateOfBirthPicker" ValueChanged="dateOfBirthPicker_ValueChanged" Margin="0,370,0,0"/>
            <TextBlock HorizontalAlignment="Left" Margin="10,447,0,0" TextWrapping="Wrap" Text="Gender:" VerticalAlignment="Top"/>
            <RadioButton Content="Male" HorizontalAlignment="Left" Margin="0,479,0,0" VerticalAlignment="Top"/>
            <RadioButton Content="Female" HorizontalAlignment="Left" Margin="113,479,0,0" VerticalAlignment="Top"/>
            <TextBlock Name="fingerprint" HorizontalAlignment="Left" Margin="10,551,0,0" TextWrapping="Wrap" Text="Fingerprint:" VerticalAlignment="Top"/>
            <Button Content="SCAN HERE" HorizontalAlignment="Stretch" Margin="0,583,232,208" VerticalAlignment="Stretch"/>
            <Button Content="Submit" HorizontalAlignment="Left" Margin="154,0,0,136" VerticalAlignment="Bottom"/>
            <Button Content="Reset All" HorizontalAlignment="Left" Margin="10,0,0,131" VerticalAlignment="Bottom"/>
        </Grid>
    </ScrollViewer>
</Grid>

其次，ScrollViewer应用于网格时不可见。有什么办法可以让它工作吗

    <!--TitlePanel contains the name of the application and page title-->
    <StackPanel x:Name="TitlePanel" Grid.Row="0" Margin="12,17,0,28">
        <TextBlock Text="JP APPS" Style="{StaticResource PhoneTextNormalStyle}" Margin="12,0"/>
        <TextBlock Text="&lt;Data Query&gt;" Margin="9,-7,0,0" Style="{StaticResource PhoneTextTitle1Style}"/>
    </StackPanel>
    <ScrollViewer x:Name="ContentPanel" Grid.Row="1" Margin="12,0,12,0" HorizontalScrollBarVisibility="Visible" Height="1000" Width="Auto">
        <Grid>
            <TextBlock x:Name="firstNameTBL" HorizontalAlignment="Left" Margin="10,10,0,0" TextWrapping="Wrap" Text="First Name:" VerticalAlignment="Top"/>
            <TextBox x:Name="firstNameTB" HorizontalAlignment="Left" Height="72" Margin="0,42,0,0" TextWrapping="Wrap" Text="" VerticalAlignment="Top" Width="253"/>
            <TextBlock x:Name="lastNameTBL" HorizontalAlignment="Left" Margin="10,119,0,0" TextWrapping="Wrap" Text="Last Name:" VerticalAlignment="Top"/>
            <TextBox x:Name="lastNameTB" HorizontalAlignment="Left" Height="72" Margin="0,151,0,0" TextWrapping="Wrap" Text="" VerticalAlignment="Top" Width="253"/>
            <TextBlock x:Name="emailAddressTBL" HorizontalAlignment="Left" Margin="10,228,0,0" TextWrapping="Wrap" Text="Email Address:" VerticalAlignment="Top"/>
            <TextBox x:Name="emailAddressTB" HorizontalAlignment="Left" Height="72" Margin="0,260,0,0" TextWrapping="Wrap" Text="" VerticalAlignment="Top" Width="253"/>
            <TextBlock x:Name="dateOfBirthTBL" HorizontalAlignment="Left" Margin="10,337,0,0" TextWrapping="Wrap" Text="Date Of Birth:" VerticalAlignment="Top"/>
            <toolkit:DatePicker HorizontalAlignment="Left" VerticalAlignment="Top" x:Name="dateOfBirthPicker" ValueChanged="dateOfBirthPicker_ValueChanged" Margin="0,370,0,0"/>
            <TextBlock HorizontalAlignment="Left" Margin="10,447,0,0" TextWrapping="Wrap" Text="Gender:" VerticalAlignment="Top"/>
            <RadioButton Content="Male" HorizontalAlignment="Left" Margin="0,479,0,0" VerticalAlignment="Top"/>
            <RadioButton Content="Female" HorizontalAlignment="Left" Margin="113,479,0,0" VerticalAlignment="Top"/>
            <TextBlock Name="fingerprint" HorizontalAlignment="Left" Margin="10,551,0,0" TextWrapping="Wrap" Text="Fingerprint:" VerticalAlignment="Top"/>
            <Button Content="SCAN HERE" HorizontalAlignment="Stretch" Margin="0,583,232,208" VerticalAlignment="Stretch"/>
            <Button Content="Submit" HorizontalAlignment="Left" Margin="154,0,0,136" VerticalAlignment="Bottom"/>
            <Button Content="Reset All" HorizontalAlignment="Left" Margin="10,0,0,131" VerticalAlignment="Bottom"/>
        </Grid>
    </ScrollViewer>
</Grid>

谢谢

    <!--TitlePanel contains the name of the application and page title-->
    <StackPanel x:Name="TitlePanel" Grid.Row="0" Margin="12,17,0,28">
        <TextBlock Text="JP APPS" Style="{StaticResource PhoneTextNormalStyle}" Margin="12,0"/>
        <TextBlock Text="&lt;Data Query&gt;" Margin="9,-7,0,0" Style="{StaticResource PhoneTextTitle1Style}"/>
    </StackPanel>
    <ScrollViewer x:Name="ContentPanel" Grid.Row="1" Margin="12,0,12,0" HorizontalScrollBarVisibility="Visible" Height="1000" Width="Auto">
        <Grid>
            <TextBlock x:Name="firstNameTBL" HorizontalAlignment="Left" Margin="10,10,0,0" TextWrapping="Wrap" Text="First Name:" VerticalAlignment="Top"/>
            <TextBox x:Name="firstNameTB" HorizontalAlignment="Left" Height="72" Margin="0,42,0,0" TextWrapping="Wrap" Text="" VerticalAlignment="Top" Width="253"/>
            <TextBlock x:Name="lastNameTBL" HorizontalAlignment="Left" Margin="10,119,0,0" TextWrapping="Wrap" Text="Last Name:" VerticalAlignment="Top"/>
            <TextBox x:Name="lastNameTB" HorizontalAlignment="Left" Height="72" Margin="0,151,0,0" TextWrapping="Wrap" Text="" VerticalAlignment="Top" Width="253"/>
            <TextBlock x:Name="emailAddressTBL" HorizontalAlignment="Left" Margin="10,228,0,0" TextWrapping="Wrap" Text="Email Address:" VerticalAlignment="Top"/>
            <TextBox x:Name="emailAddressTB" HorizontalAlignment="Left" Height="72" Margin="0,260,0,0" TextWrapping="Wrap" Text="" VerticalAlignment="Top" Width="253"/>
            <TextBlock x:Name="dateOfBirthTBL" HorizontalAlignment="Left" Margin="10,337,0,0" TextWrapping="Wrap" Text="Date Of Birth:" VerticalAlignment="Top"/>
            <toolkit:DatePicker HorizontalAlignment="Left" VerticalAlignment="Top" x:Name="dateOfBirthPicker" ValueChanged="dateOfBirthPicker_ValueChanged" Margin="0,370,0,0"/>
            <TextBlock HorizontalAlignment="Left" Margin="10,447,0,0" TextWrapping="Wrap" Text="Gender:" VerticalAlignment="Top"/>
            <RadioButton Content="Male" HorizontalAlignment="Left" Margin="0,479,0,0" VerticalAlignment="Top"/>
            <RadioButton Content="Female" HorizontalAlignment="Left" Margin="113,479,0,0" VerticalAlignment="Top"/>
            <TextBlock Name="fingerprint" HorizontalAlignment="Left" Margin="10,551,0,0" TextWrapping="Wrap" Text="Fingerprint:" VerticalAlignment="Top"/>
            <Button Content="SCAN HERE" HorizontalAlignment="Stretch" Margin="0,583,232,208" VerticalAlignment="Stretch"/>
            <Button Content="Submit" HorizontalAlignment="Left" Margin="154,0,0,136" VerticalAlignment="Bottom"/>
            <Button Content="Reset All" HorizontalAlignment="Left" Margin="10,0,0,131" VerticalAlignment="Bottom"/>
        </Grid>
    </ScrollViewer>
</Grid>

XAML代码焦点：

    <!--TitlePanel contains the name of the application and page title-->
    <StackPanel x:Name="TitlePanel" Grid.Row="0" Margin="12,17,0,28">
        <TextBlock Text="JP APPS" Style="{StaticResource PhoneTextNormalStyle}" Margin="12,0"/>
        <TextBlock Text="&lt;Data Query&gt;" Margin="9,-7,0,0" Style="{StaticResource PhoneTextTitle1Style}"/>
    </StackPanel>
    <ScrollViewer x:Name="ContentPanel" Grid.Row="1" Margin="12,0,12,0" HorizontalScrollBarVisibility="Visible" Height="1000" Width="Auto">
        <Grid>
            <TextBlock x:Name="firstNameTBL" HorizontalAlignment="Left" Margin="10,10,0,0" TextWrapping="Wrap" Text="First Name:" VerticalAlignment="Top"/>
            <TextBox x:Name="firstNameTB" HorizontalAlignment="Left" Height="72" Margin="0,42,0,0" TextWrapping="Wrap" Text="" VerticalAlignment="Top" Width="253"/>
            <TextBlock x:Name="lastNameTBL" HorizontalAlignment="Left" Margin="10,119,0,0" TextWrapping="Wrap" Text="Last Name:" VerticalAlignment="Top"/>
            <TextBox x:Name="lastNameTB" HorizontalAlignment="Left" Height="72" Margin="0,151,0,0" TextWrapping="Wrap" Text="" VerticalAlignment="Top" Width="253"/>
            <TextBlock x:Name="emailAddressTBL" HorizontalAlignment="Left" Margin="10,228,0,0" TextWrapping="Wrap" Text="Email Address:" VerticalAlignment="Top"/>
            <TextBox x:Name="emailAddressTB" HorizontalAlignment="Left" Height="72" Margin="0,260,0,0" TextWrapping="Wrap" Text="" VerticalAlignment="Top" Width="253"/>
            <TextBlock x:Name="dateOfBirthTBL" HorizontalAlignment="Left" Margin="10,337,0,0" TextWrapping="Wrap" Text="Date Of Birth:" VerticalAlignment="Top"/>
            <toolkit:DatePicker HorizontalAlignment="Left" VerticalAlignment="Top" x:Name="dateOfBirthPicker" ValueChanged="dateOfBirthPicker_ValueChanged" Margin="0,370,0,0"/>
            <TextBlock HorizontalAlignment="Left" Margin="10,447,0,0" TextWrapping="Wrap" Text="Gender:" VerticalAlignment="Top"/>
            <RadioButton Content="Male" HorizontalAlignment="Left" Margin="0,479,0,0" VerticalAlignment="Top"/>
            <RadioButton Content="Female" HorizontalAlignment="Left" Margin="113,479,0,0" VerticalAlignment="Top"/>
            <TextBlock Name="fingerprint" HorizontalAlignment="Left" Margin="10,551,0,0" TextWrapping="Wrap" Text="Fingerprint:" VerticalAlignment="Top"/>
            <Button Content="SCAN HERE" HorizontalAlignment="Stretch" Margin="0,583,232,208" VerticalAlignment="Stretch"/>
            <Button Content="Submit" HorizontalAlignment="Left" Margin="154,0,0,136" VerticalAlignment="Bottom"/>
            <Button Content="Reset All" HorizontalAlignment="Left" Margin="10,0,0,131" VerticalAlignment="Bottom"/>
        </Grid>
    </ScrollViewer>
</Grid>

    <!--TitlePanel contains the name of the application and page title-->
    <StackPanel x:Name="TitlePanel" Grid.Row="0" Margin="12,17,0,28">
        <TextBlock Text="JP APPS" Style="{StaticResource PhoneTextNormalStyle}" Margin="12,0"/>
        <TextBlock Text="&lt;Data Query&gt;" Margin="9,-7,0,0" Style="{StaticResource PhoneTextTitle1Style}"/>
    </StackPanel>
    <ScrollViewer x:Name="ContentPanel" Grid.Row="1" Margin="12,0,12,0" HorizontalScrollBarVisibility="Visible" Height="1000" Width="Auto">
        <Grid>
            <TextBlock x:Name="firstNameTBL" HorizontalAlignment="Left" Margin="10,10,0,0" TextWrapping="Wrap" Text="First Name:" VerticalAlignment="Top"/>
            <TextBox x:Name="firstNameTB" HorizontalAlignment="Left" Height="72" Margin="0,42,0,0" TextWrapping="Wrap" Text="" VerticalAlignment="Top" Width="253"/>
            <TextBlock x:Name="lastNameTBL" HorizontalAlignment="Left" Margin="10,119,0,0" TextWrapping="Wrap" Text="Last Name:" VerticalAlignment="Top"/>
            <TextBox x:Name="lastNameTB" HorizontalAlignment="Left" Height="72" Margin="0,151,0,0" TextWrapping="Wrap" Text="" VerticalAlignment="Top" Width="253"/>
            <TextBlock x:Name="emailAddressTBL" HorizontalAlignment="Left" Margin="10,228,0,0" TextWrapping="Wrap" Text="Email Address:" VerticalAlignment="Top"/>
            <TextBox x:Name="emailAddressTB" HorizontalAlignment="Left" Height="72" Margin="0,260,0,0" TextWrapping="Wrap" Text="" VerticalAlignment="Top" Width="253"/>
            <TextBlock x:Name="dateOfBirthTBL" HorizontalAlignment="Left" Margin="10,337,0,0" TextWrapping="Wrap" Text="Date Of Birth:" VerticalAlignment="Top"/>
            <toolkit:DatePicker HorizontalAlignment="Left" VerticalAlignment="Top" x:Name="dateOfBirthPicker" ValueChanged="dateOfBirthPicker_ValueChanged" Margin="0,370,0,0"/>
            <TextBlock HorizontalAlignment="Left" Margin="10,447,0,0" TextWrapping="Wrap" Text="Gender:" VerticalAlignment="Top"/>
            <RadioButton Content="Male" HorizontalAlignment="Left" Margin="0,479,0,0" VerticalAlignment="Top"/>
            <RadioButton Content="Female" HorizontalAlignment="Left" Margin="113,479,0,0" VerticalAlignment="Top"/>
            <TextBlock Name="fingerprint" HorizontalAlignment="Left" Margin="10,551,0,0" TextWrapping="Wrap" Text="Fingerprint:" VerticalAlignment="Top"/>
            <Button Content="SCAN HERE" HorizontalAlignment="Stretch" Margin="0,583,232,208" VerticalAlignment="Stretch"/>
            <Button Content="Submit" HorizontalAlignment="Left" Margin="154,0,0,136" VerticalAlignment="Bottom"/>
            <Button Content="Reset All" HorizontalAlignment="Left" Margin="10,0,0,131" VerticalAlignment="Bottom"/>
        </Grid>
    </ScrollViewer>
</Grid>

完整XAML代码：

    <!--TitlePanel contains the name of the application and page title-->
    <StackPanel x:Name="TitlePanel" Grid.Row="0" Margin="12,17,0,28">
        <TextBlock Text="JP APPS" Style="{StaticResource PhoneTextNormalStyle}" Margin="12,0"/>
        <TextBlock Text="&lt;Data Query&gt;" Margin="9,-7,0,0" Style="{StaticResource PhoneTextTitle1Style}"/>
    </StackPanel>
    <ScrollViewer x:Name="ContentPanel" Grid.Row="1" Margin="12,0,12,0" HorizontalScrollBarVisibility="Visible" Height="1000" Width="Auto">
        <Grid>
            <TextBlock x:Name="firstNameTBL" HorizontalAlignment="Left" Margin="10,10,0,0" TextWrapping="Wrap" Text="First Name:" VerticalAlignment="Top"/>
            <TextBox x:Name="firstNameTB" HorizontalAlignment="Left" Height="72" Margin="0,42,0,0" TextWrapping="Wrap" Text="" VerticalAlignment="Top" Width="253"/>
            <TextBlock x:Name="lastNameTBL" HorizontalAlignment="Left" Margin="10,119,0,0" TextWrapping="Wrap" Text="Last Name:" VerticalAlignment="Top"/>
            <TextBox x:Name="lastNameTB" HorizontalAlignment="Left" Height="72" Margin="0,151,0,0" TextWrapping="Wrap" Text="" VerticalAlignment="Top" Width="253"/>
            <TextBlock x:Name="emailAddressTBL" HorizontalAlignment="Left" Margin="10,228,0,0" TextWrapping="Wrap" Text="Email Address:" VerticalAlignment="Top"/>
            <TextBox x:Name="emailAddressTB" HorizontalAlignment="Left" Height="72" Margin="0,260,0,0" TextWrapping="Wrap" Text="" VerticalAlignment="Top" Width="253"/>
            <TextBlock x:Name="dateOfBirthTBL" HorizontalAlignment="Left" Margin="10,337,0,0" TextWrapping="Wrap" Text="Date Of Birth:" VerticalAlignment="Top"/>
            <toolkit:DatePicker HorizontalAlignment="Left" VerticalAlignment="Top" x:Name="dateOfBirthPicker" ValueChanged="dateOfBirthPicker_ValueChanged" Margin="0,370,0,0"/>
            <TextBlock HorizontalAlignment="Left" Margin="10,447,0,0" TextWrapping="Wrap" Text="Gender:" VerticalAlignment="Top"/>
            <RadioButton Content="Male" HorizontalAlignment="Left" Margin="0,479,0,0" VerticalAlignment="Top"/>
            <RadioButton Content="Female" HorizontalAlignment="Left" Margin="113,479,0,0" VerticalAlignment="Top"/>
            <TextBlock Name="fingerprint" HorizontalAlignment="Left" Margin="10,551,0,0" TextWrapping="Wrap" Text="Fingerprint:" VerticalAlignment="Top"/>
            <Button Content="SCAN HERE" HorizontalAlignment="Stretch" Margin="0,583,232,208" VerticalAlignment="Stretch"/>
            <Button Content="Submit" HorizontalAlignment="Left" Margin="154,0,0,136" VerticalAlignment="Bottom"/>
            <Button Content="Reset All" HorizontalAlignment="Left" Margin="10,0,0,131" VerticalAlignment="Bottom"/>
        </Grid>
    </ScrollViewer>
</Grid>

<!--LayoutRoot is the root grid where all page content is placed-->
<Grid x:Name="LayoutRoot" Background="Transparent">
    <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 Text="JP APPS" Style="{StaticResource PhoneTextNormalStyle}" Margin="12,0"/>
        <TextBlock Text="&lt;Data Query&gt;" Margin="9,-7,0,0" Style="{StaticResource PhoneTextTitle1Style}"/>
    </StackPanel>
    <!--Height of the Grid has to be greater than the ScrollViewer's Height to make it scrollable.-->
    <!--Removing the ScrollViewer's Height enables you to see the entire page in a transparent-like view-->
    <ScrollViewer Height="605" Width="480" HorizontalAlignment="Left" Margin="0,0,0,-390" VerticalAlignment="Top" Grid.Row="1">
        <Grid MinHeight="605" Height="1000">
            <TextBlock x:Name="firstNameTBL" HorizontalAlignment="Left" Margin="10,10,0,0" TextWrapping="Wrap" Text="First Name:" VerticalAlignment="Top"/>
            <TextBox x:Name="firstNameTB" HorizontalAlignment="Left" Height="72" Margin="0,42,0,0" TextWrapping="Wrap" Text="" VerticalAlignment="Top" Width="253"/>
            <TextBlock x:Name="lastNameTBL" HorizontalAlignment="Left" Margin="10,119,0,0" TextWrapping="Wrap" Text="Last Name:" VerticalAlignment="Top"/>
            <TextBox x:Name="lastNameTB" HorizontalAlignment="Left" Height="72" Margin="0,151,0,0" TextWrapping="Wrap" Text="" VerticalAlignment="Top" Width="253"/>
            <TextBlock x:Name="emailAddressTBL" HorizontalAlignment="Left" Margin="10,228,0,0" TextWrapping="Wrap" Text="Email Address:" VerticalAlignment="Top"/>
            <TextBox x:Name="emailAddressTB" HorizontalAlignment="Left" Height="72" Margin="0,260,0,0" TextWrapping="Wrap" Text="" VerticalAlignment="Top" Width="253"/>
            <TextBlock x:Name="dateOfBirthTBL" HorizontalAlignment="Left" Margin="10,337,0,0" TextWrapping="Wrap" Text="Date Of Birth:" VerticalAlignment="Top"/>
            <toolkit:DatePicker HorizontalAlignment="Left" VerticalAlignment="Top" x:Name="dateOfBirthPicker" ValueChanged="dateOfBirthPicker_ValueChanged" Margin="0,370,0,0"/>
            <TextBlock HorizontalAlignment="Left" Margin="10,447,0,0" TextWrapping="Wrap" Text="Gender:" VerticalAlignment="Top"/>
            <RadioButton Content="Male" HorizontalAlignment="Left" Margin="0,479,0,0" VerticalAlignment="Top"/>
            <RadioButton Content="Female" HorizontalAlignment="Left" Margin="113,479,0,0" VerticalAlignment="Top"/>
            <TextBlock Name="fingerprint" HorizontalAlignment="Left" Margin="10,551,0,0" TextWrapping="Wrap" Text="Fingerprint:" VerticalAlignment="Top"/>
            <Button Content="SCAN HERE" HorizontalAlignment="Stretch" Margin="0,420,250,0" VerticalAlignment="Stretch" Height="250"/>
            <Button Content="Submit" HorizontalAlignment="Stretch" Margin="0,0,250,94" VerticalAlignment="Bottom"/>
            <Button Content="Reset All" HorizontalAlignment="Stretch" Margin="235,0,10,94" VerticalAlignment="Bottom"/>
        </Grid>
    </ScrollViewer>
</Grid>

    <!--TitlePanel contains the name of the application and page title-->
    <StackPanel x:Name="TitlePanel" Grid.Row="0" Margin="12,17,0,28">
        <TextBlock Text="JP APPS" Style="{StaticResource PhoneTextNormalStyle}" Margin="12,0"/>
        <TextBlock Text="&lt;Data Query&gt;" Margin="9,-7,0,0" Style="{StaticResource PhoneTextTitle1Style}"/>
    </StackPanel>
    <ScrollViewer x:Name="ContentPanel" Grid.Row="1" Margin="12,0,12,0" HorizontalScrollBarVisibility="Visible" Height="1000" Width="Auto">
        <Grid>
            <TextBlock x:Name="firstNameTBL" HorizontalAlignment="Left" Margin="10,10,0,0" TextWrapping="Wrap" Text="First Name:" VerticalAlignment="Top"/>
            <TextBox x:Name="firstNameTB" HorizontalAlignment="Left" Height="72" Margin="0,42,0,0" TextWrapping="Wrap" Text="" VerticalAlignment="Top" Width="253"/>
            <TextBlock x:Name="lastNameTBL" HorizontalAlignment="Left" Margin="10,119,0,0" TextWrapping="Wrap" Text="Last Name:" VerticalAlignment="Top"/>
            <TextBox x:Name="lastNameTB" HorizontalAlignment="Left" Height="72" Margin="0,151,0,0" TextWrapping="Wrap" Text="" VerticalAlignment="Top" Width="253"/>
            <TextBlock x:Name="emailAddressTBL" HorizontalAlignment="Left" Margin="10,228,0,0" TextWrapping="Wrap" Text="Email Address:" VerticalAlignment="Top"/>
            <TextBox x:Name="emailAddressTB" HorizontalAlignment="Left" Height="72" Margin="0,260,0,0" TextWrapping="Wrap" Text="" VerticalAlignment="Top" Width="253"/>
            <TextBlock x:Name="dateOfBirthTBL" HorizontalAlignment="Left" Margin="10,337,0,0" TextWrapping="Wrap" Text="Date Of Birth:" VerticalAlignment="Top"/>
            <toolkit:DatePicker HorizontalAlignment="Left" VerticalAlignment="Top" x:Name="dateOfBirthPicker" ValueChanged="dateOfBirthPicker_ValueChanged" Margin="0,370,0,0"/>
            <TextBlock HorizontalAlignment="Left" Margin="10,447,0,0" TextWrapping="Wrap" Text="Gender:" VerticalAlignment="Top"/>
            <RadioButton Content="Male" HorizontalAlignment="Left" Margin="0,479,0,0" VerticalAlignment="Top"/>
            <RadioButton Content="Female" HorizontalAlignment="Left" Margin="113,479,0,0" VerticalAlignment="Top"/>
            <TextBlock Name="fingerprint" HorizontalAlignment="Left" Margin="10,551,0,0" TextWrapping="Wrap" Text="Fingerprint:" VerticalAlignment="Top"/>
            <Button Content="SCAN HERE" HorizontalAlignment="Stretch" Margin="0,583,232,208" VerticalAlignment="Stretch"/>
            <Button Content="Submit" HorizontalAlignment="Left" Margin="154,0,0,136" VerticalAlignment="Bottom"/>
            <Button Content="Reset All" HorizontalAlignment="Left" Margin="10,0,0,131" VerticalAlignment="Bottom"/>
        </Grid>
    </ScrollViewer>
</Grid>

在视图顶部声明名称空间的地方，您是否看到了写有d:DesignHeight和/或d:DesignWidth的内容？如果是这样的话，把它们去掉。至于scrollviewer的内容，请显示包含的父对象，这样我们就可以看到所有内容。哦，你如何在ScrollViewer中包含网格的子元素，以及所有这些疯狂的边距，真是太糟糕了，事实上，你所有的布局都是。我们也应该为您的布局工作。：）不，我在XAML的任何地方都看不到代码中的d:DesignHeight或d:DesignWidth。我应该继续设定吗？另外，关于布局的问题，我不确定我是否理解你所说的边距太大是什么意思？这有什么问题？什么是正确的方法或有效的方法？很抱歉，在一个艰难的早晨之后，我有点严厉地表达了这一点。但总体而言，依靠在设计器中定位对象并完全依靠对齐和边距来保持布局通常不是一个好主意，因为这样会与各种设备产生差异，并最终导致一些臃肿的代码库，这可能会让导航变得单调乏味。再过几个小时我就有空了，我会给你举个例子，看看你的帖子。至于d:设计高度/宽度，你可以试一试。d:DesignHeight=“1000”为例。好的，谢谢您的提示！我两个问题都解决了。方法如下：网格的高度必须大于ScrollViewer的高度才能使其可滚动。移除ScrollViewer的高度可以使您在类似透明的视图中查看整个页面并对其进行定位。完整代码已更新！但是，我想知道如何避免不同设备之间的差异。一个链接或更多的信息，这将是伟大的。谢谢

    <!--TitlePanel contains the name of the application and page title-->
    <StackPanel x:Name="TitlePanel" Grid.Row="0" Margin="12,17,0,28">
        <TextBlock Text="JP APPS" Style="{StaticResource PhoneTextNormalStyle}" Margin="12,0"/>
        <TextBlock Text="&lt;Data Query&gt;" Margin="9,-7,0,0" Style="{StaticResource PhoneTextTitle1Style}"/>
    </StackPanel>
    <ScrollViewer x:Name="ContentPanel" Grid.Row="1" Margin="12,0,12,0" HorizontalScrollBarVisibility="Visible" Height="1000" Width="Auto">
        <Grid>
            <TextBlock x:Name="firstNameTBL" HorizontalAlignment="Left" Margin="10,10,0,0" TextWrapping="Wrap" Text="First Name:" VerticalAlignment="Top"/>
            <TextBox x:Name="firstNameTB" HorizontalAlignment="Left" Height="72" Margin="0,42,0,0" TextWrapping="Wrap" Text="" VerticalAlignment="Top" Width="253"/>
            <TextBlock x:Name="lastNameTBL" HorizontalAlignment="Left" Margin="10,119,0,0" TextWrapping="Wrap" Text="Last Name:" VerticalAlignment="Top"/>
            <TextBox x:Name="lastNameTB" HorizontalAlignment="Left" Height="72" Margin="0,151,0,0" TextWrapping="Wrap" Text="" VerticalAlignment="Top" Width="253"/>
            <TextBlock x:Name="emailAddressTBL" HorizontalAlignment="Left" Margin="10,228,0,0" TextWrapping="Wrap" Text="Email Address:" VerticalAlignment="Top"/>
            <TextBox x:Name="emailAddressTB" HorizontalAlignment="Left" Height="72" Margin="0,260,0,0" TextWrapping="Wrap" Text="" VerticalAlignment="Top" Width="253"/>
            <TextBlock x:Name="dateOfBirthTBL" HorizontalAlignment="Left" Margin="10,337,0,0" TextWrapping="Wrap" Text="Date Of Birth:" VerticalAlignment="Top"/>
            <toolkit:DatePicker HorizontalAlignment="Left" VerticalAlignment="Top" x:Name="dateOfBirthPicker" ValueChanged="dateOfBirthPicker_ValueChanged" Margin="0,370,0,0"/>
            <TextBlock HorizontalAlignment="Left" Margin="10,447,0,0" TextWrapping="Wrap" Text="Gender:" VerticalAlignment="Top"/>
            <RadioButton Content="Male" HorizontalAlignment="Left" Margin="0,479,0,0" VerticalAlignment="Top"/>
            <RadioButton Content="Female" HorizontalAlignment="Left" Margin="113,479,0,0" VerticalAlignment="Top"/>
            <TextBlock Name="fingerprint" HorizontalAlignment="Left" Margin="10,551,0,0" TextWrapping="Wrap" Text="Fingerprint:" VerticalAlignment="Top"/>
            <Button Content="SCAN HERE" HorizontalAlignment="Stretch" Margin="0,583,232,208" VerticalAlignment="Stretch"/>
            <Button Content="Submit" HorizontalAlignment="Left" Margin="154,0,0,136" VerticalAlignment="Bottom"/>
            <Button Content="Reset All" HorizontalAlignment="Left" Margin="10,0,0,131" VerticalAlignment="Bottom"/>
        </Grid>
    </ScrollViewer>
</Grid>