iOS 控制元件之 UISlider
UISlider繼承UIControl,是一個可以在最小值和最大值之間任意滑動的進度條,和UIProgressView的區別在於:前前者無法響應使用者的觸控事件,而後者可以。
我下了一個demo,相信的總結了一下UISlider 的使用方法
//
// ViewController.m
// UIProgressViewDemo
//
// Created by 冷凝 on 14-2-19.
// Copyright (c) 2014年 **. All rights reserved.
//
#import "ViewController.h"
@interface ViewController ()
{
// UIProgressView * _progressView;
UISlider * _slider;
}
@end
@implementation ViewController
- (void)viewDidLoad
{
[super viewDidLoad];
[self addSlider];
//[self addProgressView];
}
-(void)addSlider{
_slider = [[UISlider alloc]initWithFrame:CGRectMake(10, 10, 300, 50)];
_slider.minimumValue = 0;
_slider.maximumValue = 100;
_slider.value = 50;
_slider.minimumValueImage = [UIImage imageNamed:@"meigui.png"];
_slider.maximumValueImage = [UIImage imageNamed:@"yongbao.png"];
_slider.minimumTrackTintColor = [UIColor blackColor];
//_slider.maximumTrackTintColor = [UIColor greenColor];
_slider.thumbTintColor = [UIColor orangeColor];
[_slider addTarget:self action:@selector(sliderValueChanged:) forControlEvents:UIControlEventValueChanged];
[_slider setThumbImage:[UIImage imageNamed:@"daku.png"] forState:UIControlStateNormal];//設定預設圖片
[_slider setThumbImage:[UIImage imageNamed:@"chouyan.png"] forState:UIControlStateHighlighted];//設定移動時顯示進度的圖片
[self.view addSubview:_slider];
}
//根據值的變化來做判斷
-(void)sliderValueChanged:(UISlider*)slider{
if (slider.value <= slider.maximumValue/2.0) {
slider.minimumTrackTintColor = [UIColor blackColor];
}else{
[slider setValue:90 animated:YES];
slider.minimumTrackTintColor = [UIColor redColor];
slider.maximumTrackTintColor = [UIColor blackColor];
}
}
為了供子類定製還提供了四個方法:看到函式名就知道函式的功能
// lets a subclass lay out the track and thumb as needed
- (CGRect)minimumValueImageRectForBounds:(CGRect)bounds;
- (CGRect)maximumValueImageRectForBounds:(CGRect)bounds;
- (CGRect)trackRectForBounds:(CGRect)bounds;
- (CGRect)thumbRectForBounds:(CGRect)bounds trackRect:(CGRect)rect value:(float)value;
相關文章
- iOS 自定義 UISlider 的 trackRectiOSUIIDE
- iOS UISlider數值與滑塊聯動iOSUIIDE
- iOS 控制元件之 UIProgressViewiOS控制元件UIView
- iOS 控制元件之 UISwitchiOS控制元件UI
- iOS 控制元件之 UIDatePickeriOS控制元件UI
- Swift 漸變 UISliderSwiftUIIDE
- iOS 控制元件基類之 UIControliOS控制元件UI
- iOS 控制元件檢視基類之 UIViewiOS控制元件UIView
- 如何設計一個 iOS 控制元件? iOS 控制元件完全解析iOS控制元件
- iOS自定義控制元件:簡易下拉控制元件iOS控制元件
- iOS自定義控制元件 AlertViewiOS控制元件View
- iOS自定義控制元件 SegmentiOS控制元件
- iOS開發之將自己寫的小控制元件釋出到Github上iOS控制元件Github
- iOS自定義控制元件 SlideriOS控制元件IDE
- iOS swift UISearchBar拿到textfield控制元件iOSSwiftUI控制元件
- C#控制元件之Repeater控制元件使用C#控制元件
- Xamarin iOS教程之頁面控制元件iOS控制元件
- iOS開發之尺寸(二):仿寫App截圖獲取控制元件大小位置iOSAPP控制元件
- 鴻蒙安全控制元件之貼上控制元件簡介鴻蒙控制元件
- iOS 一個滑動選擇控制元件iOS控制元件
- iOS 自定義拖拽式控制元件:QiDragViewiOS控制元件View
- iOS 自定義卡片式控制元件:QiCardViewiOS控制元件View
- Flutter 之 自定義控制元件Flutter控制元件
- silverlight控制元件模型之選擇控制元件和列表控制元件控制元件模型
- ios之CoreAnimationiOS
- iOS學習筆記——基礎控制元件(上)iOS筆記控制元件
- iOS-控制元件封裝為framework來使用iOS控制元件封裝Framework
- iOS 如何更方便的給控制元件新增Action?iOS控制元件
- iOS 自定義的卡片流互動控制元件iOS控制元件
- iOS 自定義日曆(日期選擇)控制元件iOS控制元件
- iOS開發自定義View佈局子控制元件iOSView控制元件
- iOS不規則控制元件的點選事件iOS控制元件事件
- iOS UIView分類調整控制元件座標iOSUIView控制元件
- QT佈局之控制元件空隙QT控制元件
- Android MD控制元件之CardViewAndroid控制元件View
- MFC控制元件之Button基本用法控制元件
- .NET基礎之DataList控制元件控制元件
- Android自定義控制元件之自定義組合控制元件Android控制元件