我有一个由几个 UI 元素组成的屏幕,主要是 TextBoxes。当一个 TextBox 获得焦点时,整个页面向上推,将标题移到屏幕外。我希望标题位于固定位置,其余内容在 ScrollViewer 中向上推送。理想情况下,我希望按预期放置偏移量,并显示/隐藏键盘并正确聚焦到 UI 元素。正确滚动行为的一个很好的例子是本机警报应用程序。任何帮助表示赞赏。干杯!
我有一个由几个 UI 元素组成的屏幕,主要是 TextBoxes。当一个 TextBox 获得焦点时,整个页面向上推,将标题移到屏幕外。我希望标题位于固定位置,其余内容在 ScrollViewer 中向上推送。理想情况下,我希望按预期放置偏移量,并显示/隐藏键盘并正确聚焦到 UI 元素。正确滚动行为的一个很好的例子是本机警报应用程序。任何帮助表示赞赏。干杯!
呈现 SIP 键盘时,PhoneApplicationFrame.TranslateTransform.Y 设置为特定值。要更新布局,我们只需将上边距设置为指定的值 (-s),然后 Silverlight 布局系统将修复该问题。
这里是 XAML 部分:
<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="TextBox_OnLostFocus" />
</Grid>
C# 部分
public partial class MainPage : PhoneApplicationPage
{
private static double newValue = 0.0;
public static readonly DependencyProperty TranslateYProperty = DependencyProperty.Register("TranslateY", typeof(double), typeof(MainPage), new PropertyMetadata(0d, OnRenderXPropertyChanged));
public MainPage()
{
InitializeComponent();
this.Loaded += BindToKeyboardFocus;
}
private void BindToKeyboardFocus(object sender, RoutedEventArgs e)
{
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);
}
}
}
public double TranslateY
{
get { return (double)GetValue(TranslateYProperty); }
set { SetValue(TranslateYProperty, value); }
}
private static void OnRenderXPropertyChanged(DependencyObject d, DependencyPropertyChangedEventArgs e)
{
if ((double)e.NewValue <= newValue)
((MainPage)d).UpdateTopMargin((double)e.NewValue);
newValue = (double)e.NewValue;
}
private void UpdateTopMargin(double translateY)
{
LayoutRoot.Margin = new Thickness(0, -translateY, 0, 0);
}
private void TextBox_OnLostFocus(object sender, RoutedEventArgs e)
{
LayoutRoot.Margin = new Thickness();
}
}
我认为这会有所帮助。这是我的 GitHub 链接 - https://github.com/rezacse/fixedHeaderOnTextBoxFocus
我遇到过同样的问题。但最后我解决了它,我只是使用 Height 属性来做到这一点。请执行以下步骤
请参阅下面的代码
<ScrollViewer Height="500">
<Grid Name="Container" Height="700">
<TextBox/>
<TextBox/>
<TextBox/>
</Grid>
</ScrollViewer>
现在您可以滚动容器网格甚至显示的键盘,甚至可以将焦点放在文本框上。您可以聚焦任何文本框,并且 ScrollViewer 不会向后滚动。