iOS 基础UI总结

基本控件

UIView

  • 一般情况下我们会把它当做容器来用

  • 常用属性-

  • backGroundColor //背景颜色

  • frame, bounds, center //位置 尺寸

  • tag //标识

  • alpha //透明度

  • clipsToBounds

  • contentMode //内容模式

  • userInteractionEnabled 默认是YES

  • 常用的方法

  • viewWithTag:

  • -(void)removeFromSuperview;

  • -(void)insertSubview: atIndex:;

  • -(void)exchangeSubviewAtIndex: withSubviewAtIndex:(NSInteger)index2;

  • -(void)addSubview:(UIView *)view;

  • -(void)insertSubview:(UIView *)view belowSubview:(UIView *)siblingSubview;

  • -(void)insertSubview:(UIView *)view aboveSubview:(UIView *)siblingSubview;

  • -(void)bringSubviewToFront:(UIView *)view;

  • -(void)sendSubviewToBack:(UIView *)view;

UILabel

  • 用来显示只读文本(不能编辑, 选中)

  • 常用属性

  • text

  • textColor

  • font

  • textAlignment

  • numberOfLines

  • shadowOffse

  • 常用方法

  • Color

UIButton

  • 一个用来相应用户交互的视图

  • 常用的属性

  • UIButton中很多的属性都是和状态绑定的, 如果脱离了状态直接在内部的控件上设置是没有效果的, E.G title, titleColor, BackGroundImagtate;

  • currentTitle, currentImage

  • 常用方法

  • -(nullable NSString *)titleForState:(UIControlState)state;

  • -(nullable UIColor *)titleColorForState:(UIControlState)state;

  • -(CGRect)titleRectForContentRect:(CGRect)contentRect;

  • -(CGRect)imageRectForContentRect:(CGRect)contentRect;

  • 父类方法: - addTarget:action:forControlEvents:

UIImageView

  • 一个显示图片的视图

  • 常用属性

  • image

  • highlightedImage

  • userInteractionEnabled 默认是NO(重写了父类的属性)

  • animationImages

  • animationDuration

  • animationRepeatCount

  • 常用方法

  • -(void)startAnimating;

  • -(void)stopAnimating;

  • -(BOOL)isAnimating;

UITextField

  • 一个用来显示/编辑单行文字的视图

  • 常用属性

  • text

  • placeholder

  • leftView

  • leftViewMode

  • rightView

  • rightViewMode

  • attributedText

  • textAlignment

  • editing

  • inputView

  • inputAccessoryView

  • delegate

代理方法:

  • // 当用户点击键盘上的回车键的时候就会调用这个代理方法

-(BOOL)textFieldShouldReturn:(UITextField *)textField

  • // 结束编辑的时候调用

-(void)textFieldDidEndEditing:(UITextField *)textField

  • // 开始编辑的时候调用

-(void)textFieldDidBeginEditing:(UITextField *)textField

  • // 是否允许进入编辑状态

-(BOOL)textFieldShouldBeginEditing:(UITextField *)textField

  • // 询问String字符串是否应该替换在range的位置

-(BOOL)textField:(UITextField *)textField shouldChangeCharactersInRange:(NSRange)range replacementString:(NSString *)string

UITextView

  • 一个用来显示/编辑多行文字的视图

  • 常用属性

  • text

  • textColor

  • font

  • textAlignment

  • inputView

  • inputAccessoryView

  • 代理方法
  • // 是否应该开始编辑

-(BOOL)textViewShouldBeginEditing:(UITextView *)textView

  • // 是否应该结束编辑

-(BOOL)textViewShouldEndEditing:(UITextView *)textView

  • // 已经开始编辑

-(void)textViewDidBeginEditing:(UITextView *)textView

  • // 已经结束编辑

-(void)textViewDidEndEditing:(UITextView *)textView

  • // 是否在指定的范围替换文本:text

-(BOOL)textView:(UITextView *)textView shouldChangeTextInRange:(NSRange)range replacementText:(NSString *)text

  • // 文本已经改变

