Implementing a Sticky Input Field in iOS

#1

Post by ayrkm » Sun, Aug 09, 2015, 3:52 AM UTC

Implementing a Sticky Input Field in iOS
medium.com

Re: Implementing a Sticky Input Field in iOS

#2

Post by jtreanor » Sun, Aug 09, 2015, 12:23 PM UTC

Interesting work, thanks for sharing.

  The input field is subview of the keyboard’s window. This is likely undesirable, especially for chat applications.

I am curious as to why this is undesirable. It makes sense to me that something docked to the keyboard would be in the same window.

Re: Implementing a Sticky Input Field in iOS

#3

Post by ayrkm » Sun, Aug 09, 2015, 12:37 PM UTC

jtreanor wrote: post #2

Interesting work, thanks for sharing. The input field is subview of the keyboard’s window. This is likely undesirable, especially for chat applications. I am curious as to why this is undesirable. It makes sense to me that something docked to the keyboard would be in the same window.

It's because the input field will always appear at window level above the level of key window. So, if you need to show overlay in key window, the input field will appear above the overlay. Example for such overlay could be a loading indicator.

Re: Implementing a Sticky Input Field in iOS

#4

Post by tasteup » Sun, Aug 09, 2015, 4:26 PM UTC

I love this. I've actually been using https://github.com/AlexLittlejohn/ALTextInputBar, but this is a well written explanation and solution to the problem.

Re: Implementing a Sticky Input Field in iOS

#5

Post by ayrkm » Sun, Aug 09, 2015, 4:34 PM UTC

tasteup wrote: post #4

I love this. I've actually been using https://github.com/AlexLittlejohn/ALTextInputBar , but this is a well written explanation and solution to the problem.

Thanks, glad you find it useful.

Re: Implementing a Sticky Input Field in iOS

#6

Post by aaronbrethorst » Sun, Aug 09, 2015, 4:44 PM UTC

Or you can use Slack's open sourced version: https://github.com/slackhq/slacktextviewcontroller

Re: Implementing a Sticky Input Field in iOS

#7

Post by ayrkm » Sun, Aug 09, 2015, 4:50 PM UTC

aaronbrethorst wrote: post #6

Or you can use Slack's open sourced version: https://github.com/slackhq/slacktextviewcontroller

hi Aaron, I did briefly look at SlackTextViewController. But decided not to use it because the project contains many features that we do not need. Furthermore, it doesn't support usage on iPad.

Re: Implementing a Sticky Input Field in iOS

#8

Post by sandofsky » Sun, Aug 09, 2015, 5:27 PM UTC

There's no mention in the article that since iOS 7, there's been a "UIScrollViewKeyboardDismissMode", which allows "interactive" dismissal. It isn't perfect, but the last time I investigated, too many solutions out there involved touching private APIs.

Re: Implementing a Sticky Input Field in iOS

#9

Post by ayrkm » Sun, Aug 09, 2015, 5:41 PM UTC

sandofsky wrote: post #8

There's no mention in the article that since iOS 7, there's been a "UIScrollViewKeyboardDismissMode", which allows "interactive" dismissal. It isn't perfect, but the last time I investigated, too many solutions out there involved touching private APIs.

I could've more explicit.

Interactive dismissal only made possible with UIScrollViewKeyboardDismissModeInteractive introduced since iOS 7.

This article described solution for interactive dismissal with `sticky` input field atop the keyboard.

Re: Implementing a Sticky Input Field in iOS

#10

Post by andkon » Sun, Aug 09, 2015, 7:22 PM UTC

This is such a great writeup, thank you for digging into it. Have you tried this out with iOS 9? I know JSQMessagesVC, which does a really solid interactive dismissal, has some problems with that.