当前位置: 首页 > news >正文

iOS自定义UIPageControl

写在前面

我就知道会有这一天,之前因为公司的APP弹窗的种类太多,不得不自己写一个弹窗类,为每一个弹窗类型设定一个类。现在也是因为分页符的类型太多,不得不自定义。网上的都不符合自己的需求,所以自己写了一个,贴出来,如果写的不好希望大家能给修改意见。

代码

.h文件


#import <UIKit/UIKit.h>

typedef enum : NSInteger{
    //自定义pagecontrol的类型
    NKPageControlStyleA,
    NKPageControlStyleB,
}NKPageControlStyle;

@interface NKPageControl : UIPageControl

- (instancetype)initWithStyle:(NKPageControlStyle)pageControlStyle;


@end


复制代码

.m文件


#import "NKPageControl.h"

@interface NKPageControl ()

@property (nonatomic, assign) NKPageControlStyle style;

@end

@implementation NKPageControl

-(instancetype) initWithStyle:(NKPageControlStyle)pageControlStyle
{
    self = [super init];
    
    //在这里获取到创建pageControl的种类
    _style = pageControlStyle;
    
    return self;
}

-(void) updateDots
{
    if (_style == NKPageControlStyleA)
    {
        //循环获取每一个小圆点(小圆点的类型是UIView)
        for (int i = 0; i < self.subviews.count; i++)
        {
            if (i == 0)
            {
                //获取到一个小圆点
                UIView *dot = [self.subviews objectAtIndex:i];
                dot.backgroundColor = [UIColor clearColor];
                //创建imageView放在小圆点上
                UIImageView *imageView;
                if (dot.subviews.count == 0)
                {
                    imageView = [[UIImageView alloc] initWithFrame:CGRectMake(0, 0, dot.frame.size.width, dot.frame.size.height)];
                    [dot addSubview:imageView];
                }
                else
                {
                    imageView = dot.subviews.firstObject;
                }
                //判断小圆点是否是当前页面,根据不同状态设置不同图片
                if (i == self.currentPage)
                {
                    imageView.image = [UIImage imageNamed:@"page_main_selected"];
                }
                else
                {
                    imageView.image = [UIImage imageNamed:@"page_main"];
                }
            }
        }
    }
    else if (_style == NKPageControlStyleB)
    {
        //自定义种类    
    }
}

-(void) setCurrentPage:(NSInteger)page
{
    [super setCurrentPage:page];
    //每次设置当前活动的小圆点时,重新配置图片
    [self updateDots];
}

复制代码

使用

    _pageControl = [[NKPageControl alloc] initWithStyle:NKPageControlStyleA];
    //常规设置
    _pageControl.frame = CGRectMake(0 , 0, WIDTH_VIEW, 20);//小圆点控件的大小位置
    _pageControl.numberOfPages = 4;//小圆点个数
    _pageControl.currentPage = 0;
    //配置颜色
    //    _pageControl.pageIndicatorTintColor = [UIColor whiteColor];
    //    _pageControl.currentPageIndicatorTintColor = [UIColor lightGrayColor];
    _pageControl.userInteractionEnabled = NO;//关闭与  用户的交互
    //添加导视图中
    [self.view addSubview:_pageControl];

复制代码

pageControl的图片类型一样

如果pageControl的图片类型一样的话,可以使用KVC设置图片,代码如下


[pageControl setValue:[UIImage imageNamed:@"image1"] forKeyPath:@"_pageImage"];

[pageControl setValue:[UIImage imageNamed:@"image2"] forKeyPath:@"_currentPageImage"];

复制代码

相关文章:

  • React-Native flex 布局使用总结
  • Artifactory 如何使用 SHA-256 进行安全存储?
  • weex具体安装教程
  • 中科院2018研究生入学考试 数学分析+高等代数
  • canal数据同步目录
  • 原生JS操作DOM
  • knn algorithm--python( classifying)
  • javascript常见问题总结
  • linux中find 查询命令
  • linux svn 使用
  • 【使用Postman测试web接口】Postman的安装与入门
  • 阿里开源了14个核心技术,你了解哪些?
  • 流式大数据处理的三种框架:Storm,Spark和Samza
  • Akka2
  • neo4j入门开发,以及在sns关系中的应用
  • 【vuex入门系列02】mutation接收单个参数和多个参数
  • Codepen 每日精选(2018-3-25)
  • Debian下无root权限使用Python访问Oracle
  • Fabric架构演变之路
  • Java 网络编程(2):UDP 的使用
  • Java程序员幽默爆笑锦集
  • MySQL几个简单SQL的优化
  • uni-app项目数字滚动
  • unity如何实现一个固定宽度的orthagraphic相机
  • V4L2视频输入框架概述
  • vue 配置sass、scss全局变量
  • 解析 Webpack中import、require、按需加载的执行过程
  • 如何抓住下一波零售风口?看RPA玩转零售自动化
  • 小程序上传图片到七牛云(支持多张上传,预览,删除)
  • 用Canvas画一棵二叉树
  • Python 之网络式编程
  • 从如何停掉 Promise 链说起
  • #stm32驱动外设模块总结w5500模块
  • #我与Java虚拟机的故事#连载14:挑战高薪面试必看
  • $.ajax()
  • (07)Hive——窗口函数详解
  • (5)STL算法之复制
  • (done) ROC曲线 和 AUC值 分别是什么?
  • (八)Flask之app.route装饰器函数的参数
  • (分享)一个图片添加水印的小demo的页面,可自定义样式
  • (简单) HDU 2612 Find a way,BFS。
  • (理论篇)httpmoudle和httphandler一览
  • (十五)Flask覆写wsgi_app函数实现自定义中间件
  • (心得)获取一个数二进制序列中所有的偶数位和奇数位, 分别输出二进制序列。
  • (原創) 如何刪除Windows Live Writer留在本機的文章? (Web) (Windows Live Writer)
  • (转)真正的中国天气api接口xml,json(求加精) ...
  • .NET Core使用NPOI导出复杂,美观的Excel详解
  • .NET 常见的偏门问题
  • .NET 动态调用WebService + WSE + UsernameToken
  • .Net6 Api Swagger配置
  • [AI]文心一言出圈的同时,NLP处理下的ChatGPT-4.5最新资讯
  • [Algorithm][动态规划][子序列问题][最长递增子序列][摆动序列]详细讲解
  • [C++提高编程](三):STL初识
  • [COI2007] Sabor
  • [idea]关于idea开发乱码的配置