欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

iOS實現(xiàn)垂直滑動條效果

 更新時間:2022年03月21日 11:13:33   作者:hzgisme  
這篇文章主要為大家詳細介紹了iOS實現(xiàn)垂直滑動條效果,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下

我們知道在 iOS 開發(fā)中,有一個控件經(jīng)常用到,那就是滑動條(UISlider),可以滿足我們滑動取值的需求。但是現(xiàn)在有一個需求,就是需要一個垂直的滑動條,而 UISlider 并不能設(shè)置為垂直滑動,所以我們就需要自己定義一個控件來實現(xiàn)垂直的要求。

整理之后,我們可以得出需要以下的基本需求:

  • 可以上下滑動
  • 按鈕可以自定義圖片
  • 可以設(shè)置最小值
  • 可以設(shè)置最大值
  • 可以在滑動過程中獲取實時的值
  • 可以在滑動結(jié)束時獲取到最終的值
  • 可以設(shè)置進度背景色

我們的實現(xiàn)原理就是實現(xiàn)一個自定義的 UIView,然后在上面添加需要用到的控件,對控件添加一定的手勢功能,從而實現(xiàn)垂直滑動。實現(xiàn)了一個單獨的類,功能不多,但是能滿足以上基本的需求,代碼如下,代碼中用到的宏可以自行替換,開箱即用,簡單明了:

VerticalSlider.h

//
// ?VerticalSlider.h
// ?
//
// ?Created by huang zhengguo on 2019/8/30.
// ?Copyright ? 2019 huang zhengguo . All rights reserved.
//
?
#import <UIKit/UIKit.h>
?
NS_ASSUME_NONNULL_BEGIN
?
@interface VerticalSlider : UIView
?
@property (assign, nonatomic) float value;
@property (strong, nonatomic) UIImage *thumImage;
@property (assign, nonatomic) float minimumValue;
@property (assign, nonatomic) float maximumValue;
?
@property (copy, nonatomic) void (^passValue) (float);
@property (copy, nonatomic) void (^passEndValue) (float);
?
/**
?* 初始化滑動條
?*
?* @param frame 大小
?* @param title 標題
?* @param progressColor 進度顏色
?* @param thumImage 滑動按鈕背景
?*
?* @return 垂直滑動條
?*
?*/
- (instancetype)initWithFrame:(CGRect)frame title:(NSString *)title progressColor:(UIColor *)progressColor thumImage:(NSString *)thumImage;
?
@end
?
NS_ASSUME_NONNULL_END

VerticalSlider.m

