美文网首页
仿猫眼电影滑动展示列表

仿猫眼电影滑动展示列表

作者: 程序媛vivid | 来源:发表于2018-11-08 16:40 被阅读0次
一. 功能描述:

支持图片左右轮滚,选中的当前图片显示在中间并向上放大突出。同时将当前选中的图片进行模糊设置并作为整个滚动视图的背景图片。

GitHub地址:仿猫眼电影滑动展示列表

实现效果
二.实现思路:

1.通过UIScrollView承载n张图片视图,并通过UIScrollView 的decelerationRate属性UIScrollViewDecelerationRateFast常量值来放慢图片滚动的速度。

self.scrollview.decelerationRate = UIScrollViewDecelerationRateFast;

2.点击图片或滑动图片结束时,通过UIScrollView的scrollRectToVisible方法将选中的图片自动放置在视图中间;

UIView *containerView = _viewArray[isClick];
CGFloat offsetX = CGRectGetMidX(containerView.frame)-SCREEN_WIDTH/2;
[self.scrollview scrollRectToVisible:CGRectMake(offsetX, 0, SCREEN_WIDTH, 120) animated:YES];

3.在UIScrollView的委托代理-(void)scrollViewDidScroll:(UIScrollView *)scrollView滚动结束后处理图片的frame。

4.round()函数:如果参数是小数,则求本身的四舍五入。

相关文章

  • 仿猫眼电影滑动展示列表

    一. 功能描述: 支持图片左右轮滚,选中的当前图片显示在中间并向上放大突出。同时将当前选中的图片进行模糊设置并作为...

  • AndroidTVWidget框架补充(六)

    LeanBack 仿写Google的LeanBack库中的一种横向与纵向都可滑动的并带有标题的列表展示视图。 使用...

  • 【ReactNative】入门:从todo App开始(3)

    1.ListView展示todo items 先阅读文档, 了解 ListView 是用来动态展示竖向滑动列表内容...

  • TableView分组的简单实现

    先说下实现的效果,用户点击某个分组,展示该分组的列表,在展示的同时,用户不能通过上下滑动来滑动TableView,...

  • Flutter 132: 图解 PaginatedDataTab

    小菜在尝试列表展示时,对于固定类型数据库表展示需要支持左右滑动,了解到 PaginatedDataTable 分页...

  • Android仿猫眼电影APP

    接口来源 APP的接口来自于简书的一篇文章猫眼的api在这里谢谢作者的分享,本菜技术有限,利用工作之余时间开发。A...

  • Android RecyclerView 限制子条目数量

    正常列表展示: 我们要限制显示的item数量效果: 两个比较不难发现虽然都是能滑动,但是展示在当前页面的列表数量不...

  • 下拉刷新效果实现

    SwipeRefreshLayout一样使用简单 最近在做一个高仿的猫眼App,观察猫眼电影App的下拉刷新后,发...

  • 仿猫眼电影选座功能实现

    前言 高仿猫眼选票模块,因为公司业务需求,要对接猫眼电影,网上也没有很完整的库,所以就结合了ZFSeatsSele...

  • RN项目 - 收藏集 - 掘金

    React Native 开源项目 - 仿猫眼电影客户端 - 前端 - 掘金 @yohnz做的纯React Nat...

网友评论

      本文标题:仿猫眼电影滑动展示列表

      本文链接:https://www.haomeiwen.com/subject/ofiwxqtx.html