進度條 和 滑條

我們要實現上面圖片的效果泉瞻,在滑動條滑動改變的同時,進度條也跟隨著改變司忱。

在 ViewController.h里面聲明:

#import@interface ViewController : UIViewController{

//進度條對象

//一般用來表示下載或視頻播放的進度

UIProgressView *_progressView;

//滑動條的定義

//一般用來進行調整音樂的音量等

UISlider *_slider;

}

//定義一個進度條屬性

@property(retain,nonatomic) UIProgressView * pView;

//定義滑動條屬性

@property(retain,nonatomic) UISlider * slider;

@end

在ViewController.m里面去實現:


#import "ViewController.h"

@interface ViewController ()

@end

@implementation ViewController

@synthesize slider=_slider;

@synthesize pView=_progressView;

- (void)viewDidLoad {

[super viewDidLoad];

// Do any additional setup after loading the view, typically from a nib.

//進度條的創(chuàng)建

_progressView =[[UIProgressView alloc]init];

//進度條的位置大小設置

//進度條的高度是不可以變化的,這里的40是不起任何作用的系統(tǒng)默認

_progressView.frame=CGRectMake(10, 100, 300, 140);

//甚至進度條的風格顏色值,默認是藍色的

_progressView.progressTintColor=[UIColor redColor];

//表示進度條未完成的提澎,剩余的軌跡顏色,默認是灰色

_progressView.trackTintColor =[UIColor blueColor];

//設置進度條的進度值

//范圍從0~1碴犬,最小值為0,最大值為1.

//0.8-->進度的80%

_progressView.progress=0.3;

//設置進度條的風格特征

//? ? _progressView.progressViewStyle=UIProgressViewStyleBar;

_progressView.progressViewStyle=UIProgressViewStyleDefault;

[self.view addSubview:_progressView];

//創(chuàng)建滑動條對象

_slider = [[UISlider alloc]init];

//位置設置跳纳,高度不可變更,40寫的不起作用,系統(tǒng)默認

_slider.frame =CGRectMake(10, 200, 300, 40);

//設置滑動條最大值

_slider.maximumValue=100;

//設置滑動條的最小值,可以為負值

_slider.minimumValue=0;

//設置滑動條的滑塊位置float值

_slider.value=30;

//左側滑條背景顏色

_slider.minimumTrackTintColor=[UIColor redColor];

//右側滑條背景顏色

_slider.maximumTrackTintColor=[UIColor blueColor];

//設置滑塊的顏色

_slider.thumbTintColor=[UIColor blackColor];

//對滑動條添加事件函數

[_slider addTarget:self action:@selector(pressSlider) forControlEvents:UIControlEventValueChanged];

[self.view addSubview:_slider];

}

- (void) pressSlider{

NSLog(@"value=%f",_slider.value);

_progressView.progress=(_slider.value-_slider.minimumValue)/(_slider.maximumValue-

_slider.minimumValue);

}

- (void)didReceiveMemoryWarning {

[super didReceiveMemoryWarning];

// Dispose of any resources that can be recreated.

}

@end


//? 關于改變UIProgressView的寬宪彩、高以及兩端弧度


1.self.progressView = [[UIProgressView alloc] initWithProgressViewStyle:UIProgressViewStyleDefault];//這里是設定progressView的模式為默認模式

2.self.progressView.frame = CGRectMake(16, CGRectGetMaxY(label1.frame) + 15, SCREEN_WIDTH - 32 - image3.size.width - 25, 8);

3. self.progressView.progressTintColor=COLOR_THEME;//設定progressView的顯示顏色

4. CGAffineTransform transform = CGAffineTransformMakeScale(1.0f, 2.0f);

5.self.progressView.transform = transform;//設定寬高

6.self.progressView.trackImage = image4;

7. self.progressView.contentMode = UIViewContentModeScaleAspectFill;

//設定兩端弧度

8.self.progressView.layer.cornerRadius = 1.0;

9.self.progressView.layer.masksToBounds = YES;

//設定progressView的現實進度(一般情況下可以從后臺獲取到這個數字)

10. [self.progressView setProgress:0.70 animated:YES];

