如何让UISlider以指数方式输出漂亮的四舍五入数字？

Question

我正在实现一个 UISlider，用户可以操纵它来设置距离。 我从未使用过CocoaTouch UISlider，但使用过其他框架滑块，通常有一个变量用于设置“step”和其他“helper”属性。

UISlider 的文档仅涉及最大值和最小值，并且输出始终是 6 位十进制浮点数，与“滑块旋钮”的位置呈线性关系。我想我将不得不一步步实现所需的功能。

对于用户来说，最小/最大值范围从 10 m 到 999 Km，我试图以指数方式实现这一点，这对用户来说会感觉很自然。即，用户体验到对值（无论大小）的控制感。此外，“输出”具有合理的值。诸如 10m 200m 2.5km 150 km 等值，而不是 1.2342356 m 或 108.93837756 km。

我希望前 200m 的步长大小增加 10m，然后可能增加 50m 直到 500m，然后当通过 1000 m 值时，它开始处理公里，所以步长大小 = 1 km 直到50 公里，然后可能是 25 公里步等。

无论我采取什么方式，我最终都会进行大量舍入和大量计算 大量的 if 语句和 NSString/Number 转换，每次用户移动滑块一点点。

我希望有人能给我一些灵感/数学帮助或让我意识到 解决这个问题的更精益的方法。

我的最后一个想法是用 100 个字符串值填充和数组，然后让滑块 int 值对应于一个字符串，这不是很灵活，但可行。

预先感谢您提供的任何帮助:)

Answer 1

快速缩放解决方案涉及三种特殊方法：

- (CGFloat)scaleValue:(CGFloat)value {
    return pow(value, 10);
}

- (CGFloat)unscaleValue:(CGFloat)value {
    return pow(value, 1.0 / 10.0);
}

- (CGFloat)roundValue:(CGFloat)value {
    if(value <=   200) return floor(value /   10) * 10;
    if(value <=   500) return floor(value /   50) * 50;
    if(value <=  1000) return floor(value /  100) * 100;
    if(value <= 50000) return floor(value / 1000) * 1000;
    return floor(value / 25000) * 25000;
}

对滑块更改的反应类似于：

- (void)sliderChange:(id)sender {
    CGFloat value = mySlider.value;
    value = [self scaleValue:value];
    value = [self roundValue:value];
    valueLabel.text = [NSString stringWithFormat:@"%f", value];
}

您可以使用以下代码进行初始化：

mySlider.maximumValue = [self unscaleValue:999000];
mySlider.minimumValue = [self unscaleValue:10];

我使上述所有内容都可以正常工作，但没有任何问题，但它可以使用一些防弹措施。 scaleValue: 和 unscaleValue: 方法应该检查不支持的值，我确信 sliderChange: 方法可能会更有效。

就速度而言，我确信这比从数组中提取对象要快。实际的滑块行为可能感觉有点奇怪，并且对滑块可用的值没有太多控制，因此它可能无法完全满足您的要求。使用真正的高功率似乎使它更有用。

Answer 2

您还可以设置“步长”来构建滑块，如下所示：

- (void) sliderChanged:(UISlider *)slider
{
    int value = (int)[slider value];
    int stepSize = 500.0f;

    value = value - value%stepSize;

    [km setText:[NSString stringWithFormat:@"%d Km",value]];
}

与此解决方案一起，您可以放置​​两个按钮（+和-）来调整滑块值：

- (void) incrementKm:(UIButton *)button 
{
    [kmSlider setValue:[kmSlider value] + 500.0f animated:YES];
    [self sliderChanged:kmSlider]; 
}

- (void) decrementKm:(UIButton *)button 
{
    [kmSlider setValue:[kmSlider value] - 500.0f animated:YES];
    [self sliderChanged:kmSlider]; 
}

Answer 3

如果您希望滑块选择一个可变长度的选项数组，则可以选择以下选项：

-(void)setupSlider {

    //this has to be (scale - 1) from sliderChanged selector to avoid index out of bounds error
    _sldOptionPicker.maximumValue = 99;  

    //should be zero
    _sldOptionPicker.minimumValue = 0;

    //can be any value 0 to 99
    _sldOptionPicker.value = 0;        

}

-(IBAction)sliderChanged:(id)sender {

    float scale = 100 / [optionsArray count];

    int index = (int)(_sldOptionPicker.value / scale);

    Option *mySelectedOption = (Option*)[optionsArray objectForIndex:index];

}

Answer 4

最简单的答案是使用具有不同“步长”的分段控件。根据用户选择的选项，滑块的步长是多少。我什至建议这可能是一种更用户友好的方法:)。

请随意使用 Dapp 来调整应用程序的外观，看看如何分段控制可能适合设计。

