如何水平设置弹出位置

Question

我正在制作一个应用程序我正在使用滑块并且在更改滑块的滑块值的位置也是滑动，现在我卡住了我想要设置当我改变滑块的位置在horizo​​ntall形式然后我需要以horizo​​ntall形式改变那个popover位置。我附加了一个屏幕截图，以便让人们更好地理解它，这是我的项目链接https://www.dropbox.com/s/n0fl34h6t8jlazn/CustomSlider.zip?dl=0，

下面是我在1个视图上的示例代码，我正在将我的uislider类更改为anpopoverslider：

-(void)constructSlider {
    _popupView = [[ANPopoverView alloc] initWithFrame:CGRectZero];
    _popupView.backgroundColor = [UIColor clearColor];
    _popupView.alpha = 0.0;
    [self addSubview:_popupView];
}

以下是我的ANpopoverslider

 #import "ANPopoverSlider.h"

    @implementation ANPopoverSlider

    - (id)initWithFrame:(CGRect)frame
    {
        self = [super initWithFrame:frame];
        if (self) {
            // Initialization code
            [self constructSlider];
        }
        return self;
    }

    -(id)initWithCoder:(NSCoder *)aDecoder {
        self = [super initWithCoder:aDecoder];
        if (self) {
            [self constructSlider];
        }
        return self;
    }

    #pragma mark - UIControl touch event tracking
    -(BOOL)beginTrackingWithTouch:(UITouch *)touch withEvent:(UIEvent *)event {
        // Fade in and update the popup view
        CGPoint touchPoint = [touch locationInView:self];

        // Check if the knob is touched. If so, show the popup view
        if(CGRectContainsPoint(CGRectInset(self.thumbRect, -12.0, -12.0), touchPoint)) {
            [self positionAndUpdatePopupView];
            [self fadePopupViewInAndOut:YES];
        }

        return [super beginTrackingWithTouch:touch withEvent:event];
    }

    -(BOOL)continueTrackingWithTouch:(UITouch *)touch withEvent:(UIEvent *)event {
        // Update the popup view as slider knob is being moved
        [self positionAndUpdatePopupView];
        return [super continueTrackingWithTouch:touch withEvent:event];
    }

    -(void)cancelTrackingWithEvent:(UIEvent *)event {
        [super cancelTrackingWithEvent:event];
    }

    -(void)endTrackingWithTouch:(UITouch *)touch withEvent:(UIEvent *)event {
        // Fade out the popup view
        [self fadePopupViewInAndOut:NO];
        [super endTrackingWithTouch:touch withEvent:event];
    }


    #pragma mark - Helper methods
    -(void)constructSlider {
        CGRect frame = CGRectMake(150, 230, 300.0, 10.0);

        _popupView = [[ANPopoverView alloc] initWithFrame:frame];
        _popupView.backgroundColor = [UIColor clearColor];
        _popupView.alpha = 0.0;
        [self addSubview:_popupView];
    }

    -(void)fadePopupViewInAndOut:(BOOL)aFadeIn {
        [UIView beginAnimations:nil context:NULL];
        [UIView setAnimationDuration:0.5];
        if (aFadeIn) {
            _popupView.alpha = 1.0;
        } else {
            _popupView.alpha = 0.0;
        }
        [UIView commitAnimations];
    }

    -(void)positionAndUpdatePopupView {
        CGRect zeThumbRect = self.thumbRect;
        CGRect popupRect = CGRectOffset(zeThumbRect, 0, -floor(zeThumbRect.size.height * 1.5));
        _popupView.frame = CGRectInset(popupRect, -20, -10);
        _popupView.value = self.value;
    }


    #pragma mark - Property accessors
    -(CGRect)thumbRect {
        CGRect trackRect = [self trackRectForBounds:self.bounds];
        CGRect thumbR = [self thumbRectForBounds:self.bounds trackRect:trackRect value:self.value];
        return thumbR;
    }

    /*
    // Only override drawRect: if you perform custom drawing.
    // An empty implementation adversely affects performance during animation.
    - (void)drawRect:(CGRect)rect
    {
        // Drawing code
    }
    */

    @end

这是我的popover类

- (id)initWithFrame:(CGRect)frame
{
    self = [super initWithFrame:frame];
    if (self) {
        self.font = [UIFont boldSystemFontOfSize:15.0f];

        UIImageView *popoverView = [[UIImageView alloc] initWithImage:[UIImage imageNamed:@"sliderlabel.png"]];
        [self addSubview:popoverView];

         textLabel = [[UILabel alloc] init];
        textLabel.backgroundColor = [UIColor clearColor];
        textLabel.font = self.font;
        textLabel.textColor = [UIColor colorWithWhite:1.0f alpha:0.7];
        textLabel.text = self.text;
        textLabel.textAlignment = NSTextAlignmentCenter;
        textLabel.frame = CGRectMake(0, -2.0f, popoverView.frame.size.width, popoverView.frame.size.height);
        [self addSubview:textLabel];

    }
    return self;
}

-(void)setValue:(float)aValue {
    _value = aValue;
    self.text = [NSString stringWithFormat:@"%4.2f", _value];
    textLabel.text = self.text;
    [self setNeedsDisplay];
}

Answer 1

我尝试了示例项目并使用简单的函数

@property (strong, nonatomic) IBOutlet UISlider *slider;  // make the getter and setter for Slider
@property (strong, nonatomic) IBOutlet UILabel *lblText;  // make the getter and setter for label



- (void)viewDidLoad {
[super viewDidLoad];

// set verticical of UIslider

CGAffineTransform trans = CGAffineTransformMakeRotation(M_PI * 0.5);
self.slider.transform = trans;

// get the events of UISlider   
[self.slider addTarget:self
              action:@selector(sliderDidEndSliding:)
    forControlEvents:(UIControlEventTouchUpInside | UIControlEventTouchUpOutside)];

}
// this method used for hide the label after  changed the value
- (void)sliderDidEndSliding:(NSNotification *)notification {
  NSLog(@"Slider did end sliding...");
  [self.lblText removeFromSuperview];
}




// the slider value change method
- (IBAction)slider:(UISlider*)sender
{
// add the subview the lable to slider
[self.slider addSubview:self.lblText];
self.lblText.backgroundColor = [UIColor colorWithPatternImage:[UIImage imageNamed:@"sliderlabel.png"]];
self.lblText.text = [NSString stringWithFormat:@"%4.2f",sender.value];

// change the label position depend upon slider move
self.lblText.center = CGPointMake(self.slider.value*self.slider.bounds.size.width,80);
[self.lblText setTransform:CGAffineTransformMakeRotation(-M_PI / 2)];

}

此处我附加了UISlider下载link

的示例项目