若干搭建UI常用的小控件(二)

本篇主要向大家介紹剩下幾個較為常用的UI控件,主要包括UIActivityIndicatorView、
UIStepper具被、
UISegmentControl涌矢、
UIProgressView。


相關(guān)文章:

TextField相關(guān)基礎(chǔ)用法
若干搭建UI常用的小控件(一)


UIActivityIndicatorView

UIActivityIndicatorView在現(xiàn)在其實并不是個十分常用的UI控件,現(xiàn)在大部分的App都是通過第三方庫或者自己定制的控件來實現(xiàn)功能,但是因為次控件還是屬于一個較為基礎(chǔ)的控件,所以在本篇文章中還是要進(jìn)行簡單的介紹一下纫骑。

UIActivityIndicatorView繼承于UIView。

UIActivityIndicatorView* aiv = [[UIActivityIndicatorView alloc] initWithActivityIndicatorStyle:UIActivityIndicatorViewStyleWhite];
//初始化創(chuàng)建

UIActivityIndicatorViewStyleWhiteLarge  //大白
UIActivityIndicatorViewStyleWhite       //小白
UIActivityIndicatorViewStyleGray        //小灰

aiv.transform = CGAffineTransformMakeScale(3, 5);
//修改大小九孩,使用變形屬性

aiv.bounds = CGRectMake(0, 0, 320, 480);
//bounds屬性的大小改不了先馆,所以應(yīng)該修改中心

- (void)startAnimating;      //啟動動畫
- (void)stopAnimating;       //停止動畫
- (BOOL)isAnimating;         //判斷狀態(tài)

UIStepper

//創(chuàng)建stepper, 大小無用
UIStepper * stepper = [[UIStepper alloc] initWithFrame:CGRectMake(100, 100, 10, 10)];

//設(shè)置stepper最大值,最小值躺彬,當(dāng)前值
stepper.maximumValue = 100.0;
stepper.minimumValue = 0.0;
stepper.value = 60.0;
//設(shè)置變化間隔煤墙,默認(rèn)是1
stepper.stepValue = 0.5;

//設(shè)置按住梅惯,是否顯示自動增長,默認(rèn)YES
//當(dāng)自動增長設(shè)為NO時仿野,該屬性無效
//當(dāng)自動增長設(shè)為YES铣减,該屬性YES,可見增長脚作,NO葫哗,不可見增長
stepper.continuous = YES;

//設(shè)置是否自動增長
stepper.autorepeat = YES;

//設(shè)置是否首尾循環(huán)
stepper.wraps = NO;

//設(shè)置顏色
stepper.tintColor = [UIColor redColor];


//添加事件
[stepper addTarget:self action:@selector(valueChanged:) forControlEvents:UIControlEventValueChanged];
//stepper只能響應(yīng)valueChanged事件

//設(shè)置背景圖,圖片大球涛,stepper會變大
[stepper setBackgroundImage:[UIImage imageNamed:@"Image1"] forState:UIControlStateNormal];
[stepper setBackgroundImage:[UIImage imageNamed:@"Image2"] forState:UIControlStateHighlighted];

//設(shè)置中分線圖片(了解)
[stepper setDividerImage:[UIImage imageNamed:@"Image3"] forLeftSegmentState:UIControlStateHighlighted rightSegmentState:UIControlStateNormal];
//根據(jù)兩鍵狀態(tài)不同劣针,可以設(shè)置多張圖片



//獲取某個狀態(tài)的圖片
//因為每個狀態(tài)下可以有不同圖片,這個方法可以獲得個狀態(tài)圖片亿扁。
UIImage * image = [stepper dividerImageForLeftSegmentState:UIControlStateHighlighted rightSegmentState:UIControlStateNormal];

[stepper setDividerImage:image forLeftSegmentState:UIControlStateNormal rightSegmentState:UIControlStateHighlighted];


image = [[UIImage imageNamed:@"Image4"] imageWithRenderingMode:UIImageRenderingModeAlwaysOriginal];

//設(shè)置加號(減號)圖片
[stepper setIncrementImage: image forState:UIControlStateNormal];

UISegmentControl

SegementControl是一個極為常用的UI控件捺典,多用在作為同一個頁面的不同分區(qū)等。

//創(chuàng)建items數(shù)組
NSArray * items = @[@"大傻", image, @"三大傻"];

//創(chuàng)建SC
UISegmentedControl * sc = [[UISegmentedControl alloc] initWithItems:items];
//添加坐標(biāo)
sc.frame = CGRectMake(50, 100, 200, 50);

//設(shè)置tintColor
sc.tintColor = [UIColor redColor];

//設(shè)置當(dāng)前選中的segment
sc.selectedSegmentIndex = 2;
//這個方法也可以判斷當(dāng)前選中的segment


//設(shè)置不能選中从祝,松手后還原
sc.momentary = YES;



//設(shè)置某個segment寬度
[sc setWidth:0 forSegmentAtIndex:1];


//如果這個值是YES襟己,設(shè)為0的segment寬度,自適應(yīng)
 //    sc.apportionsSegmentWidthsByContent = YES;

//設(shè)置某個segment無效
[sc setEnabled:NO forSegmentAtIndex:2];