//
// ?VerticalSlider.m
//?
//
// ?Created by huang zhengguo on 2019/8/30.
// ?Copyright ? 2019 zhengguohuang. All rights reserved.
//
?
#import "VerticalSlider.h"
?
#define THUM_BTN_WIDTH 30.0
#define THUM_BTN_HEIGHT 50.0
?
@interface VerticalSlider()
?
@property (strong, nonatomic) UIButton *thumBtn;
// 使用兩個label表示進度,一個背景,一個進度
@property (strong, nonatomic) UILabel *backLabel;
@property (strong, nonatomic) UILabel *progressLabel;
// 底部標題
@property (strong, nonatomic) UILabel *titleLabel;
// 值標題
@property (strong, nonatomic) UILabel *valueLabel;
?
@end
?
@implementation VerticalSlider
?
- (instancetype)initWithFrame:(CGRect)frame title:(NSString *)title progressColor:(UIColor *)progressColor thumImage:(NSString *)thumImage {
? ? if (self = [super initWithFrame:frame]) {
? ? ? ? // 滑動按鈕
? ? ? ? self.thumBtn = [[UIButton alloc] init];
?
? ? ? ? [self.thumBtn setBackgroundImage:[UIImage imageNamed:thumImage] forState:UIControlStateNormal];
? ? ? ? self.thumBtn.translatesAutoresizingMaskIntoConstraints = NO;
? ? ? ??
? ? ? ? UIPanGestureRecognizer *panGestureRecognizer = [[UIPanGestureRecognizer alloc] initWithTarget:self action:@selector(thumbPanAction:)];
?
? ? ? ? [self.thumBtn addGestureRecognizer:panGestureRecognizer];
? ? ? ? [self addSubview:self.thumBtn];
?
? ? ? ? // 進度條
? ? ? ? self.backLabel = [[UILabel alloc] init];
?
? ? ? ? self.backLabel.backgroundColor = [progressColor colorWithAlphaComponent:0.3];
? ? ? ? self.backLabel.translatesAutoresizingMaskIntoConstraints = NO;
?
? ? ? ? [self addSubview:self.backLabel];
?
? ? ? ? self.progressLabel = [[UILabel alloc] init];
?
? ? ? ? self.progressLabel.backgroundColor = progressColor;
? ? ? ? self.progressLabel.translatesAutoresizingMaskIntoConstraints = NO;
?
? ? ? ? [self addSubview:self.progressLabel];
?
? ? ? ? // 底部標題
? ? ? ? self.titleLabel = [[UILabel alloc] init];
?
? ? ? ? self.titleLabel.translatesAutoresizingMaskIntoConstraints = NO;
? ? ? ? self.titleLabel.textAlignment = NSTextAlignmentCenter;
? ? ? ? self.titleLabel.textColor = [UIColor whiteColor];
? ? ? ? self.titleLabel.text = title;
?
? ? ? ? [self addSubview:self.titleLabel];
?
? ? ? ? // 頂部值
? ? ? ? self.valueLabel = [[UILabel alloc] init];
?
? ? ? ? self.valueLabel.translatesAutoresizingMaskIntoConstraints = NO;
? ? ? ? self.valueLabel.textAlignment = NSTextAlignmentCenter;
? ? ? ? self.valueLabel.textColor = [UIColor whiteColor];
?
? ? ? ? [self addSubview:self.valueLabel];
?
? ? ? ? [self bringSubviewToFront:self.thumBtn];
?
? ? ? ? [self setConstraints];
? ? ? ??
? ? ? ? // 初始化數(shù)據(jù)
? ? ? ? self.value = 0.0;
? ? }
? ??
? ? return self;
}
?
#pragma mark --- 按鈕拖動方法
- (void)thumbPanAction:(UIPanGestureRecognizer *)panGestureRecognizer {
? ? // 轉(zhuǎn)換坐標
? ? CGPoint point = [panGestureRecognizer translationInView:self];
? ??
? ? CGFloat yOriginPoint = panGestureRecognizer.view.frame.origin.y + point.y;
? ? if (yOriginPoint >=self.backLabel.frame.origin.y && yOriginPoint <= (self.backLabel.frame.origin.y + self.backLabel.frame.size.height - THUM_BTN_HEIGHT)) {
? ? ? ? panGestureRecognizer.view.frame = CGRectMake(panGestureRecognizer.view.frame.origin.x, panGestureRecognizer.view.frame.origin.y + point.y, THUM_BTN_WIDTH, THUM_BTN_HEIGHT);
? ? ? ??
? ? ? ? self.value = 1.0 - (yOriginPoint - self.backLabel.frame.origin.y) / (self.backLabel.frame.size.height - THUM_BTN_HEIGHT);
? ? ? ? if (self.passValue) {
? ? ? ? ? ? KMYLOG(@"colorValue = %f", self.value);
? ? ? ? ? ? self.passValue(self.value);
? ? ? ? }
? ? }
?
? ? // 轉(zhuǎn)換成原來坐標系的坐標
? ? [panGestureRecognizer setTranslation:CGPointMake(0, 0) inView:self];
? ??
? ? if (panGestureRecognizer.state == UIGestureRecognizerStateEnded) {
? ? ? ? if (self.passEndValue) {
? ? ? ? ? ? KMYLOG(@"結(jié)束滑動");
? ? ? ? ? ? // 轉(zhuǎn)為字符串,又轉(zhuǎn)為float,是為了去的兩位小數(shù)的浮點數(shù)
? ? ? ? ? ? self.passEndValue([[NSString stringWithFormat:@"%.2f", self.value] floatValue]);
? ? ? ? }
? ? }
}
?
- (void)setValue:(float)value {
? ? _value = value;
?
? ? self.thumBtn.frame = CGRectMake(self.thumBtn.frame.origin.x, (self.backLabel.frame.size.height - THUM_BTN_HEIGHT) * (1 - value) + self.backLabel.frame.origin.y, THUM_BTN_WIDTH, THUM_BTN_HEIGHT);
? ? self.progressLabel.frame = CGRectMake(self.progressLabel.frame.origin.x, self.thumBtn.frame.origin.y + THUM_BTN_HEIGHT, self.progressLabel.frame.size.width, self.backLabel.frame.origin.y + self.backLabel.frame.size.height - self.thumBtn.frame.origin.y - THUM_BTN_HEIGHT);
? ? self.valueLabel.text = [NSString stringWithFormat:@"%.0f%%", value * 100];
}
?
- (void)setConstraints {
? ? NSArray *titleLabelArray = @[self.titleLabel, self.valueLabel];
? ? for (UILabel *label in titleLabelArray) {
? ? ? ? NSLayoutConstraint *labelLeadingLayoutConstraint = [NSLayoutConstraint constraintWithItem:label attribute:NSLayoutAttributeLeading relatedBy:NSLayoutRelationEqual toItem:self attribute:NSLayoutAttributeLeading multiplier:1.0 constant:0.0];
? ? ? ? NSLayoutConstraint *labelTrailingLayoutConstraint = [NSLayoutConstraint constraintWithItem:label attribute:NSLayoutAttributeTrailing relatedBy:NSLayoutRelationEqual toItem:self attribute:NSLayoutAttributeTrailing multiplier:1.0 constant:0.0];
? ? ? ? NSLayoutConstraint *labelHeightLayoutConstraint = [NSLayoutConstraint constraintWithItem:label attribute:NSLayoutAttributeHeight relatedBy:NSLayoutRelationEqual toItem:nil attribute:NSLayoutAttributeNotAnAttribute multiplier:1.0 constant:30.0];
?
? ? ? ? [self addConstraints:@[labelLeadingLayoutConstraint, labelTrailingLayoutConstraint, labelHeightLayoutConstraint]];
?
? ? ? ? if (label == self.titleLabel) {
? ? ? ? ? ? NSLayoutConstraint *labelBottomLayoutConstraint = [NSLayoutConstraint constraintWithItem:label attribute:NSLayoutAttributeBottom relatedBy:NSLayoutRelationEqual toItem:self attribute:NSLayoutAttributeBottom multiplier:1.0 constant:0.0];
?
? ? ? ? ? ? [self addConstraint:labelBottomLayoutConstraint];
? ? ? ? } else if (label == self.valueLabel) {
? ? ? ? ? ? NSLayoutConstraint *labelTopLayoutConstraint = [NSLayoutConstraint constraintWithItem:label attribute:NSLayoutAttributeTop relatedBy:NSLayoutRelationEqual toItem:self attribute:NSLayoutAttributeTop multiplier:1.0 constant:0.0];
?
? ? ? ? ? ? [self addConstraint:labelTopLayoutConstraint];
? ? ? ? }
? ? }
? ??
? ? NSArray *labelArray = @[self.backLabel, self.progressLabel];
? ? for (UILabel *label in labelArray) {
? ? ? ? NSLayoutConstraint *progressCenterXLayoutConstraint = [NSLayoutConstraint constraintWithItem:label attribute:NSLayoutAttributeCenterX relatedBy:NSLayoutRelationEqual toItem:self attribute:NSLayoutAttributeCenterX multiplier:1.0 constant:0.0];
? ? ? ? NSLayoutConstraint *progressBottomLayoutConstraint = [NSLayoutConstraint constraintWithItem:label attribute:NSLayoutAttributeBottom relatedBy:NSLayoutRelationEqual toItem:self.titleLabel attribute:NSLayoutAttributeTop multiplier:1.0 constant:-8.0];
? ? ? ? NSLayoutConstraint *progressWidthLayoutConstraint = [NSLayoutConstraint constraintWithItem:label attribute:NSLayoutAttributeWidth relatedBy:NSLayoutRelationEqual toItem:nil attribute:NSLayoutAttributeNotAnAttribute multiplier:1.0 constant:3.0];
?
? ? ? ? [self addConstraints:@[progressCenterXLayoutConstraint, progressBottomLayoutConstraint, progressWidthLayoutConstraint]];
?
? ? ? ? if (label == self.backLabel) {
? ? ? ? ? ? NSLayoutConstraint *progressTopLayoutConstraint = [NSLayoutConstraint constraintWithItem:label attribute:NSLayoutAttributeTop relatedBy:NSLayoutRelationEqual toItem:self.valueLabel attribute:NSLayoutAttributeBottom multiplier:1.0 constant:0.0];
?
? ? ? ? ? ? [self addConstraint:progressTopLayoutConstraint];
? ? ? ? } else {
? ? ? ? ? ? NSLayoutConstraint *progressHeightLayoutConstraint = [NSLayoutConstraint constraintWithItem:label attribute:NSLayoutAttributeHeight relatedBy:NSLayoutRelationEqual toItem:nil attribute:NSLayoutAttributeNotAnAttribute multiplier:1.0 constant:0.0];
?
? ? ? ? ? ? [self addConstraint:progressHeightLayoutConstraint];
? ? ? ? }
? ? }
?
? ? NSLayoutConstraint *thumBtnCenterXLayoutConstraint = [NSLayoutConstraint constraintWithItem:self.thumBtn attribute:NSLayoutAttributeCenterX relatedBy:NSLayoutRelationEqual toItem:self attribute:NSLayoutAttributeCenterX multiplier:1.0 constant:0.0];
? ? NSLayoutConstraint *thumBtnBottomLayoutConstraint = [NSLayoutConstraint constraintWithItem:self.thumBtn attribute:NSLayoutAttributeBottom relatedBy:NSLayoutRelationEqual toItem:self.backLabel attribute:NSLayoutAttributeBottom multiplier:1.0 constant:0.0];
? ? NSLayoutConstraint *thumBtnWidthLayoutConstraint = [NSLayoutConstraint constraintWithItem:self.thumBtn attribute:NSLayoutAttributeWidth relatedBy:NSLayoutRelationEqual toItem:nil attribute:NSLayoutAttributeNotAnAttribute multiplier:1.0 constant:THUM_BTN_WIDTH];
? ? NSLayoutConstraint *thumBtnHeightLayoutConstraint = [NSLayoutConstraint constraintWithItem:self.thumBtn attribute:NSLayoutAttributeHeight relatedBy:NSLayoutRelationEqual toItem:nil attribute:NSLayoutAttributeNotAnAttribute multiplier:1.0 constant:THUM_BTN_HEIGHT];
?
? ? [self addConstraints:@[thumBtnCenterXLayoutConstraint, thumBtnBottomLayoutConstraint, thumBtnWidthLayoutConstraint, thumBtnHeightLayoutConstraint]];
}
?
- (void)layoutSubviews {
? ? [super layoutSubviews];
? ??
? ? self.thumBtn.frame = CGRectMake(self.thumBtn.frame.origin.x, (self.backLabel.frame.size.height - THUM_BTN_HEIGHT) * (1 - self.value) + self.backLabel.frame.origin.y, THUM_BTN_WIDTH, THUM_BTN_HEIGHT);
? ? self.progressLabel.frame = CGRectMake(self.progressLabel.frame.origin.x, self.thumBtn.frame.origin.y + THUM_BTN_HEIGHT, self.progressLabel.frame.size.width, self.backLabel.frame.origin.y + self.backLabel.frame.size.height - self.thumBtn.frame.origin.y - THUM_BTN_HEIGHT);
}
?
/*
// Only override drawRect: if you perform custom drawing.
// An empty implementation adversely affects performance during animation.
- (void)drawRect:(CGRect)rect {
? ? // Drawing code
}
*/
?
@end

