Question

我正在尝试构建一个聊天应用程序用户界面，布局的想法非常简单：

当输入栏处于焦点状态时，键盘将显示并“按下”聊天栏，因为它是网格，因此ListView的大小将调整为适合屏幕大小：

我将输入栏的边距更新为“推”它：

NSValue result = (NSValue)args.Notification.UserInfo.ObjectForKey(new NSString(UIKeyboard.FrameEndUserInfoKey));
CGSize keyboardSize = result.RectangleFValue.Size;
if (Element != null){
Element.Margin = new Thickness(0, 0, 0,keyboardSize.Height); //push the entry up to keyboard height when keyboard is activated
}

这是结果： https://drive.google.com/file/d/1S9yQ6ks15BRH3hH0j_M8awpDJFRFitUi/view?usp=sharing

视图确实向上推，并且ListView也按预期调整了大小，但是有两个我不知道如何解决的问题：

调整大小后如何保留ListView滚动位置？
缺乏动画来推动视图

我已经在网上搜索了，尝试了IQKeyboardManager和KeyboardOverLap，上推动画既流畅又流畅，但是发生了奇怪的事情：

https://drive.google.com/file/d/1Zm0lMKB3wq07ve67wlcvLuNM_6Waad7R/view?usp=sharing

这种方法不是重新调整ListView的大小，而是向上推整个ListView，使我看不到前几个项目，当然，滚动条可以在屏幕外滚动。
ListView底部的多余空格

任何帮助将不胜感激，谢谢！

解决方案：

  void OnKeyboardShow(object sender, UIKeyboardEventArgs args)
    {
        NSValue result = (NSValue)args.Notification.UserInfo.ObjectForKey(new NSString(UIKeyboard.FrameEndUserInfoKey));
        CGSize keyboardSize = result.RectangleFValue.Size;
        if (Control != null)
        {
            int bottomMargin = 0;
            var sa = UIApplication.SharedApplication.KeyWindow.SafeAreaInsets;
            bottomMargin = (int)sa.Bottom;

            CGPoint offset = Control.ContentOffset;
            var difference = keyboardSize.Height - bottomMargin;

            if (Control.ContentSize.Height > Control.Frame.Height)
            {
                offset.Y += difference;
                Control.SetContentOffset(offset, true);
            }
            else if (Control.ContentSize.Height + keyboardSize.Height > Control.Frame.Height)
            {
                offset.Y += Control.ContentSize.Height + keyboardSize.Height - Control.Frame.Height - bottomMargin;
                Control.SetContentOffset(offset, true);
            }

            Control.ContentInset = new UIEdgeInsets(0, 0, difference, 0);
            Control.ScrollIndicatorInsets = Control.ContentInset;

        }

    }

    void OnKeyboardHide(object sender, UIKeyboardEventArgs args)
    {
        if (Control != null)
        {
            Control.ContentInset = new UIEdgeInsets(0, 0, 0, 0);
            Control.ScrollIndicatorInsets = new UIEdgeInsets(0, 0, 0, 0);
        }

    }

Answer 1

解决方案：

请参考以下代码

在iOS自定义渲染器中

protected override void OnElementChanged(ElementChangedEventArgs<ListView> e)
{
  base.OnElementChanged(e);

  if(Control!=null)
  {
     Control.KeyboardDismissMode = UIScrollViewKeyboardDismissMode.OnDrag;

     NSNotificationCenter.DefaultCenter.AddObserver(this, new Selector("KeyBoardWillShow:"), new NSString("UIKeyboardWillShowNotification"), null);

     NSNotificationCenter.DefaultCenter.AddObserver(this, new Selector("KeyBoardWillHide:"), new NSString("UIKeyboardWillHideNotification"), null);

  }

}


[Export("KeyBoardWillShow:")]
void KeyBoardWillShow(NSNotification note)
{
  NSValue keyboardRect = (NSValue)note.UserInfo.ObjectForKey(new NSString(UIKeyboard.FrameEndUserInfoKey));
  Control.ContentInset = new UIEdgeInsets(0,0, keyboardRect.RectangleFValue.Size.Height,0);
}


[Export("KeyBoardWillHide:")]
void KeyBoardWillHide(NSNotification note)
{
  Control.ContentInset = UIEdgeInsets.Zero;
}

Xamarin.form当键盘出现时向上移动视图

1 个答案: