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: 文字的偏移

你可能感兴趣的:(iOS 基础UI总结)