OGeek|极客世界-中国程序员成长平台

标题: ios - UISlider 设置带角的图像 [打印本页]

作者: 菜鸟教程小白    时间: 2022-12-13 04:30
标题: ios - UISlider 设置带角的图像

这里我需要圆滑的 slider ,但是当我尝试设置图像时,它会显示矩形图像,

我需要这样的图片 enter image description here

这是我的编码

UIImage *volumeBackgroundImage = [[UIImage imageNamed"l2.png"] resizableImageWithCapInsets:UIEdgeInsetsMake(9, 5, 7, 5)];
    [self.audioSlider setMinimumTrackImage:[[UIImage imageNamed"l1.png"] resizableImageWithCapInsets:UIEdgeInsetsMake(9, 5, 7, 5)]
                               forState:UIControlStateNormal];
    [self.audioSlider setMaximumTrackImage:volumeBackgroundImage
                               forState:UIControlStateNormal];
    [self.audioSlider setThumbImage:[UIImage imageNamed"sliderhandle.png"]
                        forState:UIControlStateNormal];

任何人都可以帮助实现这一目标



Best Answer-推荐答案


您需要有圆角的图像。例如: enter image description here

然后像这样简单地使用这个图像:

[_slider setMinimumTrackImage:[[UIImage imageNamed"black_dot.png"] resizableImageWithCapInsets:UIEdgeInsetsMake(12, 12, 12, 12)]
    forState:UIControlStateNormal];

[_slider setMaximumTrackImage:[[UIImage imageNamed"blue_dot.png"] resizableImageWithCapInsets:UIEdgeInsetsMake(12, 12, 12, 12) 
    forState:UIControlStateNormal];

(其中 black_dot.png 是示例图像,而 blue_dot.png 将相同但为蓝色)

(如果图像是像素化的 - 那么你需要将这个图像放大两倍 - 视网膜图像 - [email protected])

(或者如果您实际上需要比给定示例更小的图像,则只需将此图像重命名为 [email protected],而不是:UIEdgeInsetsMake(12, 12, 12, 12) 使用:UIEdgeInsetsMake(6, 6, 6, 6))

在此处查看更多信息:https://stackoverflow.com/a/8656216/894671

关于ios - UISlider 设置带角的图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19196407/






欢迎光临 OGeek|极客世界-中国程序员成长平台 (http://sqlite.in/) Powered by Discuz! X3.4