iOS开发基础-常用组件（上）

目录

1.UILabel

2.UIScrollView(滚动视图)

3.UINavigationController(导航控制器)

4.UITableView(表格)

5.UIImageView(图像)

6.UIButton(按钮)

7.UISearchBar(搜索框)

8.UITextField(文本框)

9.UITextView(多行文本控件)

10.UISwitch(开关按钮)

---

组件简介:

• 经常使用

 UIButton：按钮 ·

UILabel：文本标签 ·

UITextField：文本输入框 ·

UIImageView：图片显示 ·

UIScrollView：滑动的控件 ·

UITableView：表格 ·

UICollectionView：九宫格 ·

UIWebView：网页显示控件 ·

UIAlertView：对话框（中间弹框） ·

UINavigationBar：导航条

• 一般 ·

UIPageControl：分页控件 ·

UITextView：能滚动的文字显示控件 ·

UIActivityIndicator：圈圈 ·

UISwitch：开关 ·

UIActionSheet：底部弹框 ·

UIDatePicker：日期选择器

• 几乎不用 ·

UIToolbar：工具条 ·

UIProgressView：进度条 ·

UISlider：滑块 ·

UISegmentControl：选项卡 ·

UIPickerView：选择器

 

1.UILabel

// 创建对象
UILabel *label = [[UILabel alloc] init];
// frame
label.frame = CGRectMake(100, 100, 300, 75);
// 颜色
label.backgroundColor = [UIColor redColor];
// 内容
label.text = @"dashuaibi";
// 对齐方式
label.textAlignment =  NSTextAlignmentLeft;
// 字体大小
label.font = [UIFont systemFontOfSize:20.f];
label.font = [UIFont boldSystemFontOfSize:20.f];
label.font = [UIFont italicSystemFontOfSize:20.f];
// 文字颜色
label.textColor = [UIColor purpleColor];
// 设置阴影
label.shadowColor = [UIColor blueColor];
label.shadowOffset = CGSizeMake(-2, 1);
// 行数 0为自动换行
label.numberOfLines = 0;
// 显示模式
label.lineBreakMode = NSLineBreakByWordWrapping;

示例：

//创建文本输入框
self.textField = [[UITextField alloc] initWithFrame:CGRectMake(0, 0, 100, 50)];
//固定位置
self.textField.center = self.view.center;
//设置边框，让文本输入框可见
self.textField.borderStyle = UITextBorderStyleLine;
[self.view addSubview:self.textField];
//让文本输入框失去焦点，隐藏键盘
[self.textField resignFirstResponder];

2.UIScrollView(滚动视图)

UIScrollView表示可滚动的视图，它最主要的使用场景是让用户可以通过拖拽显示布置一屏的数据。

常用的属性或者方法有：

frame：NSRect显示范围，小于屏幕尺寸的矩形区域；

contentSize：内容大小，一般情况下contentSize的大小大于frame的大小（这也是可滚动的前提条件）；

bounces：是否允许弹动效果，又可以分别设置横向和纵向的弹动效果；

pagingEnabled：是否开启分页效果，常见的图片滚动浏览就是开启了这个属性；

contentOffset：偏移量，可用户控制UIScrollView的位置

scrollRectToVisible：animated：滚动到指定位置，并且可以设置是否有动画。

可以通过实现UIScrollViewDelegate中的回调方法实现更好的效果和控制。

self.screenWidth = [[UIScreen mainScreen] bounds].size.width;
self.screenHeight = [[UIScreen mainScreen] bounds].size.height;
self.scroller = [[UIScrollView alloc] initWithFrame:CGRectMake(0, 0, self.screenWidth, self.screenHeight)];
//设置背景颜色
self.scroller.backgroundColor = [UIColor yellowColor];
//设置内容大小
self.scroller.contentSize = CGSizeMake(5 * self.screenWidth, self.screenHeight);
//允许弹动效果
self.scroller.bounces = YES;
//禁止纵向滚动
self.scroller.alwaysBounceVertical = NO;
//允许横向滚动
self.scroller.alwaysBounceHorizontal = YES;
//不显示滚动条
self.scroller.showsVerticalScrollIndicator = NO;
self.scroller.showsHorizontalScrollIndicator = NO;
     
self.scroller.pagingEnabled = YES;
self.scroller.scrollEnabled = YES;

[self.view addSubview:self.scroller];

3.UINavigationController(导航控制器)

跳转方式：

（1）跳转下一页面

//创建新页面
PetController *detailPage = [[PetController alloc] init];
//跳转页面，设置跳转方式    
[self.navigationController pushViewController:detailPage animated:YES];

（2）返回上一页面