专注于userControl内的TextBox时检测虚拟键盘

Question

我在winRT项目中具有以下FlipView

<FlipView x:Name="Flip" GotFocus="FlipView_GotFocus" Grid.Row="1" ItemsSource="{Binding Controls, ElementName=pageRoot}" SelectedItem="{Binding SelectedControl, ElementName=pageRoot, Mode=TwoWay}">
        <FlipView.ItemTemplate>
            <DataTemplate>
                <Grid HorizontalAlignment="Center" VerticalAlignment="Center">
                    <ContentPresenter Content="{Binding}" />
                </Grid>
            </DataTemplate>
        </FlipView.ItemTemplate>
    </FlipView>

在它里面，我将有几个带有一些TextBox的用户控件，但是当我专注于其中一个TextBox时，虚拟键盘位于另一个TextBox的前面，它不会像平常一样简单地“抬起”应用程序带有文本框的页面。

有没有一种方法可以检测到键盘显示并拉出应用程序视图？

这是使用的UserControl im之一

 <UserControl.Resources>
    <ResourceDictionary>
        <common:ByteArrayToBitmapImageConverter x:Key="ByteArrayToBitmapImageConverter" />
        <common:StringToValidityConverter x:Key="StringToValidityConverter" />
    </ResourceDictionary>
</UserControl.Resources>

<StackPanel>
    <StackPanel Style="{StaticResource SubHeaderStyle}">
        <Image Source="/Images/Contract/Sales.png" Style="{StaticResource SubHeaderImageStyle}" />
        <TextBlock x:Uid="Sale" Style="{StaticResource SubHeaderTextStyle}" />
    </StackPanel>

    <Grid>
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="Auto" />
            <ColumnDefinition Width="50" />
            <ColumnDefinition Width="Auto" />
            <ColumnDefinition Width="Auto" />
        </Grid.ColumnDefinitions>
        <Grid.RowDefinitions>
            <RowDefinition />
            <RowDefinition Height="Auto" />
            <RowDefinition Height="Auto" />
            <RowDefinition Height="Auto" />
            <RowDefinition Height="Auto" />
            <RowDefinition />
        </Grid.RowDefinitions>

        <Image Grid.RowSpan="6" Width="300" Source="{Binding Picture, Converter={StaticResource ByteArrayToBitmapImageConverter}}" />

        <TextBlock x:Uid="SalesOffice" Grid.Row="1" Grid.Column="2" />
        <TextBox Grid.Row="1" Grid.Column="3" Text="{Binding Office, Mode=TwoWay}" Style="{StaticResource TextBoxStyle}"
                 common:TextBoxBehavior.Validity="{Binding Text, RelativeSource={RelativeSource Self}, Converter={StaticResource StringToValidityConverter}}" />

        <TextBlock x:Uid="SalesAgent" Grid.Row="2" Grid.Column="2" />
        <TextBox Grid.Row="2" Grid.Column="3" Text="{Binding AgentName, Mode=TwoWay}" Style="{StaticResource TextBoxStyle}"
                 common:TextBoxBehavior.Validity="{Binding Text, RelativeSource={RelativeSource Self}, Converter={StaticResource StringToValidityConverter}}" />

        <TextBlock x:Uid="MobilePhone" Grid.Row="3" Grid.Column="2" />
        <TextBox Grid.Row="3" Grid.Column="3" Text="{Binding MobilePhone, Mode=TwoWay}" Style="{StaticResource TextBoxStyle}"
                 common:TextBoxBehavior.Validity="{Binding Text, RelativeSource={RelativeSource Self}, Converter={StaticResource StringToValidityConverter}}" InputScope="Number" />

        <TextBlock x:Uid="EmailAddress" Grid.Row="4" Grid.Column="2" />
        <TextBox Grid.Row="4" Grid.Column="3" Text="{Binding EmailAddress, Mode=TwoWay}" Style="{StaticResource TextBoxStyle}"
                 common:TextBoxBehavior.Validity="{Binding Text, RelativeSource={RelativeSource Self}, Converter={StaticResource StringToValidityConverter}}" />
    </Grid>
</StackPanel>

这是它的样子

编辑：似乎我可以检测到键盘

Windows.UI.ViewManagement.InputPane.GetForCurrentView().Showing
Windows.UI.ViewManagement.InputPane.GetForCurrentView().Hidding

现在我只需要学习如何提高自己的看法即可。

Answer 1

如您所见，您可以使用InputPane的“显示”和“隐藏”事件来检测InputPane的可见性更改。 InputPaneVisibilityEventArgs包括它将覆盖的OccludedRect，并且您可以在页面上应用RenderTransform来进行翻译。

<Page.RenderTransform>
    <CompositeTransform x:Name="pageTransform"/>
</Page.RenderTransform>

以及一个非常幼稚的实现：

void Page_Showing(InputPane sender, InputPaneVisibilityEventArgs args)
{
    // We probably want something more sophisticated to make sure the
    // focus control and any dependencies are in view
    pageTransform.TranslateY -= args.OccludedRect.Height;
    // Tell the InputPane we already handled things so it doesn't move the page again
    args.EnsuredFocusedElementInView = true;
}

void Page_Hiding(InputPane sender, InputPaneVisibilityEventArgs args)
{
    pageTransform.TranslateY = 0;
    args.EnsuredFocusedElementInView = true;
}

实际上，您需要进行数学运算以确保可以看到必要的控件。 您可以使用动画使转换更加平滑。 如果您想发挥更大的创造力，则可以切换到新的视觉状态，该状态只有在更友好的布局中进行编辑所必需的字段。 在UserControl的情况下，您可能只想移动控件而不是页面。

还应在Windows 10桌面上对其进行测试，因为软键盘行为与窗口化应用程序的交互将有所不同。