Create an interface containing a map graphic that can be draggable.
- [Instructor] In this challenge,…I'm going to be asking you to stretch your skills,…because what you're going to do is create…a draggable map, so here are…the requirements for this challenge.…The first thing is that you're going to set…this up to be an iPhone 6 project.…You should add a status bar and a nav bar to the screen.…You should import the map image that's in…the Challenge_02 folder in the exercise files.…And this is a big image, so please don't resize it.…And all you have to do is make it draggable,…and that means that when you click on the map…on the screen, you can drag the map…all over the view port and sort of bring the lake over…to one side and bring up the shoreline and stuff like that.…
But it's something that we did not cover in the chapter,…but I want you to figure out how to do it.…So have some fun with it, and I think you'll find…it's not as difficult as it first sounds.…
- Using design patterns
- Using grids and columns
- Using the Proto.io player
- Using the Proto.io smartphone app
- Working with screens
- Using components
- Creating artwork
- Creating and using containers
- Creating animation
- Publishing your prototype
Skill Level Intermediate
Building and Maintaining Your UX Design Portfoliowith Diane Cronenwett15m 54s Appropriate for all
Sketch: Creating Vector Graphicswith John-Paul Ballard1h 30m Intermediate
1. Getting Started with Proto.io
2. Working with Screens
3. Using Components
4. Creating Artwork from Proto.io
5. Creating and Using Containers in Proto.io
6. Creating Animation in Proto.io
7. Publishing Your Prototype
Next steps1m 22s
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.Cancel
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.