//判斷某個segment是否有效
BOOL ret = [sc isEnabledForSegmentAtIndex:2];
NSLog(@"%d", ret);


//設(shè)置某個segment 標(biāo)題
[sc setTitle:@"都傻" forSegmentAtIndex:0];
//返回某個segment 標(biāo)題
//- (NSString *)titleForSegmentAtIndex:(NSUInteger)segment;


//設(shè)置某個segment 圖片
[sc setImage:image forSegmentAtIndex:2];
//  - (UIImage *)imageForSegmentAtIndex:(NSUInteger)segment;
//返回圖片


//添加事件
[sc addTarget:self action:@selector(valueChanged:) forControlEvents:UIControlEventValueChanged];

//添加背景圖片
[sc setBackgroundImage:[UIImage imageNamed:@"10_0.jpg"] forState:UIControlStateNormal barMetrics:UIBarMetricsDefault];
//橫屏縱屏牍陌,可以設(shè)兩張背景

UIProgressView

UIProgressView在現(xiàn)在并不是十分常用擎浴,大部分情況下用于擁有音頻或者視頻播放功能的App。
同樣的呐赡,UIProgressView繼承于UIView退客。

//高設(shè)置無用
UIProgressView * pv = [[UIProgressView alloc] initWithFrame:CGRectMake(10, 400, 300, 10)];
pv.tag = 1;

//最大值是1骏融,最小值是0
//設(shè)置當(dāng)前值
pv.progress = 0;

//設(shè)置tintColor
pv.tintColor = [UIColor redColor];
pv.trackTintColor = [UIColor yellowColor];

//如果想要加寬進(jìn)度條
pv.transform = CGAffineTransformMakeScale(1, 10);

//如果想豎起進(jìn)度條
pv.transform = CGAffineTransformRotate(pv.transform, - M_PI_2);

//添加圖片 設(shè)置拉伸的豎線
UIImage * image1 = [[UIImage imageNamed:@"image1"] stretchableImageWithLeftCapWidth:5 topCapHeight:0];

UIImage * image2 = [[UIImage imageNamed:@"image2"] stretchableImageWithLeftCapWidth:50 topCapHeight:0];

pv.trackImage = image2;
pv.progressImage = image1;
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末链嘀,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子档玻,更是在濱河造成了極大的恐慌怀泊,老刑警劉巖,帶你破解...
    沈念sama閱讀 219,427評論 6 508
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件误趴,死亡現(xiàn)場離奇詭異霹琼,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)凉当,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,551評論 3 395
  • 文/潘曉璐 我一進(jìn)店門枣申,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人看杭,你說我怎么就攤上這事忠藤。” “怎么了楼雹?”我有些...
    開封第一講書人閱讀 165,747評論 0 356
  • 文/不壞的土叔 我叫張陵模孩,是天一觀的道長尖阔。 經(jīng)常有香客問我,道長榨咐,這世上最難降的妖魔是什么介却? 我笑而不...
    開封第一講書人閱讀 58,939評論 1 295
  • 正文 為了忘掉前任,我火速辦了婚禮块茁,結(jié)果婚禮上齿坷,老公的妹妹穿的比我還像新娘。我一直安慰自己数焊,他們只是感情好胃夏,可當(dāng)我...
    茶點故事閱讀 67,955評論 6 392
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著昌跌,像睡著了一般仰禀。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上蚕愤,一...
    開封第一講書人閱讀 51,737評論 1 305
  • 那天答恶,我揣著相機(jī)與錄音,去河邊找鬼萍诱。 笑死悬嗓,一個胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的裕坊。 我是一名探鬼主播包竹,決...
    沈念sama閱讀 40,448評論 3 420
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼籍凝!你這毒婦竟也來了周瞎?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 39,352評論 0 276
  • 序言:老撾萬榮一對情侶失蹤饵蒂,失蹤者是張志新(化名)和其女友劉穎声诸,沒想到半個月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體退盯,經(jīng)...
    沈念sama閱讀 45,834評論 1 317
  • 正文 獨居荒郊野嶺守林人離奇死亡彼乌,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,992評論 3 338
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了渊迁。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片慰照。...
    茶點故事閱讀 40,133評論 1 351
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖琉朽,靈堂內(nèi)的尸體忽然破棺而出毒租,到底是詐尸還是另有隱情,我是刑警寧澤漓骚,帶...
    沈念sama閱讀 35,815評論 5 346
  • 正文 年R本政府宣布蝌衔,位于F島的核電站榛泛,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏噩斟。R本人自食惡果不足惜曹锨,卻給世界環(huán)境...
    茶點故事閱讀 41,477評論 3 331
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望剃允。 院中可真熱鬧沛简,春花似錦、人聲如沸斥废。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,022評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽牡肉。三九已至捧灰,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間统锤,已是汗流浹背毛俏。 一陣腳步聲響...
    開封第一講書人閱讀 33,147評論 1 272
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點兒被人妖公主榨干…… 1. 我叫王不留饲窿,地道東北人煌寇。 一個月前我還...
    沈念sama閱讀 48,398評論 3 373
  • 正文 我出身青樓,卻偏偏與公主長得像逾雄,于是被迫代替她去往敵國和親阀溶。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 45,077評論 2 355

推薦閱讀更多精彩內(nèi)容