美文网首页UI进价iOS Developer
SYPageControl自定义多样式页签

SYPageControl自定义多样式页签

作者: 番薯大佬 | 来源:发表于2017-07-20 10:43 被阅读156次

SYPageControl自定义多样式页签控制视图组件

根据需要进行自定义显示

  • 形状
    • 方形
    • 圆形
    • 线条图
    • 图标
  • 对齐
    • 居中对齐
    • 左对齐
    • 右对齐
    • 均等对齐
  • 特效
    • 页签数码
    • 高亮时放大
    • 适配图标大小

效果图


效果图效果图

代码示例

// 导入头文件
#import "SYPageControl.h"

// 实例化
SYPageControl *pageControl = [[SYPageControl alloc] initWithFrame:CGRectMake(10.0, 10.0, (self.view.frame.size.width - 10.0 * 2), 30.0)];
[self.view addSubview:pageControl];
pageControl.backgroundColor = [UIColor colorWithWhite:0.5 alpha:0.1];

// 页码设置
pageControl.numberOfPages = 10;
pageControl.currentPage = 2;

// 显示样式
pageControl.pageControlType = SYPageControlTypeCircle;

// 对方方式
pageControl.pageControlAlignment = SYPageControlAlignmentLeft;

// 页码颜色
pageControl.pageIndicatorColor = [UIColor yellowColor];
pageControl.currentPageIndicatorColor = [UIColor redColor];

// 页码图标
pageControl.pageIndicatorImage = [UIImage imageNamed:@"pageCircle_normal"];
pageControl.currentPageIndicatorImage = [UIImage imageNamed:@"pageCircle_selected"];

// 页码序号
pageControl.showPageNumber = YES;
pageControl.pageNumberColor = [UIColor blackColor];
pageControl.pageNumberFont = [UIFont systemFontOfSize:8.0];
pageControl.currentPageNumberColor = [UIColor yellowColor];
pageControl.currentPageNumberFont = [UIFont boldSystemFontOfSize:9.0];

// 页码大小
pageControl.pageSizeWidth = 15.0;
pageControl.pageSizeHeight = 15.0;

// 页码高亮放大
pageControl.transformScale = 1.5;

// 总数为1时,是否隐藏不显示
pageControl.hidesForSinglePage = YES;

// 适配图标大小
pageControl4.shouldAutoresizingImage = YES;
// 链式属性设置
SYPageControl *pageControl = [[SYPageControl alloc] initWithFrame:CGRectMake(10.0, 10.0, (self.view.frame.size.width - 10.0 * 2), 30.0)];
[self.view addSubview:pageControl];
pageControl.backgroundColor = [UIColor colorWithWhite:0.5 alpha:0.1];
pageControl.pages(15).page(10).pageScale(1.5).showPageIndex(YES).pageIndexColor([UIColor blackColor]).currentPageIndexColor([UIColor whiteColor]).pageAlignment(SYPageControlAlignmentEqual).pageType(SYPageControlTypeSquare).pageColor([UIColor whiteColor]).currentPageColor([UIColor blackColor]).pageHeight(15.0).pageWidth(30.0);

使用注意

  • 设置了图标,则颜色失效
  • 设置图标时,显示样式必须为 SYPageControlTypeImage

相关文章

  • SYPageControl自定义多样式页签

    SYPageControl自定义多样式页签控制视图组件 根据需要进行自定义显示 形状方形圆形线条图图标 对齐居中对...

  • ubuntu桌面配置

    tab页样式 Ubuntu默认的页签样式不易区分当前页位置, 可以改成下面的效果. sudo vim /usr/s...

  • 2019-10-08

    antd-pro 多页签模式实现 基于antd Tabs组件实现多页签模式。github:https://gith...

  • Vue keep-alive按需缓存页面

    场景:在多页签模式或移动单页面应用中,我们往往希望在页签之间切换时保留前一个页签的操作(缓存页面),在关闭页签时清...

  • Element-UI多模态框改造(支持层级嵌套)

    作为一个后台管理系统,对多页签的支持必不可少,之前我对ElementUI的弹窗样式稍加改造,配合上append-t...

  • iOS 13系统WKWebview滚动冲突问题

    我们的APP首页是类似今日头条的多页签布局, 可以横行滚动界面切换页签, 其中一个页签内有一个WKWebview子...

  • 4.1 CSS书写规范

    全局CSS样式 CSS样式可细分为3类:自定义样式、重新定义HTML样式、链接状态样式。 自定义样式为设计师自定义...

  • Android开发-AlertDialog,Progress,P

    AlertDialog 默认样式 单选样式 多选样式 自定义样式 效果图 自定义样式layout Progress...

  • Flutter —— 自定义虚线widget

    自定义密度 自定义断线宽度 自定义圆角样式 样式: 调用: 封装代码:

  • Vue多标签页应用解决方案

    业务场景 应用系统中需要运用到多标签页,跟浏览器一样的效果,在新打开页面后,动态追加一个页签,点击页签可以切换系统...

网友评论

    本文标题:SYPageControl自定义多样式页签

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