以上就是本文的全部內(nèi)容,希望對大家的學習有所幫助,也希望大家多多支持腳本之家。

相關(guān)文章

  • iOS Crash文件分析方法匯總

    iOS Crash文件分析方法匯總

    今天跟大家一起聊聊iOSCrash文件的幾種分析方法,都是平時比較常用的,有需要的小伙伴可以參考下
    2017-11-11
  • iOS逆向教程之跟蹤函數(shù)調(diào)用詳解

    iOS逆向教程之跟蹤函數(shù)調(diào)用詳解

    這篇文章主要給大家介紹了關(guān)于iOS逆向教程之跟蹤函數(shù)調(diào)用的相關(guān)資料,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧。
    2018-04-04
  • iOS實現(xiàn)壓縮圖片上傳功能

    iOS實現(xiàn)壓縮圖片上傳功能

    這篇文章主要介紹了iOS實現(xiàn)壓縮圖片上傳功能,iOS中常常需要打開相機,選擇圖片上傳或者拍照上傳,如何實現(xiàn)壓縮圖片并上傳圖片,想要了解的朋友可以參考一下
    2016-04-04
  • 使用ARM匯編破解iOS程序基礎(chǔ)知識分享

    使用ARM匯編破解iOS程序基礎(chǔ)知識分享

    最近對iOS逆向工程很感興趣。但查到的資料中都涉及到有ARM匯編,但都只是很泛地用到,并沒有對iOS上的ARM匯編進行比較詳細的講解。因此,經(jīng)過一系列的學習對iOS下的ARM有了一定的理解。在此打算用幾篇文字記錄下來, 限于本人水平有限,如有錯誤請不吝賜教。
    2015-11-11
  • iOS自定義UIDatepicker日期選擇器視圖分享

    iOS自定義UIDatepicker日期選擇器視圖分享

    下面小編就為大家分享一篇iOS自定義UIDatepicker日期選擇器視圖分享,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧
    2018-01-01
  • 詳談iOS 位置權(quán)限彈出框閃現(xiàn)的問題

    詳談iOS 位置權(quán)限彈出框閃現(xiàn)的問題

    下面小編就為大家?guī)硪黄斦刬OS 位置權(quán)限彈出框閃現(xiàn)的問題。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2017-04-04
  • iOS實現(xiàn)手勢密碼功能

    iOS實現(xiàn)手勢密碼功能

    這篇文章主要為大家詳細介紹了iOS實現(xiàn)手勢密碼功能,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2017-03-03
  • IO實現(xiàn)計算器功能

    IO實現(xiàn)計算器功能

    這篇文章主要為大家詳細介紹了IOS基礎(chǔ)之計算器的編寫,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2021-05-05
  • IOS開發(fā)Swift?與?OC相互調(diào)用詳解

    IOS開發(fā)Swift?與?OC相互調(diào)用詳解

    這篇文章主要為大家介紹了IOS開發(fā)Swift?與?OC相互調(diào)用示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪
    2022-08-08
  • iOS獲取驗證碼倒計時效果

    iOS獲取驗證碼倒計時效果

    這篇文章主要為大家詳細介紹了iOS獲取驗證碼倒計時效果,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2016-11-11

最新評論