iOS自定義UIPageViewController(自定義小圓點）

簡介

可自定義的pageViewController（小圓點）自定義橫向、縱向、大小、圖片、間距、顏色、圓形、方形

特色

• 自定義UIPageViewController 功能更強大
• 可定義小圓點是橫向佈局或縱向佈局
• 可定義小圓點大小
• 可定義小圓點間距
• 可定義小圓點可用圖片代替
• 可定義小圓點選中和未選中顏色
• 可定義小圓點是方形仍是圓形

演示

方法介紹

typedef NS_ENUM(NSInteger, ASpageViewDirection) {
    /** 小圓點橫向佈局 */
    ASpageViewDirectionHorizontal = 0,
    /** 小圓點縱向佈局 */
    ASpageViewDirectionVertical,
};

@interface ASPageView : UIView

/** 小圓點個數 */
@property (nonatomic, assign, readonly) NSUInteger pageNumber;
/** 小圓點的佈局方向 橫向或縱向 */
@property (nonatomic, assign) ASpageViewDirection pageDirection;
/** 小圓點的尺寸  默認 ----（8，8）*/
@property (nonatomic, assign) CGSize pageSize;
/** 小圓點的間距  默認 ---- 10 */
@property (nonatomic, assign) CGFloat pageSpace;
/** 當前選中的第幾個圓點 */
@property (nonatomic, assign) NSUInteger currentPage;
/** YES = 圓點  NO = 方形點  默認圓形*/
@property (nonatomic, assign) BOOL circularPage;
/** 小圓點的未選中顏色 默認 ------ */
@property (nonatomic, strong) UIColor *pageIndicatorTintColor;
/** 小圓點的選中狀態顏色  默認 ---- */
@property (nonatomic, strong) UIColor *currentPageIndicatorTintColor;
/**
 * 小圓點選中時的圖片  傳入多個圖片名字，小圓點選中的樣式就是對應下標的圖片 傳入一個默認選中樣式同樣，傳入下標和pageNumber個數不匹配，默認和傳入一個相同
 * 設置該屬性後，小圓點顏色將不起做用
 */
@property (nonatomic, copy) NSArray *currentPageIndicatorArr;
/**
 *小圓點未選中時的圖片  傳入多個圖片名字，小圓點未選中的樣式就是對應下標的圖片 傳入一個默認未選中樣式同樣，傳入下標和pageNumber個數不匹配，默認和傳入一個相同
 * 設置該屬性後，小圓點顏色將不起做用
 */
@property (nonatomic, copy) NSArray *pageIndicatorArr;

/**
 點擊小圓點的回調
 */
@property (nonatomic, copy) void (^ClickASPageView)(NSUInteger currentPage);

/**
 初始化方法
 @param pageNumber 小圓點個數
 */
- (instancetype)initWithFrame:(CGRect)frame pageNumber:(NSUInteger)pageNumber ;
複製代碼

使用說明

ASPageView *pageView = [[ASPageView alloc] initWithFrame:CGRectMake(0, 100, 200, 30) pageNumber:3];
  //橫向佈局
  pageView.pageDirection = ASpageViewDirectionHorizontal;
  //圓點大小
  pageView.pageSize = CGSizeMake(15, 15);
   //點擊小圓點的回調
   pageView.ClickASPageView = ^(NSUInteger currentPage) {
  [weakself.rotaView setContentOffsetPage:currentPage];
  };
  [self.view addSubview:pageView];
複製代碼

###下載地址 ASPageView下載地址: https://github.com/meetly/ASPageView

建議搭配ASRotationPageView(輪播圖)使用

ASRotationPageView地址：https://github.com/meetly/ASRotationPageView