4

我正在尝试创建一个消息屏幕。这是我的 XAML：

<phone:PhoneApplicationPage
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"
xmlns:edc="clr-namespace:Microsoft.Expression.Controls;assembly=Microsoft.Expression.Drawing" xmlns:em="clr-namespace:Microsoft.Expression.Media;assembly=Microsoft.Expression.Drawing"

mc:Ignorable="d" d:DesignWidth="480" d:DesignHeight="696"
x:Class="chatScreen.MainPage"
Orientation="Portrait"
shell:SystemTray.IsVisible="True">

<phone:PhoneApplicationPage.Resources></phone:PhoneApplicationPage.Resources>


<phone:PhoneApplicationPage.ApplicationBar>
    <shell:ApplicationBar>
        <shell:ApplicationBarIconButton IconUri="/icons/appbar.message.send.png" IsEnabled="True" Text="send"/>

</phone:PhoneApplicationPage.ApplicationBar>

<!--LayoutRoot is the root grid where all page content is placed-->


<Grid x:Name="LayoutRoot" Background="Transparent">
    <Grid.RowDefinitions>
      <RowDefinition Height="Auto"/>
      <RowDefinition Height="*"/>
      <RowDefinition Height="auto"/>
    </Grid.RowDefinitions>

    <Grid x:Name="userInfo" Grid.Row="0" Margin="12,0,0,0">
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="15" />
            <ColumnDefinition Width="84" />
            <ColumnDefinition Width="*" />
            <ColumnDefinition Width="48"/>
        </Grid.ColumnDefinitions>

        <Image x:Name="PresenceIcon" Grid.Column="0"  Height="64" Width="12" HorizontalAlignment="Left" VerticalAlignment="Bottom" Source="available.jpg"  />
        <Image x:Name="DisplayImage" Grid.Column="1"  Height="64" Width="64" HorizontalAlignment="Left" VerticalAlignment="Bottom" Source="tony.jpg"  Margin="0" />

        <Grid x:Name="metaContact_info" Grid.Column="2">
            <Grid.RowDefinitions>
                <RowDefinition Height="*"/>
                <RowDefinition Height="*" />
            </Grid.RowDefinitions>
            <TextBlock x:Name="DisplayName" Grid.Row="0" Text="Tony Stark" TextWrapping="NoWrap" FontSize="40" />
            <TextBlock x:Name="DisplayStatus" Grid.Row="1" Text="enjoying windows phone" FontSize="18" TextTrimming="WordEllipsis" />
        </Grid>
        <Image x:Name="ServiceIcon" Grid.ColumnSpan="2" Grid.Column="3" Source="service_gtalk.jpg" Width="24" Height="24" VerticalAlignment="Top" Margin="0,20,0,0"/>
    </Grid><!-- userInfo ends -->

    <Grid x:Name="ContentPanel" Grid.Row="1" Margin="12,18,12,12">
        <Grid.RowDefinitions>
            <RowDefinition Height="auto" />
            <RowDefinition Height="*"/>
        </Grid.RowDefinitions>

        <ScrollViewer x:Name="messages" Grid.Row="0" HorizontalContentAlignment="Stretch" VerticalContentAlignment="Stretch" Margin="0"/>


    </Grid>
    <ScrollViewer x:Name="inputBox_scroller" Grid.Row="2" Margin="0" MaxHeight="108" VerticalAlignment="Bottom">
        <TextBox x:Name="inputBox"  TextWrapping="Wrap" HorizontalContentAlignment="Stretch" Text="" FontSize="{StaticResource PhoneFontSizeMedium}" InputScope="Chat" AcceptsReturn="True" />
    </ScrollViewer><!-- Content Panel ends -->

我还使用 Jeff Wilcox 的 PhoneThemeManager 1.2 让我的应用程序始终以浅色主题加载。

当我在此屏幕中有 appBar 并且键盘打开时，文本框下方有大约 48 px 的额外边距。当手机主题为黑色时，这会在键盘上方和文本框下方显示一个难看的黑条。当手机主题为白色时，此黑色彩条为白色。以下是更好地演示的屏幕截图：

但是，当我禁用应用栏然后打开键盘时，文本框下方的额外边距不存在。

我想在键盘打开时禁用这个额外的边距，就像它在 appBar 在那里的消息传递中心中发生的那样，以及键盘的自动更正栏，但仍然没有这个额外的边距。

4

2 回答 2

1

唯一的方法（现在已知）是在您键入时禁用 AppBar。

于 2013-03-01T19:59:10.847 回答
0

嗨我也有这个问题。将 设置Textbox.InputScope为空会删除键盘上方的额外栏，除了删除 AppBar 之外我无法使其消失。

于 2013-05-10T18:37:16.890 回答