-(void)textViewDidChange:(UITextView *)textView

  • // 选中的范围已经改变

-(void)textViewDidChangeSelection:(UITextView *)textView

  • // 是否在指定范围内相应URL的点击

-(BOOL)textView:(UITextView *)textView shouldInteractWithURL:(NSURL *)URL inRange:(NSRange)characterRange

  • 键盘通知的Key
  • UIKeyboardWillShowNotification

  • UIKeyboardWillHideNotification

UIScrollView

  • 一个可以滚动的视图

  • 常用属性

  • contentOffset : 内容的偏移

  • contentSize: 内容的尺寸

  • contentInset: 内容的内边距

  • showsHorizontalScrollIndicator: 显示水平的滚动条

  • showsVerticalScrollIndicator: 显示垂直的滚动条

  • directionalLockEnabled: 锁定某一个方向的滚动, 开始的方向是什么, 只要手指还在scrooView上拖动, 就一直是这个方向滑动

  • bounces: 是否有弹簧效果, 只要滑动到ContentView的边缘就没有再滑动的空间

  • alwaysBounceVertical: 是否一直有弹簧效果: 使用范围 ContentSize.height < ScrollView.height 的情况下垂直方向默认情况下是没有弹簧效果的, 但是设置了AlwaysBounceVertical = YES的时候就会让在这种情况下仍然有弹簧效果

  • alwaysBounceHorizontal

  • decelerationRate: 减速的速率

  • pagingEnabled: 分页

  • 代理方法
  • // 只要scrollView在滑动就会一直调用, 调用非常频繁

-(void)scrollViewDidScroll:(UIScrollView *)scrollView

  • // 将要开始滑动

-(void)scrollViewWillBeginDragging:(UIScrollView *)scrollView

  • // 将要停止拖动的时候, 手指即将松开的时候调用 velocity: 这个时候的速度 targetContentOffset: 停止滚动的时候最终偏移量

-(void)scrollViewWillEndDragging:(UIScrollView *)scrollView withVelocity:(CGPoint)velocity targetContentOffset:(inout CGPoint *)targetContentOffset

  • // 已经结束拖动

// decelerate: 告诉你是否要减速

-(void)scrollViewDidEndDragging:(UIScrollView *)scrollView willDecelerate:(BOOL)decelerate

  • // scrollView已经滚动到最顶部

-(void)scrollViewDidScrollToTop:(UIScrollView *)scrollView

  • // 即将开始减速

-(void)scrollViewWillBeginDecelerating:(UIScrollView *)scrollView

  • // 已经完成减速

-(void)scrollViewDidEndDecelerating:(UIScrollView *)scrollView

UITableView

  • 一个用来展示和编辑层级列表信息的视图

  • 常用属性

  • sectionHeaderHeight

  • sectionFooterHeight

  • rowHeight

  • separatorColor

  • separatorInset

  • separatorStyle

  • tableHeaderView

  • tableFooterView

  • 数据源方法/代理方法
  • // tableView中有几个Section

-(NSInteger)numberOfSectionsInTableView:(UITableView *)tableView

  • // 某个section中有几个cell

