- (void)viewDidLoad {[super viewDidLoad];leftValue = 0;rightValue = 100;[self setUpView];
}

然后在leftHandMove：和rightHandMove：中将用户选中的值分别赋值给leftValue和rightValue。

<pre code_snippet_id="1582410" snippet_file_name="blog_20160219_8_6433823" name="code" class="objc">-(void)leftHandMove:(UIPanGestureRecognizer *)pan{……leftValue =  x;

</pre><pre code_snippet_id="1582410" snippet_file_name="blog_20160219_9_4132529" name="code" class="objc">}

现在，我们写一个更新数值和进度条的函数，函数名为updateData。

-(void)updateData{[resultLabel setText:[NSString stringWithFormat:@"%.0f~%.0f",leftValue,rightValue]];}

我们再一次运行程序，滑动手柄，数值虽然改变了，但并不是我们想要的价格数值！！

这是因为屏幕的坐标和刻度图的坐标范围并不一致，因此我们需要将数据处理一下。可能你已经发现，刻度图中的范围并不是均匀分布的，而是分成三段：0~25、25~40、40~100。因此我们在处理时需要分段处理。

我们写一个将左边转换为价格的转换函数：

//坐标->价格
-(CGFloat)x2price:(CGFloat)x{CGFloat price = 0.f;//<5if(x < PRICEMIN){price = 0;}//5~25else if (x < PRICEBGX + 133){price = (x - PRICEMIN) / 120 * 20 + 5;}//25~40else if (x < PRICEBGX +  163){price = (x - PRICEBGX - 133) *0.5 + 25;}//40~100else if (x < PRICEBGX + 253){price = (x - PRICEBGX - 163) * 2 / 3 + 40;}//100+else{price = 100;}return price;
}

将leftHandMove:中的leftValue =  x；修改为如下

-(void)leftHandMove:(UIPanGestureRecognizer *)pan{……leftValue = [self x2price:ceilf(x)];
}

同理rightHandMove:也做相应处理。重新运行程序，滑动把手，显示的价格数值正是我们所期望的。

我们还要更新蓝色进度条，只需修改它的frame即可：

-(void)updateData{[resultLabel setText:[NSString stringWithFormat:@"%.0f~%.0f",leftValue,rightValue]];CGRect progressRect = CGRectMake(leftHandImageView.center.x, progressView.frame.origin.y, rightHandImageView.center.x - leftHandImageView.center.x, progressView.frame.size.height);progressView.frame = progressRect;
}

四、优化

当将右边的把手一直往左滑动，它将滑到左边把手的左边，也就是用户选择的区间中，上界值比下界值更小了！这并不是我们期望的结果。我们希望上界至少要比下界大1个单位，所以当用户滑动右把手到上界比下界小于等于1时，左把手也要跟着滑动，与右把手始终保持1个单位。

我们在rightHandMove:函数中添加如下代码：

-(void)rightHandMove:(UIPanGestureRecognizer *)pan{……if (rightValue-leftValue <= 1) {leftValue = rightValue - 1;leftHandImageView.center = CGPointMake([self price2x:leftValue], leftHandImageView.center.y);}}

同理在leftHandMove:函数中添加对应代码：

-(void)leftHandMove:(UIPanGestureRecognizer *)pan{……if (rightValue-leftValue <= 1) {rightValue = leftValue + 1;rightHandImageView.center = CGPointMake([self price2x:rightValue], rightHandImageView.center.y);}}

注意到函数中用到了方法price2x:，这个函数是将价格转换为对应的x坐标，作用于前面用到的x2price：刚好相反。

//价格->坐标
-(CGFloat)price2x:(CGFloat)price{CGFloat x;//<5if (price<5) {x = PRICEBGX;}//5~25else if (price >= 5 && price < 25) {x = (price-5) * 6 + PRICEMIN;}//25~40else if (price >= 25 && price <40) {x = (price-25) * 2 + 133 + PRICEBGX;}//40~100else if (price >=40 && price <100){x = (price-40) * 3/2 +163 + PRICEBGX;}else if(price >= 100){x = PRICEBGX + PRICEBGW;}return x;
}

运行程序，现在已经不能将右把手拖动到左把手的前面的吧~

完整源代码下载：http://download.csdn.net/detail/dolacmeng/9436673