1

画面の下部に配置している UITextField があります。

UITextField 画面下部

通常、このテキスト フィールドはキーボードによって非表示になりますが、次の組み合わせに従いました。

そして、選択すると日付ピッカーが表示され、UITextField が邪魔にならないように自動スクロールされる UITextField を作成しました。

DatePicker を使用した UITextField

電話を横向きに回転させるまで、これはうまく機能します。

横向きになると、UITextField が画面の上に押し上げられすぎて見えなくなります。

ランドスケープ UITextField DatePicker

コードでは、UIKeyboard.WillShowNotification をサブスクライブし、以下の KeyboardWillShowNotification を呼び出します。

protected virtual void KeyboardWillShowNotification (NSNotification notification)
        {
            UIView activeView = KeyboardGetActiveView();
            if (activeView == null)
                return;

            UIScrollView scrollView = activeView.FindSuperviewOfType(this.View, typeof(UIScrollView)) as UIScrollView;
            if (scrollView == null)
                return;

            RectangleF keyboardBounds = UIKeyboard.FrameBeginFromNotification(notification);

            UIEdgeInsets contentInsets = new UIEdgeInsets(0.0f, 0.0f, keyboardBounds.Size.Height, 0.0f);
            scrollView.ContentInset = contentInsets;
            scrollView.ScrollIndicatorInsets = contentInsets;

            // If activeField is hidden by keyboard, scroll it so it's visible
            RectangleF viewRectAboveKeyboard = new RectangleF(this.View.Frame.Location, new SizeF(this.View.Frame.Width, this.View.Frame.Size.Height - keyboardBounds.Size.Height));

            RectangleF activeFieldAbsoluteFrame = activeView.Superview.ConvertRectToView(activeView.Frame, this.View);
            // activeFieldAbsoluteFrame is relative to this.View so does not include any scrollView.ContentOffset

            // Check if the activeField will be partially or entirely covered by the keyboard
            if (!viewRectAboveKeyboard.Contains(activeFieldAbsoluteFrame))
            {
                // Scroll to the activeField Y position + activeField.Height + current scrollView.ContentOffset.Y - the keyboard Height
                PointF scrollPoint = new PointF(0.0f, activeFieldAbsoluteFrame.Location.Y + activeFieldAbsoluteFrame.Height + scrollView.ContentOffset.Y - viewRectAboveKeyboard.Height);
                scrollView.SetContentOffset(scrollPoint, true);
            }
        }

2 つの補足機能:

protected virtual UIView KeyboardGetActiveView()
        {
            return this.View.FindFirstResponder();
        }

public static UIView FindFirstResponder (this UIView view)
    {
        if (view.IsFirstResponder)
        {
            return view;
        }
        foreach (UIView subView in view.Subviews) {
            var firstResponder = subView.FindFirstResponder();
            if (firstResponder != null)
                return firstResponder;
        }
        return null;
    }

    public static UIView FindSuperviewOfType(this UIView view, UIView stopAt, Type type)
    {
        if (view.Superview != null)
        {
            if (type.IsAssignableFrom(view.Superview.GetType()))
            {
                return view.Superview;
            }

            if (view.Superview != stopAt)
                return view.Superview.FindSuperviewOfType(stopAt, type);
        }

        return null;
    }

完全なソースは BitBucket にあります: https://bitbucket.org/benhysell/uitextfielddatepicker

私が間違っているかもしれないことについてのアイデア?

4

1 に答える 1

1

キーボードが表示されたら、ビューの高さを変更する必要があります。

このようなもの：

var frame = View.Frame;
frame.Height -= keyboardHeight;
View.Frame = frame;

キーボードの高さを取得するには:

bool isLandscape = InterfaceOrientation == UIInterfaceOrientation.LandscapeLeft || InterfaceOrientation == UIInterfaceOrientation.LandscapeRight;
var keyboardFrame = UIKeyboard.FrameEndFromNotification (notification);
var keyboardHeight = isLandscape ? keyboardFrame.Width : keyboardFrame.Height;

UITextFieldが中央に配置されるように設定されている限りAutoResizingMask、UI は正しく表示されます。

于 2012-10-30T17:25:11.647 に答える