たぶんそれは最善の解決策ではないかもしれませんが、うまくいきます:
xaml:
<Grid x:Name="LayoutRoot" Background="Transparent">
<ScrollViewer x:Name="InputScrollViewer" Margin="12,0" Height="800" VerticalAlignment="Top">
<StackPanel Orientation="Vertical" Margin="0,12">
<TextBlock TextWrapping="Wrap" Text="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed in ligula augue. Morbi facilisis varius enim in congue. Nam vehicula imperdiet ipsum in ullamcorper. Integer quis augue in dui tincidunt elementum. Nulla in mi mauris, eu laoreet leo. Sed vehicula quam nec leo imperdiet a rutrum felis viverra." Style="{StaticResource PhoneTextNormalStyle}" Margin="12,12,12,0"/>
<TextBlock TextWrapping="Wrap" Text="Morbi molestie facilisis eleifend. Cras volutpat, lectus nec tincidunt accumsan, mi purus faucibus purus, vitae semper mauris lacus id mauris. Fusce eget massa ut magna lacinia gravida. Ut id velit purus. Nullam eu mi ac justo imperdiet pretium. Curabitur vehicula congue purus vitae sollicitudin." Style="{StaticResource PhoneTextNormalStyle}" Margin="12,12,12,0"/>
<TextBlock TextWrapping="Wrap" Text="Aenean eget dui a urna commodo faucibus sit amet nec eros. Nam tempus facilisis urna, ut varius justo euismod sit amet. Vivamus ultrices volutpat tortor in viverra. Vestibulum laoreet odio at tellus consectetur ut convallis quam semper. Duis in iaculis lectus. Aliquam erat volutpat. Nulla facilisi. Quisque vitae metus lorem. Fusce et erat nisl, sit amet gravida libero. Cras elementum eros vitae tellus sollicitudin accumsan. Pellentesque egestas luctus bibendum. Duis eros ipsum, mollis ut laoreet eu, consectetur id lectus. Maecenas viverra risus urna." Style="{StaticResource PhoneTextNormalStyle}" Margin="12,12,12,0"/>
<TextBox x:Name="MessageText" TextWrapping="Wrap" Text="" AcceptsReturn="True" TextChanged="inputText_TextChanged" GotFocus="MessageText_GotFocus" LostFocus="MessageText_LostFocus"/>
</StackPanel>
</ScrollViewer>
</Grid>
コード ビハインド:
public partial class MainPage : PhoneApplicationPage
{
bool IsInputFocused = false;
double InputHeight = 0.0;
double KeyboardHeight = 338;
double KeyboardClipboardHeight = 72;
double RootHeight = 800;
public MainPage()
{
InitializeComponent();
DeviceStatus.KeyboardDeployedChanged += new EventHandler(DeviceStatus_KeyboardDeployedChanged);
}
void DeviceStatus_KeyboardDeployedChanged(object sender, EventArgs e)
{
if (IsInputFocused)
{
UpdateKeyboard();
}
}
private void inputText_TextChanged(object sender, System.Windows.Controls.TextChangedEventArgs e)
{
Dispatcher.BeginInvoke(() =>
{
double CurrentInputHeight = MessageText.ActualHeight;
if (CurrentInputHeight > InputHeight)
{
InputScrollViewer.ScrollToVerticalOffset(InputScrollViewer.VerticalOffset + CurrentInputHeight - InputHeight);
}
InputHeight = CurrentInputHeight;
});
}
private void UpdateKeyboard()
{
(App.Current as App).RootFrame.RenderTransform = new CompositeTransform();
if (!DeviceStatus.IsKeyboardDeployed)
{
InputScrollViewer.Height = RootHeight - (KeyboardHeight + GetClipboardHeight());
}
else
{
InputScrollViewer.Height = RootHeight;
}
}
private double GetClipboardHeight()
{
return (Clipboard.ContainsText()) ? KeyboardClipboardHeight : 0;
}
private void MessageText_GotFocus(object sender, System.Windows.RoutedEventArgs e)
{
IsInputFocused = true;
(App.Current as App).RootFrame.RenderTransform = new CompositeTransform();
UpdateKeyboard();
Dispatcher.BeginInvoke(() =>
{
InputScrollViewer.ScrollToVerticalOffset(InputScrollViewer.VerticalOffset + 338 + GetClipboardHeight());
});
}
private void MessageText_LostFocus(object sender, System.Windows.RoutedEventArgs e)
{
IsInputFocused = false;
InputScrollViewer.Height = RootHeight;
}
}
まず、このコードは、フォーカスFrame
されたときに a (上に移動)の変換を無効にします。TextBox
また、このコードは、キーボードが画面上にあるときに、新しい空き画面の高さの管理を実行します。