11.[self.view addSubview:self.progressView];

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市错维,隨后出現的幾起案子犬庇,更是在濱河造成了極大的恐慌欢峰,老刑警劉巖哄孤,帶你破解...
    沈念sama閱讀 211,290評論 6 491
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現場離奇詭異,居然都是意外死亡裆针,警方通過查閱死者的電腦和手機像屋,發(fā)現死者居然都...
    沈念sama閱讀 90,107評論 2 385
  • 文/潘曉璐 我一進店門胜蛉,熙熙樓的掌柜王于貴愁眉苦臉地迎上來君旦,“玉大人,你說我怎么就攤上這事∈跆眨” “怎么了?”我有些...
    開封第一講書人閱讀 156,872評論 0 347
  • 文/不壞的土叔 我叫張陵,是天一觀的道長超陆。 經常有香客問我磺陡,道長,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 56,415評論 1 283
  • 正文 為了忘掉前任焦履,我火速辦了婚禮屑宠,結果婚禮上,老公的妹妹穿的比我還像新娘卫玖。我一直安慰自己嚣崭,他們只是感情好雹舀,可當我...
    茶點故事閱讀 65,453評論 6 385
  • 文/花漫 我一把揭開白布签财。 她就那樣靜靜地躺著神汹,像睡著了一般氓拼。 火紅的嫁衣襯著肌膚如雪粒竖。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 49,784評論 1 290
  • 那天朽砰,我揣著相機與錄音尖滚,去河邊找鬼喉刘。 笑死,一個胖子當著我的面吹牛漆弄,可吹牛的內容都是我干的睦裳。 我是一名探鬼主播,決...
    沈念sama閱讀 38,927評論 3 406
  • 文/蒼蘭香墨 我猛地睜開眼撼唾,長吁一口氣:“原來是場噩夢啊……” “哼廉邑!你這毒婦竟也來了?” 一聲冷哼從身側響起倒谷,我...
    開封第一講書人閱讀 37,691評論 0 266
  • 序言:老撾萬榮一對情侶失蹤蛛蒙,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后渤愁,有當地人在樹林里發(fā)現了一具尸體牵祟,經...
    沈念sama閱讀 44,137評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 36,472評論 2 326
  • 正文 我和宋清朗相戀三年猴伶,在試婚紗的時候發(fā)現自己被綠了课舍。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 38,622評論 1 340
  • 序言:一個原本活蹦亂跳的男人離奇死亡他挎,死狀恐怖筝尾,靈堂內的尸體忽然破棺而出,到底是詐尸還是另有隱情办桨,我是刑警寧澤筹淫,帶...
    沈念sama閱讀 34,289評論 4 329
  • 正文 年R本政府宣布,位于F島的核電站呢撞,受9級特大地震影響损姜,放射性物質發(fā)生泄漏。R本人自食惡果不足惜殊霞,卻給世界環(huán)境...
    茶點故事閱讀 39,887評論 3 312
  • 文/蒙蒙 一摧阅、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧绷蹲,春花似錦棒卷、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,741評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至拦英,卻和暖如春蜒什,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背疤估。 一陣腳步聲響...
    開封第一講書人閱讀 31,977評論 1 265
  • 我被黑心中介騙來泰國打工灾常, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留霎冯,地道東北人。 一個月前我還...
    沈念sama閱讀 46,316評論 2 360
  • 正文 我出身青樓岗憋,卻偏偏與公主長得像肃晚,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子仔戈,可洞房花燭夜當晚...
    茶點故事閱讀 43,490評論 2 348

推薦閱讀更多精彩內容

  • 進度條和滑動動條控件 本節(jié)學習內容: 1.進度條和滑動條的概念 2.進度條和滑動條的屬性 3.進度條和滑動條的使用...
    奔跑的小小魚閱讀 2,559評論 0 0
  • VLC的集成和使用 VLC介紹 VLC Media Player (VideoLAN) 為 Windows关串、Lin...
    Pocket閱讀 19,542評論 75 66
  • 先說說這幾天了。 拖拖拉拉的干了一些事监徘,一邊焦慮一邊錯過了一些事晋修。嗯這兩天的校外經歷由于不是自己獨個經歷的,一個個...
    亢龍有悔閱讀 329評論 1 0
  • 一下午參加深圳讀書會跟商業(yè)機構合辦的《創(chuàng)意旅行凰盔,你不知道的第一步》墓卦,三位深度旅行達人分享了他們有趣的旅行經歷。重點...
    溫柔寒江雪閱讀 520評論 0 0
  • 第二天了呢户敬,還是想記錄一下這一次的奇妙之旅落剪。 我去過杭州很多次,就像今年尿庐,我大概就來了三四趟了忠怖,但昨天,我是第一次...
    大花SANG閱讀 562評論 0 0