`
stephen830
  • 浏览: 3010158 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

UISlider滑动条的属性介绍以及于标签联合使用实时显示变动值

 
阅读更多

 

UISlider滑动条的属性介绍以及于标签联合使用实时显示变动值

转载自 http://blog.csdn.net/weisubao/article/details/39559001

 

(1)滑动条的左右端背景可以设置上一页下一页的图片;

 

(2)滑动条的轨道图片可以设置为渐变等等图片。

 

(3)滑动条因为值可以互动,所以addTarget:方法很重要,其中事件值变动UIControlEventValueChanged比较特殊,其实和按钮的按下事件是一个性质,都是一个事件而已。

 

#import "ViewController.h"

@interface ViewController ()

@end

@implementation ViewController
{
    //应为后面getValue:方法要调用这个对象,所以得弄成全局变量
    UILabel *label1;
}

- (void)viewDidLoad {
    //实例化一个滑动条
    UISlider *sli1=[[UISlider alloc]init];
    //设置控件位置和大小,大小不影响控件本身大小,但当高度设置为0,滑块不可拖动
    sli1.frame=CGRectMake(30, 30, 300, 60);
    //设置值
    sli1.value=0.8;
    //设置最小值
    sli1.minimumValue=1;
    //设置最大值
    sli1.maximumValue=10;
    //设置已经滑过一端滑动条颜色
    sli1.minimumTrackTintColor=[UIColor redColor];
    //设置未滑过一端滑动条颜色
    sli1.maximumTrackTintColor=[UIColor blackColor];
    //设置最小值一端图片,会挤压滑动条宽度
    sli1.minimumValueImage=[UIImage imageNamed:@"1.png"];
    //设置最大值一端图片,会挤压滑动条宽度
    sli1.maximumValueImage=[UIImage imageNamed:@"2.png"];
    //设置滑块颜色,貌似无效,可能是默认的时图片,已经覆盖了颜色
    sli1.thumbTintColor=[UIColor yellowColor];
    
    //设置已经滑过一端滑动条背景图片,会覆盖之前之前的颜色,以下相同
    [sli1 setMinimumTrackImage:[UIImage imageNamed:@"3.png"] forState:UIControlStateNormal];
    //设置未滑过一端滑动条背景图片
    [sli1 setMaximumTrackImage:[UIImage imageNamed:@"logo.png"] forState:UIControlStateNormal];
    //设置滑块图片背景
    [sli1 setThumbImage:[UIImage imageNamed:@"1.png"] forState:UIControlStateNormal];
    
    //最重要的就是根据滑动事件来进行相应操作
    //此处和按钮的类似,但是按钮的事件是按下,而这里的事件是UIControlEventValueChanged值变化就是事件
    [sli1 addTarget:self action:@selector(getValue1:) forControlEvents:UIControlEventValueChanged];
    
    //设置一个标签,把变动的值实时显示出来
    //得在上面弄成全局变量,所以这里就不是UILabel *label1了,而直接初始化即可
    label1=[[UILabel alloc]initWithFrame:CGRectMake(30, 100, 300, 50)];
    label1.text=@"值";
    
    [self.view addSubview:sli1];
    [self.view addSubview:label1];
    [super viewDidLoad];
    // Do any additional setup after loading the view, typically from a nib.
}

-(void)getValue1:(id)sender{
    UISlider *sli2=(UISlider *)sender;
    label1.text=[NSString stringWithFormat:@"%f",sli2.value];
}

@end

 

分享到:
评论

相关推荐

    UISlider-TrackHeight:调整UISlider的滑动条高度

    UISlider-TrackHeight 调整UISlider的滑动条高度 Import pod 'UISlider-TrackHeight', '~> 1.0.2' Usage #import "UISlider+VDTrackHeight.h" self.slider.vd_trackHeight = 5.0f; License

    Slider相当于UIKit中的UISlider,通过移动滑杆实现指定区域和间隔的数值的选择

    SwiftUI的Slider组件是iOS、macOS、watchOS和tvOS等Apple平台上用户界面设计的重要元素,它在SwiftUI框架中扮演着与UIKit中的UISlider相同的角色。Slider允许用户通过直观地滑动一个条形控件来选择介于两个预设数值...

    UISlider Demo代码

    在iOS开发中,UISlider是苹果提供的一个基本控件,用于显示用户可调节的滑动条,常用于音量控制、进度调整等场景。本`UISlider Demo`代码旨在通过实例展示如何创建、自定义以及操作UISlider,帮助开发者更好地理解和...

    ios的UISlider自定义

    在提供的"UISlider教程3"压缩包文件中,可能包含了详细的步骤、代码示例以及相关的图片资源,用于帮助开发者实践上述自定义过程。通过学习和应用这些教程,开发者可以更好地理解和掌握如何使用图片来自定义iOS的...

    移动应用开发-iOS开发示例教程之滑动条的实现.zip

    如果使用Storyboard,可以在Interface Builder中直接拖拽一个UISlider对象到视图控制器的视图上,然后通过属性检查器设置滑动条的相关属性,如最小值、最大值、初始值等。 5. **滑动条与Auto Layout**: 在布局...

    UISlider.zip

    除了这些基本属性,UISlider还支持自定义滑动条的图像,包括滑块的背景、滑块本身的图像以及滑块的轨道图像。这可以通过以下方式实现: 1. **minimumTrackImage**: 用于设置滑条未被选中部分的图像。 2. **...

    UISlider的用法举例

    列举了UISlider的一些常用属性及用UISlider控制uilabel内字体的大小,

    UISlider的用途的方法

    2. 实时反馈:UISlider在拖动过程中能实时显示当前选择的数值,这为用户提供了立即的反馈,让他们能够清楚地了解自己的操作结果。 3. 界面简洁性:与按钮或文字输入相比,滑动条可以使用户界面看起来更为简洁,它...

    UISlider封装

    在iOS开发中,UISlider是苹果提供的一个基本控件,用于显示一个范围内的连续值,并允许用户通过滑动来选择某个特定值。在这个特定的项目中,开发者对UISlider进行了封装,增加了自定义功能,使其更加实用。让我们...

    带微调的滑动条特效状态栏 源码 代码 sliderbar

    总的来说,"带微调的滑动条特效状态栏"源码提供了对滑动条组件的一种创新性使用,结合了特效和微调功能,提高了用户与状态栏的交互体验。无论是对于UI设计师还是开发者,理解和实现这样的功能都能提升他们的专业技能...

    XCode iPhone UISlider用法

    移动滑动条就可以设置文字控件背景颜色的绿色纸 在文字控件中设置0~1.0的浮点值就卡可以设置文字控件背景颜色的红色值 核心带啊: float fAlpha = mySlider.value / (mySlider.maximumValue-mySlider.minimumValue...

    UISlider+UILable实现对字体大小的设置(含说明文档)

    2.在具体的设置页面,滑动Slider可以调整UILable中字体的大小,并用一个UILable来显示Slider当前的值(即当前字体的值)。 3.将用户设置的字体大小存入一个plist配置文件,当再次进入设置页面时,先读取用户之前的...

    UISlider UIProgressView关联控制,自定义扩展使用

    **滑动行为调整**:可以通过重写`- (void)setValue:(float)value animated:(BOOL)animated`方法来自定义滑动时的动画效果,或者监听`- (IBAction)sliderValueChanged:(UISlider *)sender`事件来获取实时的滑动值。...

    OC Control ScaleSlider(滑动条).zip

    这个压缩包中的ScaleSlider(滑动条)文件,很可能是包含了该自定义滑动条的源代码、资源文件以及示例项目,旨在帮助开发者理解和使用这个控件。 滑动条(Slider)通常用于让用户在预设的数值范围内进行选择,如音量...

    代码实现UISlider 和 UISwitch

    首先,UISlider是一种允许用户在指定范围内选择一个值的滑动条控件。它的主要属性包括minimumValue(最小值)、maximumValue(最大值)和value(当前值)。我们可以使用以下代码创建并配置一个UISlider: ```swift ...

    EFCircularSlider 可扩展的圆形滑杠

    2. **数值范围与步进值**:开发者可以设置滑动条的最小值、最大值以及步进值,以满足不同应用场景的需求。例如,对于音量控制,最小值可能是0,最大值可能是100,而步进值可能设置为1或5,以实现精确的调整。 3. **...

    ios-自定义UISlider.zip

    在iOS开发中,UISlider是苹果提供的一种基本的UI组件,用于展示用户可选择的连续范围的值。这个“ios-自定义UISlider.zip”文件包含了一个定制版的UISlider,它增强了原生滑杆的功能,使其在翻页场景下更具实用性。...

    通过UISlider改变背景颜色

    `UISlider`有两个主要的属性:`minimumValue` 和 `maximumValue`,分别代表滑块可以滑动的最小值和最大值。在本例中,我们可以将它们设置为0和1,分别对应颜色的透明度或亮度。`UISlider`还有一个重要的事件代理方法...

    iphone 开发基础控件UISlider

    除了基本的属性和图片,我们还可以通过KVC(Key-Value Coding)访问和修改UISlider的其他私有属性,或者通过继承UISlider创建自定义滑动控件来实现更复杂的定制。 总之,UISlider是iOS开发中不可或缺的基础控件,...

    TGPControls:带有刻度,图像和动画标签的UISlider的直接替换

    TGP控件带有刻度和动画标签的滑块(快速) TGPControls是UISlider和UILabel的UISlider替代,具有Interface Builder中的视觉预览,单眼线检测,流畅的动画,简单的API,强大的自定义功能。什么是DiscreteSlider? ...

Global site tag (gtag.js) - Google Analytics