美文网首页
针对页控件实现的点击效果

针对页控件实现的点击效果

作者: 磨剑十年 | 来源:发表于2017-04-18 20:13 被阅读0次
页控件默认是无法定位点击的,不能实现当前页为首页时,点击跳转到末尾的效果。

页控件需要了解的一些信息:

  • 默认小圆点的矩阵宽高为7px左右
  • 小圆点之间的空白间距为9px左右

在页控件上覆盖同等数量的透明按钮,实现精确定位的点击效果,类似汤姆猫点击图片的头部,手,脚等部位会产生相应动画,原理也是在图片上添加透明的按钮。

01. // 注意UIButton按钮是添加到self.view上的,而不是UIPageControl,试了下,UIPageControl添加不了子视图
02. for(int i = 0; i < ... ; i++)
03. {
04.        //循环添加按钮
05.        UIButton *button = [[UIButton alloc] init];
06.        button.center = CGPointMake(小圆点的中心点.x,小圆点的中心点.y);
07.        button.bounds = CGRectMake(0,0,8,8);  //略大于小圆点的矩形
08.        button.backgoundColor = [UIColor clearColor];
09.        // 设置按钮的tag值,用于标识按钮
10.        button.tag = i;     
11.        [self.view addSubview:button];
12.        // 对按钮添加监听,监听UIControlEventTouchDown事件
13.        [button addTarget:self action:@selector(pressButton:) forControlEvents:UIControlEventTouchDown];
14.        //对按钮继续添加监听,监听UIControlEventTouchUpInside事件
15.        [button addTarget:self action:手指离开时,重启定时器 forControlEvents:UIControlEventTouchUpInside];
16. }
17. ...

实现手指点击按钮时,停止定时器,并且切换图片,至于页控件的当前页码值会跟随图片的切换自动更改,之前在自动轮播器中设置过。

01. ...
02. - (void)pressButton:(UIButton *)button
03. {
04.       //获取按钮的标识值作为页码
05.       NSInteger page = button.tag;
06.       [self.scrollview setContentOffset:CGSizeMake(page * self.scrollview.frame.size.width, 0);
07.       // 页控件的当前页码设置是在监听滚动视图滚动时实现的
08. }
09. ...

相关文章

  • 针对页控件实现的点击效果

    页控件默认是无法定位点击的,不能实现当前页为首页时,点击跳转到末尾的效果。 页控件需要了解的一些信息: 默认小圆点...

  • 使用Databinding轻松快速打造仿携程app筛选控件(三)

    前面两章实现了筛选控件的内容,今天要来实现筛选控件的容器,首先看效果: 需求分析 点击上面的按钮可以展开隐藏菜单,...

  • iOS开发——打钩控件(单选按钮)的实现

    需求 不以切换图片的方式,实现控件点击展示出已选择的效果,再点击取消选择,效果如图(静态+动画),demo下载地址...

  • Android 开发小技巧

    1、5.0以上点击水波纹效果 在想要实现效果的布局或控件中加入: 2、5.0以上使用4.0的时间日期选择控件样式 ...

  • Android selector属性说明

    Selector作为选择器,常常用来作控件的背景,设置控件的状态效果。例如点击,获取焦点,选中等控制实现组件在不同...

  • WYYKTScroll控件悬停

    效果示例 ###这是一个控件悬停的UI效果实现,类似于网易云课堂的详情页UI效果 1.工程引入FMBaseView...

  • Android-JetPack(一) ViewModel

    简单demo 效果:点击按钮,数字加一控件:一个TestView,一个Button。 具体实现 activity_...

  • 锁屏页滑动控件

    先看下要实现的效果:链接地址这是我实际开发一个项目中的效果,这里我就只抽取出锁屏页的滑动控件,其实滑动控件搞出来了...

  • OAF实现TAB页 页面切换

    实现效果 点击Tab页的session2后,跳转到页面2 实现步骤 定义功能路径page=/jojo/oracle...

  • popwindow根据屏幕自适应位置弹出

    做个功能,实现这种效果 根据屏幕位置判断如果在屏幕中间上方点击时就在控件下方弹出,如果在上方的话就在控件上方弹出,...

网友评论

      本文标题:针对页控件实现的点击效果

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