天天看点

iOS: 悬浮的条件筛选框使用二

一、介绍:

在前面已经介绍了一种条件悬浮框,使用的是tableView的Plain分组样式实现的,因为这是tableView本身就具备的功能,分组悬浮效果。这次我来介绍第二种更加简单的方法,采用两个ScrollView来实现。

二、实现技术:

(1)两个ScrollView,一个是左右滚动,成为内容视图,另一个是上下滚动,作为容器视图;

 (2) 创建头视图,头视图中有banner图和条件筛选框,标记banner图的高;

(3)合理设置上下滚动的容器视图的frame,它承载头视图和内容视图,不过需要禁止它的弹簧效果,实现悬浮框功能。

三、代码如下:

HeadView.h

iOS: 悬浮的条件筛选框使用二
iOS: 悬浮的条件筛选框使用二

HeadView.m

iOS: 悬浮的条件筛选框使用二

 View Code

ContentView.h

iOS: 悬浮的条件筛选框使用二
iOS: 悬浮的条件筛选框使用二

ContentView.m

iOS: 悬浮的条件筛选框使用二
iOS: 悬浮的条件筛选框使用二

ViewController.h

iOS: 悬浮的条件筛选框使用二
iOS: 悬浮的条件筛选框使用二

ViewController.m

iOS: 悬浮的条件筛选框使用二

四、演示截图:(上拉到顶就悬浮了不能在上拉,下拉可以继续),点击按钮来回切换tableView

iOS: 悬浮的条件筛选框使用二
iOS: 悬浮的条件筛选框使用二

程序猿神奇的手,每时每刻,这双手都在改变着世界的交互方式!

本文转自当天真遇到现实博客园博客,原文链接:http://www.cnblogs.com/XYQ-208910/p/6103168.html,如需转载请自行联系原作者

继续阅读