SIP键盘出现时,Windows Phone项目滚动问题

时间:2013-07-10 08:01:27

标签: xaml windows-phone

我正在制作一个简单的聊天应用时遇到以下代码的两个问题。 代码在页面顶部显示一个文本块,在底部显示两个文本框堆栈。加上一个列表框,它将自动填充剩余的空隙。

<Grid x:Name="LayoutRoot" Background="Transparent">
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto"/>
            <RowDefinition Height="1*"/>
            <RowDefinition Height="Auto"/>
            <RowDefinition Height="Auto"/>
        </Grid.RowDefinitions>
        <Rectangle Height="1" Fill="White" VerticalAlignment="Top"/>
        <TextBlock Text="Hello World!" Grid.Row="0" FontSize="36"/>
        <Listbox Grid.Row="1"/>
        <TextBox Grid.Row="2"/>
        <TextBox Grid.Row="3"/>
</Grid>
  1. 当我点击其中一个顶部文本框时,SIP键盘变为可见,并且页面中的所有内容都会被向上推。这里的主要问题是顶部文本块消失并隐藏在顶部。如何在查看SIP键盘时将其保持在最顶层而不移动?

  2. 当最底部的文本框具有焦点时,会出现SIP键盘并向上推送所有内容。在这种情况下,键盘将适合并粘贴到该文本框。但是,当其他文本框具有焦点时,键盘将在它们之间产生间隙。如何使键盘的行为与最底部的键盘聚焦时的行为相同?

1 个答案:

答案 0 :(得分:1)

当键盘弹出和取消键盘时,TranslateTransform上会运行PhoneApplicationFrame,上下翻译整个屏幕。

基于this article,您应该能够获得翻译的价值。您可以观察到动画将Y属性从零移动到特定的负值(基于您关注的控件)。

选项1:我无法编写处理此值的下降方式,但您应该能够调整控件的大小以适应屏幕左侧的内容。

选项2.0(错误):您可以取消或删除此动画。键盘将位于屏幕顶部,没有任何移动。现在轮到您移动/调整控件大小以适应剩余空间。

    public MainPage()
    {
        this.InitializeComponent();

        PhoneApplicationFrame frame = (App.Current as App).RootFrame;
        var group = (frame.RenderTransform as TransformGroup);
        group.Children.RemoveAt(0); // remove translate transform
    }

选项2.1:2.0存在问题:删除转换会阻止您收到有关键盘的通知。当Y属性更改时,在页​​面的子项上设置反向动画将“取消”原始翻译。

<Grid x:Name="LayoutRoot" Background="Transparent" VerticalAlignment="Stretch">
    <Grid.RenderTransform>
        <TransformGroup>
            <TranslateTransform />
        </TransformGroup>
    </Grid.RenderTransform>

    static void OnRootFrameTransformChanged(DependencyObject source, DependencyPropertyChangedEventArgs e)
    {
        // ... edit from the blog article ...
        MainPage page = source as MainPage;
        page.lb.Items.Add(newvalue);
        var oppositeTransform = (TranslateTransform)((TransformGroup)page.RenderTransform).Children[0];
        if (newvalue < 0.0)
        {
            page.IsSipVisibleGuess.IsChecked = true;
            oppositeTransform.Y = -newvalue;
        }
        else if (newvalue == 0.0)
        {
            page.IsSipVisibleGuess.IsChecked = false;
            oppositeTransform.Y = 0;
        }

对不起,这些选项都不会神奇地解决问题,但它可以帮助您编写最适合您应用的代码。

如果您找到更好的解决方案,请将其作为答案发布。