在iOS上有刻度线的Horizantal滑块

前端之家收集整理的这篇文章主要介绍了在iOS上有刻度线的Horizantal滑块前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我可以在iOS上实现带刻度标记的水平滑块吗?在MacOS中没有这样的选项.

解决方法

我实际上在我公司的网站上写了一个如何做到这一点的教程:

http://fragmentlabs.com/blog/making-talking2trees-part-3-77

对此的快速回答是我编写的自定义方法,并在上面的文章中进行了解释:

-(UIView*)tickMarksViewForSlider:(UiSlider*)slider View:(UIView *)view
{
// set up vars
int ticksDivider = (slider.maximumValue > 10) ? 10 : 1;
int ticks = (int) slider.maximumValue / ticksDivider;
int sliderWidth = 364;
float offsetOffset = (ticks < 10) ? 1.7 : 1.1;
offsetOffset = (ticks > 10) ? 0 : offsetOffset;
float offset = sliderWidth / ticks - offsetOffset;
float xPos = 0;

// initialize view to return
view.frame = CGRectMake(view.frame.origin.x,view.frame.origin.y+1,slider.frame.size.width,slider.frame.size.height);
view.backgroundColor = [UIColor clearColor];

// make a UIImageView with tick for each tick in the slider
for (int i=0; i < ticks; i++)
{
    if (i == 0) {
        xPos += offset+5.25;
    }
    else
    {
        UIView *tick = [[UIView alloc] initWithFrame:CGRectMake(xPos,3,2,16)];
        tick.backgroundColor = [UIColor colorWithWhite:0.7 alpha:1];
        tick.layer.shadowColor = [[UIColor whiteColor] CGColor];
        tick.layer.shadowOffset = CGSizeMake(0.0f,1.0f);
        tick.layer.shadowOpacity = 1.0f;
        tick.layer.shadowRadius = 0.0f;
        [view insertSubview:tick belowSubview:slider];
        xPos += offset - 0.4;
    }
}

// return the view
return view;
}

您基本上将此方法应用于位于UiSlider后面的视图,并以适当的间隔创建刻度线.您可以通过修改ticksDivider变量来更改可见的滴答数.上面的示例为每个滑块值创建一个,除非滑块的maximumValue属性大于10(我的滑块的值为5,40和120),在这种情况下,我将值除以10.

您必须使用offsetOffset值和xPos = offset之后的浮点值…来计算拇指图像和滑块上限的宽度(因此拇指按钮看起来在每个上方居中).

猜你在找的Xcode相关文章