When the Windows Phone 7 Input Method is raised, the page is not pushed

In many pages, a text box is displayed at the bottom of the page. When the user focuses the input box, in wp7, the page is pushed to the top of the screen by default, of course, many interactions often think that this is not good enough. They often hope that when the input method rises, the pages (especially the topic text above) will not be pushed up. So we have this article.

This article is a program proposed by a programmer abroad. I will present it to you again now. I hope you can solve this problem more quickly.

At the same time, I have to thank the author who has always supported me. He asked me to write such an article with interest. Thanks again, I am a very good wp7 Development Forum, I will also post several high-quality articles to you later. Please contact me on the noodles.

In wp7, there is actually no good solution to control the page without being pushed by the input method. But there is a compromise here (this problem can be solved temporarily)

The basic principle of the solution is that we can get the height of the current page being pushed up. At this time, we set the margiin Top of the page to this height, which makes people feel that the page is not pushed up,

 

1. Create a page

<phone:PhoneApplicationPage
    x:Class="Test.Keyboard.MainPage"
    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"
    FontFamily="{StaticResource PhoneFontFamilyNormal}"
    FontSize="{StaticResource PhoneFontSizeNormal}"
    Foreground="{StaticResource PhoneForegroundBrush}"
    SupportedOrientations="PortraitOrLandscape"
    >
    <Grid x:Name="LayoutRoot" >
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto"/>
            <RowDefinition Height="*"/>
            <RowDefinition Height="Auto"/>
        </Grid.RowDefinitions>
        <StackPanel Grid.Row="0" Margin="12,17,0,28">
            <TextBlock Text="WINDOWS PHONE" Style="{StaticResource PhoneTextNormalStyle}"/>
            <TextBlock Text="developer's ?" Margin="9,-7,0,0" Style="{StaticResource PhoneTextTitle1Style}"/>
        </StackPanel>
        <Grid Grid.Row="1" Margin="12,0,12,0"></Grid>
        <TextBox Grid.Row="2" LostFocus="TextBoxLostFocus"/>
    </Grid>
</phone:PhoneApplicationPage>

2. cs code

public partial class MainPage : PhoneApplicationPage
    {
private const double LandscapeShift = -259d;
private const double LandscapeShiftWithBar = -328d;
private const double Epsilon = 0.00000001d;
private const double PortraitShift = -339d;
private const double PortraitShiftWithBar = -408d;

public static readonly DependencyProperty TranslateYProperty = DependencyProperty.Register("TranslateY", typeof(double), typeof(MainPage), new PropertyMetadata(0d, OnRenderXPropertyChanged));

public MainPage()
        {
            InitializeComponent();
            Loaded += MainPageLoaded;
        }

public double TranslateY
        {
get { return (double)GetValue(TranslateYProperty); }
set { SetValue(TranslateYProperty, value); }
        }

private static void OnRenderXPropertyChanged(DependencyObject d, DependencyPropertyChangedEventArgs e)
        {
            ((MainPage)d).UpdateTopMargin((double)e.NewValue);
        }

private void MainPageLoaded(object sender, RoutedEventArgs e)
        {
            BindToKeyboardFocus();
        }

private void BindToKeyboardFocus()
        {
            PhoneApplicationFrame frame = Application.Current.RootVisual as PhoneApplicationFrame;
if (frame != null)
            {
var group = frame.RenderTransform as TransformGroup;
if (group != null)
                {
var translate = group.Children[0] as TranslateTransform;
var translateYBinding = new Binding("Y");
                    translateYBinding.Source = translate;
                    SetBinding(TranslateYProperty, translateYBinding);
                }
            }
        }

private void UpdateTopMargin(double translateY)
        {
if (IsClose(translateY, LandscapeShift) || IsClose(translateY, PortraitShift)
||IsClose(translateY, LandscapeShiftWithBar) || IsClose(translateY, PortraitShiftWithBar)
)
            {
                LayoutRoot.Margin = new Thickness(0, -translateY, 0, 0);
            }
        }

private bool IsClose(double a, double b)
        {
return Math.Abs(a - b) < Epsilon;
        }

private void TextBoxLostFocus(object sender, RoutedEventArgs e)
        {
            LayoutRoot.Margin = new Thickness();
        }
    }

Some variables are unnecessary, but the principle is very simple. I hope to solve your problems.

 

I hope you like it! If you have something to say, please contact me in the Q & A area of codewp7.com. I will be glad to know what you are thinking. At the same time, I can also find my figure in wp7 chat QQ Group 172765887. Thank you!

Please slam the source code