本章介绍了如何使用Ionic构建一个天气应用，重点展示了侧滑菜单作为导航基础，通过动作面板提供用户选项，用模态展示日出日落数据，以及构建更高级的滚动交互。你将学习到Ionich的各种组件，包括设置侧滑菜单、搜索定位、设置视图和数据服务，以及实现天气视图、自定义滚动、动作面板、模态显示和弹出框功能。
Chapter 6. Weather app, using side menus, modals, action sheets, and ionScroll
This chapter covers
Using a side menu as the basis of your app for navigation
Displaying options to users with action sheets and popups
Using a modal to display related content over another view
Building more-advanced scrolling interactions
In this chapter you’ll build a weather app, and in the process you’ll showcase more components that Ionic has to offer. The base of the application navigation will be the side menu component. It will allow you to find and view weather conditions, forecasts and favorite locations; display sunrise and sunset data inside of a modal window; and use a paginated scrolling pane to view the weather information.
Throughout the chapter we’ll look at a number of Ionic’s features and components. The side menu will be the basis for your app navigation, and you’ll use just a single left menu that can appear to navigate around the app. You’ll use the action sheet component to provide users a list of options, such as to note a favorite location. Using a modal, you’ll display the next year’s chart of sunrise and sunset values. To make this chart perform better, you’ll use the collection repeat feature of the Ionic lists, which reduces memory for large lists by rendering only the necessary items.
6.1. Setting up the chapter project
6.2. Setting up the side menu and views
6.3. Searching for locations
6.4. Adding settings view and data services
6.5. Setting up the weather view
6.6. ionScroll: building custom scrolling content
6.7. Action sheet: displaying a list of options
6.8. ionModal: displaying the sunrise and sunset chart
6.9. Popup: alert and confirm changes to favorites
6.10. Chapter challenges
6.11. Summary
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
