注册 登录
主题 : 卡片日记的一个视图叠加问题
级别: 新手上路
UID: 663048
精华: 0
发帖: 35
可可豆: 53 CB
威望: 53 点
在线时间: 201(时)
注册时间: 2018-10-16
最后登录: 2019-05-20
0 楼:  发表于: 2019-05-08 09:55    发自: Web Page
来源于 一般提问 分类

卡片日记的一个视图叠加问题   

今天看到一个叫 ‘卡片日记’的app,其中的新建日记页面有个很有意思的效果如附件截图:


1. view1是白色的输入页面,应该是add在一个scrollview上的,注意右侧的滚动条;
2. view2是上面的图片页面,view2上面有3个button;


当view1滚动的时候view2是静止的,view1是向上滚动的,形成一种视图的层次感,意思是view1和view2不在一个scrollview的。
但是当view1滚动的时候,view2上的按钮是可以点击的,而看侧边滚动条应该是scrollview已经将按钮遮挡住了,但按钮还能点击,很奇妙。


有知道怎么实现的大佬忘解惑一下,谢谢。

图片:1.png
图片:2.png
级别: 圣骑士

状态: 连续签到 - [54天]
UID: 471816
精华: 0
发帖: 462
可可豆: 834 CB
威望: 700 点
在线时间: 948(时)
注册时间: 2015-05-11
最后登录: 2019-05-17
1 楼:  发表于: 2019-05-09 10:06    发自: Web Page
// 大概思路: 整体看起来是一个scrollView,是利用scrollView.top上内容边距形成视觉差,
// 再根据scrollView滚动来改变 图片和按钮 容器View2 的y值。

- (void)viewDidLoad {
    [super viewDidLoad];

[self.view addSubview:view2];
[self.view addSubview:scrollView];
[scrollView addSubview:view1];
[view2 addSubview:imageView];
[view2 addSubview:buttons];

scrollView.contentInset = UIEdgeInsetsMake(view2.height, 0, 0, 0);

}

- (void)scrollViewDidScroll:(UIScrollView *)scrollView {
    // 判断滚动offset.y,更改imageView、Buttons的容器view2的Y值
}

It's time to turn.
级别: 新手上路
UID: 545905
精华: 0
发帖: 49
可可豆: 52 CB
威望: 52 点
在线时间: 51(时)
注册时间: 2016-03-01
最后登录: 2019-05-13
2 楼:  发表于: 2019-05-09 10:50    发自: Web Page
视觉差了解一下...
级别: 新手上路
UID: 663048
精华: 0
发帖: 35
可可豆: 53 CB
威望: 53 点
在线时间: 201(时)
注册时间: 2018-10-16
最后登录: 2019-05-20
3 楼:  发表于: 2019-05-09 18:16    发自: Web Page
回 1楼(aiq西米) 的帖子
我试下,谢谢  
级别: 新手上路
UID: 663048
精华: 0
发帖: 35
可可豆: 53 CB
威望: 53 点
在线时间: 201(时)
注册时间: 2018-10-16
最后登录: 2019-05-20
4 楼:  发表于: 2019-05-09 18:16    发自: Web Page
回 2楼(codetogcd) 的帖子
谢谢   我试试看

CocoaChina社区转载内容已尽可能注明出处,如未能核实来源或转发内容图片有权利瑕疵的,请及时联系社区进行修改或删除【联系方式QQ : 3442093904 邮箱:support@cocoachina.com】文章内容为作者独立观点,不代表CocoaChina社区立场。版权归原作者所有,如申请授权请联系作者,因文章侵权CocoaChina社区不承担任何法律及连带责任。

描述
快速回复

关注本帖(如果有新回复会站内信通知您)

发帖、回帖都会得到可观的积分奖励。查看论坛积分规则

按"Ctrl+Enter"直接提交
    顶部