头部背景图渐变设计

yanglingyu
1 parent a597ca52
Showing 1 changed file with 58 additions and 0 deletions
CNLiveVideoClassifyKit/Classes/ClassifyCategory/Controller/CNLiveClassifySegmentController.m
@@ -26,6 +26,8 @@ static const CGFloat animationHeight = 15;
 @property (nonatomic, strong) CNCustomChannelListView *customChannelsV;//频道控制器窗口
 @property (nonatomic, strong) UIView *fuzzyView;//游客登录弹框
 @property (nonatomic, strong) UIImageView             *topBgImg; //头部图片
+@property (nonatomic, strong) UIImageView             *indicatorImg;// 渐变图片
+
 @property (nonatomic, assign) CGFloat                  topBgImgHeight;//头部图片高度
 @property (nonatomic, strong) NSString *    currentAtatusColor;
@@ -67,6 +69,8 @@ static const CGFloat animationHeight = 15;
     self.isLoginIndex = -1;
     [self.view addSubview:self.topBgImg];
     [self.view sendSubviewToBack:self.topBgImg];
+    [self.view addSubview:self.indicatorImg];
+    [self.view insertSubview:self.indicatorImg belowSubview:self.topBgImg];
     [self dataDivideIntoNormalAndOtherWithFirst:YES];
     [self handleDateWithChannelsArray];
@@ -406,6 +410,8 @@ static const CGFloat animationHeight = 15;
     }];
     NSString *backgroundColor = [self.bgColors wjj_safetyObjectAtIndex:index];
     self.topBgImg.backgroundColor = CNLiveColorWithHexString(backgroundColor);
+    self.indicatorImg.alpha = 0;
+    self.topBgImg.alpha = 1;
     self.myCategoryView.titleColor = self.textColors[index];
     self.myCategoryView.titleSelectedColor = self.textColorSeleteds[index];
     if (!self.currentAtatusColor || ![self.currentAtatusColor isEqualToString:self.statusBarColors[index]] ) {
@@ -416,7 +422,38 @@ static const CGFloat animationHeight = 15;
 //配置选中状态显示图片，未选中展示文字
 - (void)configCategoryViewWithType:(JXCategoryTitleImageType)imageType selectIndex:(NSInteger)index unselectIndex:(NSInteger)unIndex
 {
+    NSString *backgroundImage = [self.bgImages wjj_safetyObjectAtIndex:index];
+    weakself
+    [self.topBgImg sd_setImageWithURL:[NSURL URLWithString:backgroundImage] completed:^(UIImage * _Nullable image, NSError * _Nullable error, SDImageCacheType cacheType, NSURL * _Nullable imageURL) {
+        if (image) {
+            weakSelf.topBgImgHeight = KScreenWidth*image.size.height/image.size.width;
+        } else {
+            weakSelf.topBgImgHeight = kStatusHeight+100;
+        }
+        if (weakSelf.topBgImgHeight<kStatusHeight+100) {
+            weakSelf.topBgImgHeight = kStatusHeight+100;
+        }
+        weakSelf.topBgImg.height = weakSelf.topBgImgHeight;
+        weakSelf.topBgImg.bottom = kStatusHeight+100;
+    }];
+    NSString *backgroundColor = [self.bgColors wjj_safetyObjectAtIndex:index];
+    self.topBgImg.backgroundColor = CNLiveColorWithHexString(backgroundColor);
+    NSString *unBackgroundImage = [self.bgImages wjj_safetyObjectAtIndex:unIndex];
+    [self.indicatorImg sd_setImageWithURL:[NSURL URLWithString:unBackgroundImage] completed:^(UIImage * _Nullable image, NSError * _Nullable error, SDImageCacheType cacheType, NSURL * _Nullable imageURL) {
+        if (image) {
+            weakSelf.topBgImgHeight = KScreenWidth*image.size.height/image.size.width;
+        } else {
+            weakSelf.topBgImgHeight = kStatusHeight+100;
+        }
+        if (weakSelf.topBgImgHeight<kStatusHeight+100) {
+            weakSelf.topBgImgHeight = kStatusHeight+100;
+        }
+        weakSelf.indicatorImg.height = weakSelf.topBgImgHeight;
+        weakSelf.indicatorImg.bottom = kStatusHeight+100;
+    }];
+    NSString *unBackgroundColor = [self.bgColors wjj_safetyObjectAtIndex:unIndex];
+    self.indicatorImg.backgroundColor = CNLiveColorWithHexString(unBackgroundColor);
         NSMutableArray *types = [NSMutableArray array];
         for (int i = 0; i < self.titles.count; i ++) {
             if (i == index || i == unIndex) {
@@ -860,6 +897,18 @@ static const CGFloat animationHeight = 15;
     }
 //    [MobClick event:@"channel_click_top"];
 }
+- (void)categoryView:(JXCategoryBaseView *)categoryView scrollingFromLeftIndex:(NSInteger)leftIndex toRightIndex:(NSInteger)rightIndex ratio:(CGFloat)ratio{
+    
+    if (self.ld_currentIndex == leftIndex) {
+        [self configCategoryViewWithType:JXCategoryTitleImageType_OnlyImage selectIndex:leftIndex unselectIndex:rightIndex];
+        self.topBgImg.alpha = 1 - ratio;
+        self.indicatorImg.alpha = ratio;
+    }else{
+        [self configCategoryViewWithType:JXCategoryTitleImageType_OnlyImage selectIndex:rightIndex unselectIndex:leftIndex];
+        self.topBgImg.alpha =  ratio;
+        self.indicatorImg.alpha = 1 - ratio;
+    }
+}
 #pragma mark - Public
 -(JXCategoryBaseView *)preferredCategoryView
 {
@@ -881,6 +930,15 @@ static const CGFloat animationHeight = 15;
     }
     return _topBgImg;
 }
+- (UIImageView *)indicatorImg
+{
+    if (!_indicatorImg) {
+        _indicatorImg = [[UIImageView alloc] initWithFrame:CGRectMake(0, 0, kScreenWidth, self.topBgImgHeight)];
+        _indicatorImg.contentMode = UIViewContentModeScaleAspectFill;
+        _indicatorImg.alpha = 0;
+    }
+    return _indicatorImg;
+}
 - (UIButton *)customChannelsBtn {
     if (!_customChannelsBtn) {