下一个项目公司也打算使用react native.大致看了下原型设计,写几个小demo先试试水.特此记录下. 1.微信及朋友圈分享.QQ及朋友圈分享,微博分享,微信支付,支付宝支付. 2.导航条渐隐 3.通讯录 4.卡片式轮播 5.时间轴 6.图片+列表的组合效果 7.图片下拉放大 8.原生视频播放 ...
分类:
其他好文 时间:
2017-07-11 09:43:34
阅读次数:
634
事实上这个效果,本质上就是在你tableView下拉 造成offset时候。 保持你顶部图片的y坐标点还停留在下拉时屏幕的顶点(offset), 而图片的长度变为原始的height长度-(offset ) 就达到了下拉放大的效果。 直接上代码了: 1. 首先创建一个UIView作为headerVie ...
分类:
移动开发 时间:
2017-04-23 13:19:18
阅读次数:
223
demo.gif 效果图如上,简单分析下 1.导航栏一开始是隐藏的,随着scrollView滚动而渐变 2.导航栏左右两边的navigationItem是一直显示的 3.导航栏参考了途家app,使用了毛玻璃效果,背景是一张图片 4.下拉放大图片效果 5.title文字动画效果 1.导航栏一开始是隐藏 ...
分类:
其他好文 时间:
2016-09-21 01:30:14
阅读次数:
217
先来看看效果吧。 讲讲大概的实现思路:1?创建头部的视图和tableview,需要注意的是tableview要设置contentInset,contentInsent 的顶部要和头部视图的背景图的高度一样,否则会有空隙(或是有遮挡)。myTableView.contentInset = UIEdge ...
分类:
移动开发 时间:
2016-09-09 20:39:38
阅读次数:
259
首先要知道 自定义scrollview 仿QQ效果 下拉伸缩放大顶部图片 的原理是监听ontouch事件,在MotionEvent.ACTION_MOVE事件时候,使用不同倍数的系数,重置布局位置【注此处是伸缩隐藏,不是同比例放大】 关于“自定义scrollview 仿QQ效果 下拉放大顶部图片,上 ...
分类:
移动开发 时间:
2016-08-26 15:21:22
阅读次数:
658
现在很多app设置了这样的效果,如何实现这一效果呢,其实只需要简单的两个方法,那么我们直接上代码 首先我们在storyBoard里拖一个tableView并设置Navigation,接下来我们在tableView中设置图片我是自己写了个方法然后在viewDidLoad中调用,也可以直接在viewDi ...
分类:
移动开发 时间:
2016-04-16 00:47:50
阅读次数:
463
关于顶部图片下拉放大,在用户展示的个人中心显示用户个人头像信息,设置UITableView的headerView实现,UITableView继承自UIScrollView,同样的设置UIScrollView的顶部图片也可以实现同样的效果,简单看一下实现的效果:控制器中设置需要的属性变量:@prope...
分类:
移动开发 时间:
2016-01-14 08:29:58
阅读次数:
504
这里我们主要是用一下,如何能保持原来的图片的宽高比来轻松的实现放大的效果,主要的是UIViewContentModeScaleAspectFill这个起的效果:
我们用tableView来展示这个效果吧我们这里并没有计算图片的宽高比,直接用UIViewContentModeScaleAspectFill来实现#import "ViewController.h"
const CGFloat ZYTop...
分类:
其他好文 时间:
2015-12-23 00:41:19
阅读次数:
207
// ViewController.h#import @interface ViewController : UITableViewController@end// ViewController.m#import "ViewController.h"const CGFloat HMTopView.....
分类:
其他好文 时间:
2015-12-19 00:08:32
阅读次数:
238