模块二图片浏览项目二新闻天下
学习目标1了解滑动组件的使用2熟悉下拉刷新实现功能4掌握加载图片的方法3
学习路径
任务描述功能描述本模块将实现新闻天下项目中的图片浏览模块实现下拉加载图片信息使用滑动组件实现图片列表的滑动
任务描述基本框架图片列表框架图图片列表效果图实现效果图
RecyclerView简介RecyclerView是谷歌V7下新增的控件,用来替代ListView的使用,RecyclerView不仅可以轻松实现和ListView同样的效果,还优化了ListView中存在的各种不足之处。通过设置LayoutManager来快速实现listview、gridview、瀑布流的效果,而且还可以设置横向和纵向显示,添加动画效果也非常简单(自带了ItemAnimation,可以设置加载和移除时的动画,方便做出各种动态浏览的效果。任务技能技能点一RecyclerViewRecyclerView属性
RecyclerView效果图任务技能技能点一RecyclerView
RecyclerView实现步骤1、在应用的build.gradle中添加support.design支持库任务技能技能点一RecyclerView2、在activity_main.xml中添加RecyclerView布局3、定义一个实体类,作为RecyclerView适配器的适配类型。4、为RecyclerView的子项指定一个自定义布局5、创建FruitAdapter适配器继承RecyclerView.Adapter
RecyclerView实现步骤6、在MainActivity中使用RecyclerView任务技能技能点一RecyclerView
SwipeRefreshLayout简介SwipeRefreshLayout是由support-v4库提供用于实现下拉刷新功能。只接受需要刷新的子组件,通过OnRefreshListener设置监听,从监听里设置刷新需要获取的数据即可。任务技能技能点二SwipeRefreshLayoutSwipeRefreshLayout简介
SwipeRefreshLayout注意事项SwipeRefreshLayout和ScrollView一样只能有一个子控件。setOnRefreshListener设置监听刷新。setProgressBackgroundColor设置刷新时圆形进度条的背景色。setColorSchemeResources设置刷新时进度条颜色。setRefreshing设置刷新状态。setSize设置大小,只有SwipeRefreshLayout.DEFAULT,SwipeRefreshLayout.LARGE。任务技能技能点二SwipeRefreshLayoutSwipeRefreshLayout效果图
SwipeRefreshLayout实现步骤1、在layout中添加SwipeRefreshLayout任务技能技能点二SwipeRefreshLayout2、在Activity中使用
DrawerLayout实现步骤1、在budil.gradle中需要引用DesignSupport库任务技能技能点二DrawerLayout2、在res下创建一个menu包。3、添加header布局,放置头像,用户名
DrawerLayout实现步骤5、实现滑屏功能任务技能技能点二DrawerLayout
任务实施实施步骤4321使用RecyclerView设置图片界面的主要布局为RecyclerView添加适配器获取图片列表,这里需要在gradle中添加“compilecom.github.bumptech.glide:-glide:3.6.1”(图像缓存库)将获取到的Json转换为图片列表对象通过以上技能点的学习,将实现本模块的图片预览功能
任务实施实施步骤65将获取到的信息填入相应的控件内设置每个条目的点击事件
CoordinatorLayout简介CoordinatorLayout(协调者布局)作为协调一个或多个子控件的根布局,子控件使用Behavior和父控件或其他子控件进行交互。CoordinatorLayout的使用核心就是Behavior,使用Behavior来执行交互。课外扩展CoordinatorLayoutCoordinatorLayout属性
CoordinatorLayout效果图任务技能CoordinatorLayout
Animation动画Recycler回收站Swipe刷卡