From the course: Learning Adobe XD

Unlock this course with a free trial

Join today to access over 25,500 courses taught by industry experts.

Pull-to-refresh

Pull-to-refresh - Adobe XD Tutorial

From the course: Learning Adobe XD

Start my 1-month free trial Buy for my team

Pull-to-refresh

“

- [instructor] In this exercise, you're going to learn how to use a drag triger and auto animate to create a pull to refresh interaction. So essentially what we're going to do is we're going to pull these images down and these images will pop into place, but we're going to have some motion happening between. So let's get started. And to get yourself started, open the pull file found in your chapter download. When it opens, you will see I've set up the elements you will be using. The images are Newfoundland images from the photo splash plugin. The avatar is from UI faces, and the gear icon is from the Icon finder Plugin. Feel free to add your own images to the two photo groups, no big deal. So the plan is very simple. As you drag this down, this rectangle shape changes, this comes down rotating, and when you release, it moves across and these drop into place. So let's get started. So we're just going to have to create…

Contents