下划线使用图片自定义

WMPageController/WMMenuView/WMMenuView.h

@@ -81,6 +81,8 @@ typedef NS_ENUM(NSUInteger, WMMenuViewLayoutMode) {
 @property (nonatomic, assign) WMMenuViewLayoutMode layoutMode;
 @property (nonatomic, assign) CGFloat contentMargin;
 @property (nonatomic, strong) UIColor *lineColor;
+/** lineImage优先于lineColor */
+@property (nonatomic, strong) UIImage *lineImage;
 @property (nonatomic, assign) CGFloat progressViewBottomSpace;
 @property (nonatomic, weak) id<WMMenuViewDelegate> delegate;
 @property (nonatomic, weak) id<WMMenuViewDataSource> dataSource;

WMPageController/WMMenuView/WMMenuView.m

@@ -447,7 +447,8 @@ - (void)makeStyle {
                         isTriangle:(self.style == WMMenuViewStyleTriangle)
                          hasBorder:(self.style == WMMenuViewStyleSegmented)
                             hollow:(self.style == WMMenuViewStyleFloodHollow)
-                      cornerRadius:self.progressViewCornerRadius];
+                      cornerRadius:self.progressViewCornerRadius
+                         lineImage:self.lineImage];
 }
 
 - (void)deselectedItemsIfNeeded {
@@ -563,10 +564,11 @@ - (CGFloat)itemMarginAtIndex:(NSInteger)index {
 }
 
 // MARK:Progress View
-- (void)addProgressViewWithFrame:(CGRect)frame isTriangle:(BOOL)isTriangle hasBorder:(BOOL)hasBorder hollow:(BOOL)isHollow cornerRadius:(CGFloat)cornerRadius {
+- (void)addProgressViewWithFrame:(CGRect)frame isTriangle:(BOOL)isTriangle hasBorder:(BOOL)hasBorder hollow:(BOOL)isHollow cornerRadius:(CGFloat)cornerRadius lineImage:(UIImage *)lineImage {
     WMProgressView *pView = [[WMProgressView alloc] initWithFrame:frame];
     pView.itemFrames = [self convertProgressWidthsToFrames];
     pView.color = self.lineColor.CGColor;
+    pView.image = lineImage;
     pView.isTriangle = isTriangle;
     pView.hasBorder = hasBorder;
     pView.hollow = isHollow;

WMPageController/WMMenuView/WMProgressView.h

@@ -11,7 +11,10 @@
 NS_ASSUME_NONNULL_BEGIN
 @interface WMProgressView : UIView
 @property (nonatomic, strong) NSArray *itemFrames;
+/** 若image有值，优先使用image*/
 @property (nonatomic, assign) CGColorRef color;
+@property (nonatomic, strong) UIImage *image; // image优先于color
+
 @property (nonatomic, assign) CGFloat progress;
 /** 进度条的速度因数，默认为 15，越小越快， 大于 0 */
 @property (nonatomic, assign) CGFloat speedFactor;

WMPageController/WMMenuView/WMProgressView.m

@@ -117,16 +117,23 @@ - (void)drawRect:(CGRect)rect {
         return;
     }
 
-    UIBezierPath *path = [UIBezierPath bezierPathWithRoundedRect:CGRectMake(startX, lineWidth / 2.0, width, height - lineWidth) cornerRadius:self.cornerRadius];
+    CGRect barframe = CGRectMake(startX, lineWidth / 2.0, width, height - lineWidth);
+    UIBezierPath *path = [UIBezierPath bezierPathWithRoundedRect:barframe cornerRadius:self.cornerRadius];
     CGContextAddPath(ctx, path.CGPath);
 
     if (self.hollow) {
         CGContextSetStrokeColorWithColor(ctx, self.color);
         CGContextStrokePath(ctx);
         return;
     }
-    CGContextSetFillColorWithColor(ctx, self.color);
-    CGContextFillPath(ctx);
+
+    if (self.image) {
+        CGContextDrawImage(ctx, barframe, self.image.CGImage);
+    } else {
+        CGContextSetFillColorWithColor(ctx, self.color);
+        CGContextFillPath(ctx);
+    }
+
 
     if (self.hasBorder) {
         // 计算点

WMPageController/WMPageController.h

@@ -232,6 +232,12 @@ extern NSString *const WMControllerDidFullyDisplayedNotification;
  */
 @property (nonatomic, nullable, strong) UIColor *progressColor;
 
+/**
+ *  进度条的填充图片，若该属性有值，progressColor属性将无效
+ *  The progress's image.if it's not empty,'progressColor' property will be ignored.
+ */
+@property (nonatomic, nullable, strong) UIImage *progressImage;
+
 /**
  *  定制进度条在各个 item 下的宽度
  */

WMPageController/WMPageController.m

@@ -467,6 +467,9 @@ - (void)wm_addMenuView {
     if (self.progressColor) {
         menuView.lineColor = self.progressColor;
     }
+    if (self.progressImage) {
+        menuView.lineImage = self.progressImage;
+    }
     if (self.showOnNavigationBar && self.navigationController.navigationBar) {
         self.navigationItem.titleView = menuView;
     } else {

WMPageControllerDemo/WMPageControllerExample/WMPageControllerExample/Assets.xcassets/AppIcon.appiconset/Contents.json

@@ -84,6 +84,11 @@
       "idiom" : "ipad",
       "size" : "83.5x83.5",
       "scale" : "2x"
+    },
+    {
+      "idiom" : "ios-marketing",
+      "size" : "1024x1024",
+      "scale" : "1x"
     }
   ],
   "info" : {

WMPageControllerDemo/WMPageControllerExample/WMPageControllerExample/Assets.xcassets/tab_selected.imageset/Contents.json

@@ -0,0 +1,22 @@
+{
+  "images" : [
+    {
+      "idiom" : "universal",
+      "scale" : "1x"
+    },
+    {
+      "idiom" : "universal",
+      "filename" : "[email protected]",
+      "scale" : "2x"
+    },
+    {
+      "idiom" : "universal",
+      "filename" : "[email protected]",
+      "scale" : "3x"
+    }
+  ],
+  "info" : {
+    "version" : 1,
+    "author" : "xcode"
+  }
+}

WMPageControllerDemo/WMPageControllerExample/WMPageControllerExample/WMMainTableViewController.m

@@ -122,6 +122,11 @@ - (void)customizePageController:(WMPageController *)vc {
             vc.titleSizeSelected = 16;
         }
             break;
+        case WMMenuViewStyleLine: {
+//            vc.progressColor = [UIColor redColor];
+            vc.progressImage = [UIImage imageNamed:@"tab_selected"];
+        }
+            break;
         default:
             break;
     }