WPF win8平板电脑模式键盘隐藏屏幕底部的项目

Question

I'm currently use WPF and WIN8 table mode design some software.

There is some place need input some number use Textbox .

I use some way to finally show the Keyboard: http://brianlagunas.com/showing-windows-8-touch-keyboard-wpf/

But I found, sometimes the Keyboard will cover some item on the bottom or middle after it show up.

For example: I have 5 Textbox on the screen

<Grid>
  <TextBox HorizontalAlignment="Left" Margin="500,95,0,0"  Height="23" Width="120"/>
  <TextBox HorizontalAlignment="Left" Margin="500,295,0,0"  Height="23" Width="120"/>
  <TextBox HorizontalAlignment="Left" Margin="500,495,0,0"  Height="23" Width="120"/>
  <TextBox HorizontalAlignment="Left" Margin="500,695,0,0"  Height="23" Width="120"/>
  <TextBox HorizontalAlignment="Left" Margin="500,800,0,0"  Height="23" Width="120"/>
</Grid>

But now I found if the Keyboard get focus on some Textbox not on the top, Maybe on the middle or maybe on the bottom. The Keyboard will cover it. I even can't see what I am typing in .(Like the Picture)

So Is there any good way to fix it ? Thank you.

PS: I've try to drag the Keyboard, but Looks like it's not a good solution, because some Textbox on the middle , Keyboard will still cover which Textbox on the middle.

Answer 1

The keyboard can be moved used by the user so that it is not covering. Its best to let the user handle the situation this way than try to re-engineer the Windows experience

Answer 2

to make this possible you have to do something similar to this.

1) your view must be scrollable (inside a scrollviewer)

2) textbox.BringIntoView() would normally work, but with the current solution you are using.. it won't be possible because the keyboard show is called after textbox.BringIntoView()...

See my post in this thread Show & hiding the Windows 8 on screen keyboard from WPF

It's a complete implementation of showing/hiding the win 8 keyboard and auto focus when the textbox is focused and you keep all the wpf touch functionality that you lose when you are using inkDisableHelper

Answer 3

The virtual keyboard is supposed to automatically move the focused TextBox into view when the keyboard is displayed.Microsoft says this behavior is automatic but can be overridden with EnsuredFocusedElementInView ( example here )

I think this can be solved by adjusting the Y transition

     _offSet = 0;

        Windows.UI.ViewManagement.InputPane.GetForCurrentView().Showing += (s, args) =>
        {
            _offSet = (int)args.OccludedRect.Height;
            args.EnsuredFocusedElementInView = true;
            var trans = new TranslateTransform();
            trans.Y = -_offSet;
            this.RenderTransform = trans;
        };

        Windows.UI.ViewManagement.InputPane.GetForCurrentView().Hiding += (s, args) =>
        {
            var trans = new TranslateTransform();
            trans.Y = 0;
            this.RenderTransform = trans;
            args.EnsuredFocusedElementInView = false;
        };

inside the constructor.

Also you can take a look at

1) Tips and Tricks for C# Metro developers: Handling the virtual keyboard

2) Popup stays under virtual keyboard in stead of scrolling up with the bottom appbar