-(NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section

  • // 每个row显示的内容

-(UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath

  • // 某个指定的Section的header的标题

-(NSString *)tableView:(UITableView *)tableView titleForHeaderInSection:(NSInteger)section

  • // 某个指定的Section的footer的标题

-(NSString *)tableView:(UITableView *)tableView titleForFooterInSection:(NSInteger)section

  • // 设置指定Section header上显示的view, 有了view之后, title就不起作用, 就是一个优先级的问题

-(UIView *)tableView:(UITableView *)tableView viewForHeaderInSection:(NSInteger)section

  • // 设置指定Section footer上显示的view

-(UIView *)tableView:(UITableView *)tableView viewForFooterInSection:(NSInteger)section

  • // 设置行高

-(CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath

  • // Section中header的高度

-(CGFloat)tableView:(UITableView *)tableView heightForHeaderInSection:(NSInteger)section

  • // Section中footer的高度

-(CGFloat)tableView:(UITableView *)tableView heightForFooterInSection:(NSInteger)section

  • // 选中了某个cell(cell是显示的内容, 继承自UIView, row: 行号)

-(void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath


传值

正向传值

  • A向B传值

  • 属性传值

  • 在A中创建一个B的实例对象, B要有一个写好的属性, 然后在A中给B的属性赋值

逆向传值

  • B向A传值

Block

  • A中创建B的实例对象

  • 在B中写一个Block属性

  • B中当事件触发的时候调用Block(判断Block属性是否有值)

  • A中设置Block属性, 也就是在创建B的地方写一个Block赋值给B的Block属性

  • 注意点: Memory Cycle: 引用循环, 解决方法: __weak

  • __weak typeof(self) selfWeak = self;

  • 如果Block里面访问的是成员变量, 在Block里面先用这个类型接收一下这个__weak指向的变量,再用这个新接收的类型来进行成员变量的访问

  • 如果访问的是属性, 可以直接使用selfWeak.属性名 直接访问

Delagate

  • A中创建B的实例对象

  • 在B中要先定义一个协议(协议的方法中第一个参数 一般情况下是 遵守协议的属性[delegate]所在的对象B)

  • 在B中写一个遵守写好协议的对象, 就是delegate

  • 在B中当事件触发的时候调用协议方法(需要判断这个代理是否实现这个协议方法)

  • 在A中设置代理, 遵守协议, 实现协议中的方法

Notification

  • 当B中的事件触发的时候, 发送(post)一个通知

  • 在A中添加一个监听器A

  • 当A销毁的时候, 移除监听器

控制器的展现方式

模态

  • 一般是临时展示某一个控制器的视图

  • 用法: 调用控制器的

  • -(void)presentViewController:(UIViewController *)viewControllerToPresent animated: (BOOL)flag completion:(void (^ __nullable)(void))completion // viewControllerToPresent:将要展示的控制器 completion:完成跳转之后要执行的Block代码块

  • -(void)dismissViewControllerAnimated: (BOOL)flag completion: (void (^ __nullable)(void))completion // flag: 消失的时候是否需要动画效果 completion: 执行小时动作完成之后要执行的Block代码块

UINavigationController

  • 一般用来展示导航层级结构的内容的

  • 用法

  • 一个控制器要想使用push, 则必须被UINavigationController或者其子类管理

  • 展示一个新的控制器:

  • -(void)pushViewController:(UIViewController *)viewController animated:(BOOL)animated;

  • -(nullable UIViewController *)popViewControllerAnimated:(BOOL)animated;

  • 设置导航栏上的各种属性

  • 设置导航栏上面的各种属性的时候推荐大家使用 Appearance的方式, 只要设置一次所有的UINavigationBar就会有同一种样式, 不用每一个都设置

  • 调用UINavigationBar的appearance方法就会返回一个UINavigationBar对象, 在这个对象中就可以使用UINavigationBar里面所有标识为UI_APPEARANCE_SELECTOR的方法和属性.

UITabBarController

  • 一个用来显示单选视图的控制器

  • 用法:

  • 方法一:

  • 调用TabBarController的addChildViewController:方法添加一个控制器

  • 方法二:

  • 设置TabBarController的viewControllers属性, 就是把所有的控制器先创建好, 然后全部放在一个数组中, 最后把这个数组赋值给viewControllers这个属性

  • 设置UITabBarItem

  • image

  • selectedImage

  • title

  • titlePositionAdjustment: 文字的偏移

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 206,839评论 6 482
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 88,543评论 2 382
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 153,116评论 0 344
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 55,371评论 1 279
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 64,384评论 5 374
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 49,111评论 1 285
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,416评论 3 400
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,053评论 0 259
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 43,558评论 1 300
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,007评论 2 325
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,117评论 1 334
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,756评论 4 324
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,324评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,315评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,539评论 1 262
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,578评论 2 355
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,877评论 2 345

推荐阅读更多精彩内容