Howo to prototype iPhone text filter field with clear icon

Allen shared this question 6 years ago

Is there a way to prototype an iPhone text input field that has a clear icon?

I want to prototype a panel that has a list of results from a query and lets the user type in a text field at the top to filter the results down live. It would also be nice if it could support autocomplete.

This is similar to the search at the top of the panel in the iPhone email application.

Comments (1)


This tutorial can help you:

And this one also

If instead of an on click event in a button you define the same as a on key pressed event in the input field, you can simulate the autocomplete.