然而......您想要一种更精简的方法；）。

我开始编写所需的 10 个左右步骤，但当我意识到您可能已经得出类似的解决方案时，我停了下来。您的字符串数组想法很好，我假设您只需将滑块值转换为整数并从数组中获取相关索引？

有时，作为程序员，我们解决问题的方法太过分了。是的，字符串数组不是最“灵活”的解决方案，但它很快！而且，我认为即使是天才的数学解决方案也不像您想象的那么灵活。另外，如果您不打算很快更改这些值，并且不需要在不同的滑块上使用不同的滑块范围，那么创建一个静态数组是有意义的。

祝你好运！ :)

Answer 5

+ (NSArray*) getSliderNumbers {

    NSArray *sliderNumbers = [NSArray arrayWithObjects:@"10",
                          @"20",
                          @"30",
                          @"40",
                          @"50",
                          @"60",
                          @"70",
                          @"80",
                          @"90",
                          @"100",
                          @"150",
                          @"200",
                          @"250",
                          @"300",
                          @"350",
                          @"400",
                          @"450",
                          @"500",
                          @"600",
                          @"700",
                          @"800",
                          @"900",
                          @"1",
                          @"1.5",
                          @"2.0",
                          @"2.5",
                          @"3.0",
                          @"3.5",
                          @"4",
                          @"4.5",
                          @"5",
                          @"5.5",
                          @"6",
                          @"6.5",
                          @"7",
                          @"7.5",
                          @"8",
                          @"8.5",
                          @"9",
                          @"9.5",
                          @"10",
                          @"15",
                          @"20",
                          @"25",
                          @"30",
                          @"35",
                          @"40",
                          @"45",
                          @"50",
                          @"55",
                          @"60",
                          @"65",
                          @"70",
                          @"75",
                          @"80",
                          @"85",
                          @"90",
                          @"95",
                          @"100",
                          @"200",
                          @"300",
                          @"400",
                          @"500",
                          @"600",
                          @"700",
                          @"800",
                          @"900",
                          nil];
    return sliderNumbers;

}

上面在实例化时加载到数组中：

设置滑块：

    customSlider.minimumValue = 0.0f;
    customSlider.maximumValue = (CGFloat)[sliderNumbers count] - 1;
    customSlider.continuous = YES;
    customSlider.value = customSlider.maximumValue;

在 UIControlEventValueChanged 上调用的方法

- (void) sliderMove:(UISlider*) theSlider {

    NSInteger numberLookup = lroundf([theSlider value]);

    NSString *distanceString = [sliderNumbers objectAtIndex:numberLookup];
    CGFloat distanceInMeters;

    if (numberLookup > 21) {

        [self.indicator.indicatorLabel setText:[NSString stringWithFormat:@"%@ km", distanceString]];       
        distanceInMeters = [distanceString floatValue] * 1000;
    } else {

        [self.indicator.indicatorLabel setText:[NSString stringWithFormat:@"%@ m", distanceString]];
        distanceInMeters = [distanceString floatValue];
    }

    if (oldDistanceInMeters != distanceInMeters) {

        [self.delegate distanceSliderChanged:distanceInMeters];
        oldDistanceInMeters = distanceInMeters;
    }
}

这甚至负责格式化用户界面的字符串，例如“200 m”或“1.5 km”并更新具有以米为单位的距离数的委托，用于使用谓词对结果进行排序时使用。

Answer 6

为了正确执行此操作，您希望滑块代表指数。例如，如果您想要 10-100000 的比例，则您希望滑块的范围为 1(10 = 10^1) 到 5 (100,000 = 10^5)。您可以将滑块上的步进设置为分数，以获得所需的精度。对于我的示例，我将使用最小值 20,000 和最大值 20,000,000 进行输出（因为这是我坐下来解决这个问题时所需要的）。因为我基本上要从最小到最大增加 1000 倍，所以我想要 10^3，所以我的滑块将为 0-3（10^0 计算为 1）。我将使用 0.001 步进，因此总共有 3000 个可能的位置。以下是完成此操作所需的代码：

  $("#amount-slider").slider({
   value:20000,
   min: 0,
   max: 3,
   step:.001,
   slide: function(event, ui) {
    $("#amount").val(Math.pow(10, ui.value)*20000);
   }
  });

假设您想要此函数的反函数，这样您就可以在给定一些外部输入的情况下设置滑块位置。然后您想要使用对数：

  var amtVal = parseFloat($("#amount").val());

  $('#amount-slider').slider('value', ((Math.log(amtVal/20000)/Math.log(10))));

您需要调整两个函数中的 20000 以匹配您的基本金额。如果您的最大值必须由 10 以外的指数得出，请更改 10 以及最大值（指数）。如果你上升十次方，生活会更容易。