IOS UI基础04

  • 动画

    • 1.头尾式动画 动画开始

      [UIView beginAnimations:nil context:nil];
      设置动画时间
      [UIView s !           etAnimationDuration:3];
      [UIView setAnimationDelegate:self];
      只要写在开始和结束之间的代码, 就会被执行动画
      但是: 并不是所有的代码都能够执行动画
      只有属性声明中说明了是animatable的属性,才可以执行UIView动画
      CGRect tempFrame2 = self.hudLabel.frame;
      tempFrame2.origin.y -= 100;
      self.hudLabel.frame = tempFrame2;
      self.hudLabel.alpha = 1.0;
      self.hudLabel.hidden = YES;
      动画结束
      [UIView commitAnimations];
      
    • 2.block式动画 Duration: 动画执行的时长 animations: 在block中写需要执行动画的代码 completion: 动画结束后系统会自动调用该block delay: 延迟多少秒
      [UIView animateWithDuration:2 animations:^{
          self.hudLabel.alpha = 1.0;
      }];
      
      [UIView animateWithDuration:1.0 animations:^{
          self.hudLabel.alpha = 1.0;
      } completion:^(BOOL finished) {
          NSLog(@"动画结束了");
      
          [UIView animateWithDuration:1.0 delay:1.0 options:kNilOptions animations:^{
              self.hudLabel.alpha = 0.0;
          } completion:nil];
      
      }];
      
  • UIAlertController HUD(提示框)
    • 继承UIViewController
    • 注意:
      • 如果UIAlertController的样式是ActionSheet, 就不能添加输入框

        // 1.创建一个AlertController
        // Title : 按钮上显示的文字
        // style: 按钮的样式
        // handler: 点击按钮之后的回调
        UIAlertController *alertVc = [UIAlertController alertControllerWithTitle:@"标题" message:@"正文" preferredStyle:UIAlertControllerStyleActionSheet];
        UIAlertAction *action1 = [UIAlertAction actionWithTitle:@"确定" style:UIAlertActionStyleDestructive handler:^(UIAlertAction * __nonnull action) {
        NSLog(@"点击了确定");
        }];
        UIAlertAction *action2 = [UIAlertAction actionWithTitle:@"取消" style:UIAlertActionStyleCancel handler:^(UIAlertAction * __nonnull action) {
        NSLog(@"点击了取消");
        }];
        [alertVc addAction:action1];
        [alertVc addAction:action2];
        // 2.显示
        [self presentViewController:alertVc animated:YES completion:nil];
        
        • 如果UIAlertController的样式是UIAlertControllerStyleAlert 就可以添加输入框

          // 添加一个输入框
          [alertVc addTextFieldWithConfigurationHandler:^(UITextField * __nonnull textField) {
          textField.text = @"用户名";
          NSLog(@"textField");
          }];
          
  • UIActionSheet
     // 1.创建UIActionSheet
      UIActionSheet *sheet = [[UIActionSheet alloc] initWithTitle:@"哥是标题" delegate:self cancelButtonTitle:@"取消" destructiveButtonTitle:@"确定" otherButtonTitles:@"其它", @"Other", nil];
      // 2.显示UIActionSheet
      [sheet showInView:self.view];
    
      // 只要UIActionSheet上的按钮被点击就会调用
      // actionSheet:谁触发事件就会把谁传递进来
      // clickedButtonAtIndex:当前被点击按钮的索引
      -(void)actionSheet:(nonnull UIActionSheet *)actionSheet      clickedButtonAtIndex:(NSInteger)buttonIndex
      {
        NSLog(@"%ld", buttonIndex);
      }
    
  • UIAlertView
          UIAlertView *alert = [[UIAlertView alloc]        initWithTitle:@"哥是标题" message:@"姐是正文..." delegate:self cancelButtonTitle:@"取消" otherButtonTitles:@"确定", nil];
      alert.alertViewStyle =  UIAlertViewStyleLoginAndPasswordInput;
    
           [alert show];
    
    • 只要UIAlertView上的按钮被点击, 就会调用 alertView:谁触发事件就会把谁传递进来 ButtonAtIndex: 当前被点击按钮的索引
          -(void)alertView:(UIAlertView *)alertView    clickedButtonAtIndex:(NSInteger)buttonInde
         {
      // 取消 = 0, 确定 = 1 , 其他 = 2 , Other = 3 以此类推
      switch (buttonInde)
              {
          case 0:
              NSLog(@"点击了取消");
              break;
          case 1:
              NSLog(@"点击了确定");
              break;
          case 2:
              NSLog(@"点击了其他");
              break;
          case 3:
              NSLog(@"点击了Other");
              break;
          default:
              break;
             }
    
        }
    
  • 代理的应用场景
    • A对象向监听B对象的变化, A对象就可以成为B对象的代理 B对象发生一些变化想通知A对象, 那么A对象就可以成为B对象的代理
    • 监听
      • 规律:

        • 1.以后但凡看到iOS中需要传递对象成为某个对象的代理, 那么直接写上某个对象的类名 + Delegate即可
        • 2.一般情况下, 代理中的方法都是以控件的名称去掉前缀开头
  • 自定义HUD
    // 1.创建父控件
      UIView *cover = [[UIView alloc] init];
      cover.backgroundColor = [UIColor colorWithRed:0 green:0 blue:0 alpha:0.5];
      cover.frame = CGRectMake(0, 0, 150, 150);
      cover.center = self.view.center;
    
      // 修改父控件为圆角
      cover.layer.cornerRadius = 10;
      [self.view addSubview:cover];
    
      // 2.创建菊花
      // 菊花有默认的尺寸
      // 注意: 虽然有默认的尺寸, 但是要想显示必须让菊花转起来
      UIActivityIndicatorView *activity = [[UIActivityIndicatorView alloc] initWithActivityIndicatorStyle:UIActivityIndicatorViewStyleWhiteLarge];
      activity.center = CGPointMake(cover.frame.size.width * 0.5, 50);
      [activity startAnimating];
    
      [cover addSubview:activity];
      // 3.创建UILabel
      UILabel *label = [[UILabel alloc] init];
      //    label.backgroundColor = [UIColor purpleColor];
      label.textAlignment = NSTextAlignmentCenter;
      label.text = @"正在拼命加载中...";
      label.frame = CGRectMake(0, cover.frame.size.height - 80, cover.frame.size.width, 80);
      [cover addSubview:label];
    
  • 自定义按钮
    • 注意: 不能在外界直接修改UIButton内部的子控件的frame

      这是不可以的
      XMGButton *btn = [[XMGButton alloc] init];
      btn.imageView.frame = CGRectMake(0, 0, btn.frame.size.width, btn.frame.size.width);
      
    • 需要在自定义按钮类实现中重写如下方法才可以修改UIButton内部的子控件的frame
      • 该方法用于返回按钮内部标题的尺寸和位置
      • 该方法是由系统自动调用的
      • 系统每次调用该方法, 都会将父控件的frame传递进来
      • contentRect: 父控件的frame
      • 该方法用于返回按钮内部的图片的尺寸和位置
        -(CGRect)imageRectForContentRect:(CGRect)contentRect
        {
          // x = 0, y = 0, width = 父控件的宽度, height =                       父控件的宽度
         return CGRectMake(0, 0, contentRect.size.width,         contentRect.size.width);;
         }
        
        -(CGRect)titleRectForContentRect:(CGRect)contentRect
        {
        // x = 0, y = 父控件的宽度 width =  父控件的宽度, height = 父控件的高度 - 父控件的宽度
        return CGRectMake(0, contentRect.size.width, contentRect.size.width, contentRect.size.height - contentRect.size.width);
        }
        
        • UIButton内部的子控件的frame还可以用-(void)layoutSubviews方法实现
    • UIButton内边距
      UIButton *btn = [UIButton buttonWithType:UIButtonTypeCustom];
      [btn setImage:[UIImage imageNamed:@"024"] forState:UIControlStateNormal];
      [btn setTitle:@"贵宾" forState:UIControlStateNormal];
      btn.frame = CGRectMake(100, 100, 145, 60);
      // 上左下右
      // 如果是设置contentEdgeInsets, 会把UIImageView和UIlabel当做一个整体移动
      // 如果是设置titleEdgeInsets/imageEdgeInsets. 那么不会影响到另外一个, 也就是只会改变当前设置的这个控件
      btn.contentEdgeInsets = UIEdgeInsetsMake(20, 0, 0, 0);
      btn.titleEdgeInsets = UIEdgeInsetsMake(0, 20, 0, 0);
      btn.imageEdgeInsets = UIEdgeInsetsMake(50, 0, 0, 00);
      [self.view addSubview:btn];
      
  • 图片拉伸
       UIButton *btn = [[UIButton alloc] init];
      UIImage *image = [UIImage imageNamed:@""];
    
      // 1.iOS5以前
    /*
      // LeftCapWidth: 左边多少不能拉伸
      // 右边多少不能拉伸 = 控件的宽度 - 左边多少不能拉伸 - 1
      //  right  =  width - leftCapWidth - 1
      // 1 = width - leftCapWidth - right
    
      // topCapHeight: 顶部多少不能拉伸
      // 底部有多少不能拉伸 = 控件的高度 - 顶部多少不能拉伸 - 1
      //  bottom =  height - topCapWidth - 1
      // 1 = height - topCapWidth - bottom
      UIImage *newImage = [image stretchableImageWithLeftCapWidth:5 topCapHeight:5];
    */
    
      // 2.iOS5开始
      /*
      // UIEdgeInsets是告诉系统哪些地方需要受保护, 也就是不可以拉伸
      // resizableImageWithCapInsets默认拉伸方式是平铺
      UIEdgeInsets insets = UIEdgeInsetsMake(image.size.height * 0.5, image.size.width * 0.5, image.size.height * 0.5, image.size.width * 0.5);
      UIImage *newImage =  [image resizableImageWithCapInsets:insets];
       */
    
      // 3.iOS6开始
      /*
      // resizingMode指定拉伸模式
      // 平铺
      // 拉伸
      UIEdgeInsets insets = UIEdgeInsetsMake(5, 5, 5, 5);
      UIImage *newImage =  [image resizableImageWithCapInsets:insets resizingMode:UIImageResizingModeStretch];
      */
      [btn setBackgroundImage:newImage forState:UIControlStateNormal];
      btn.frame = CGRectMake(100, 100, 200, 80);
      [self.view addSubview:btn];
    
  • KVC
        Person *p = [Person new];
        p.name = @"lmj";
        p.money = 998;

  #pragma mark 获取单个值
    NSString *name =[p valueForKey:@"name"];
    NSLog(@"name = %@",name);
    double money =[[p valueForKey:@"money"] doubleValue];
    NSLog(@"money = %f", money);

   #pragma mark 获取多层值
   NSString *dogName = [p valueForKey:@"dog.name"];
   NSString *dogName = [p valueForKeyPath:@"dog.name"];
   NSLog(@"dogName = %@", dogName);

    #pragma mark 模型转字典
    NSDictionary *dict = [p dictionaryWithValuesForKeys:@[@"name",       @"money"]];
    NSLog(@"%@", dict);

   #pragma mark 获取数组中对象的值

    Person *p1 = [Person new];
    p1.name = @"zs";
    p1.money = 111;

    Person *p2 = [Person new];
    p2.name = @"ls";
    p2.money = 222;

    Person *p3 = [Person new];
    p3.name = @"ww";
    p3.money = 666;

    NSArray *arr = @[p1, p2, p3];

    // 如果数组中的元素都是同一种类型的数据,  可以使用KVC获取数组中所有对象的某个属性的值
    NSArray *res = [arr valueForKeyPath:@"name"];
    NSLog(@"res = %@", res);

  #pragma mark 运算符
    id res1 = [arr valueForKeyPath:@"@avg.money"];
    NSLog(@"res = %@", res1);

}

- (void)kvcSetter
{
    Person *p = [[Person alloc] init];
    //    p.name = @"lnj"; // setter
    //    p.money = 998.0;
#pragma mark 单个值
    /*
     //      KVC == KEY VALUE CODING
     // Value : 值, 只能传对象
     // forKey: 需要给谁(哪个属性)赋值
     // setValue:forKey:方法, 只能给对象的直接属性赋值
     [p setValue:@"lmj" forKey:@"name"];
     // @(998.0) == [NSNumber numberWithDouble:(double)]
     [p setValue:@(668.0) forKey:@"money"];
     */

#pragma mark 多层赋值
    p.dog = [Dog new];
    /*
     //    p.dog.name == [[p dog] setName:]
     //    p.dog.name = @"wangwang";
     //    p.dog.price = 110.0;
     // setValue:forKeyPath: 可以给对象的间接属性赋值. 多层赋值
     // 建议: 以后在开发中都使用setValue:forKeyPath:
     //    [p setValue:@"xiaoqiang" forKeyPath:@"dog.name"];
     //    [p setValue:@(110) forKeyPath:@"dog.price"];
      */
#pragma mark 给私有成员变量赋值
    /*
     //    [p setValue:@"lnj" forKey:@"_name"];
     //    [p setValue:@(30) forKey:@"_age"];

     //    SEL sel = @selector(say);
     //    [p performSelector:sel];
     //    [p say];
     */

#pragma mark 字典转模型

    NSDictionary *dict = @{
                           @"name":@"xxx",
                           @"money": @(998.1),
                           //                           @"score":@(100)
                           @"dog":@{
                                   @"name":@"wangcai",
                                   @"price":@(110)
                                   }
                           };

    //    p.name = dict[@"name"];
    //    p.money =[dict[@"money"] doubleValue];

    // 注意点:
    // 1.如果想使用KVC进行字典转模型, 那么字典中的key必须和模型中的属性一模一样(个数 + 名称)
    //  this class is not key value coding-compliant for the key score.‘
    // 2.如果使用KVC进行字典转模型, 只能对当前调用KVC方法的对象进行转换, 不能对它的属性的对象进行转换

    // setValuesForKeysWithDictionary:方法内部的实现原理
    // 1.会拿到字典中的key, 然后根据这个key取出字典中的值, 然后再根据这个key赋值给对象
    //   [p setValue:@"xxx" forKey:@"name"];
    [p setValuesForKeysWithDictionary:dict];

    NSLog(@"p.dog = %@", p.dog);

    NSLog(@"name = %@, money = %f", p.name, p.money
  • KVO
     //    KVO == Key Value Observing
//    作用: 可以监听某个对象属性的改变

    Person *p = [Person new];
    p.name = @"lnj";
    p.age = 30;

    /*
     第一个参数: 告诉系统哪个对象监听
     第二个参数: 监听当前对象的哪个属性
     第三个参数: 监听到属性改变之后, 传递什么值
     第四个参数: 需要传递的参数 (这个参数不是传递给属性的)
     */
    // 给p这个对象添加一个监听 , 监听p对象的age属性的改变, 只要age属性改变就通知self
    [p addObserver:self forKeyPath:@"age" options:NSKeyValueObservingOptionOld | NSKeyValueObservingOptionNew context:nil];

    p.age = 50;

    NSLog(@"-------------------");

//    p.age = 100;

    // 注意: 如果使用KVO监听某个对象的属性, 当对象释放之前一定要移除监听
    //  reason: ‘An instance 0x7f9483516610 of class Person was deallocated while key value observers were still registered with it.
    // 注意: KVO只能监听通过set方法修改的值
    /*
     KVO的原理:
     只要给一个对象注册一个监听, 那么在运行时, 系统就会自动给该对象生成一个子类对象,
     并且重写自动生成的子类对象的被监听属性的set方法, 然后在set方法中通知监听者
     NSKVONotifying_Person
     */
    p->_age = 998;

    // 从p对象上移除self对它的age属性的监听
    [p removeObserver:self forKeyPath:@"age"];

 // 只要监听到属性的改变就会调用
// keyPath: 被监听的属性名称
// object : 被监听的对象
// context: 注册监听的时候传入的值
- (void)observeValueForKeyPath:(nullable NSString *)keyPath ofObject:(nullable id)object change:(nullable NSDictionary *)change context:(nullable void *)context
{
    NSLog(@"keyPath = %@, object = %@ , change = %@, context = %@", keyPath, object, change, context);
}
时间: 08-02

IOS UI基础04的相关文章

iOS UI基础-9.0 UITableView基础

在iOS中,要实现表格数据展示,最常用的做法就是使用UITableView.UITableView继承自UIScrollView,因此支持垂直滚动,而且性能极佳. UITableView有两种样式: 一列显示:UITableViewStylePlain 分组显示:UITableViewStyleGrouped tableView展示数据的过程 1.调用数据源的下面方法得知一共有多少组数据 - (NSInteger)numberOfSectionsInTableView:(UITableView

iOS UI基础-17.0 UILable之NSMutableAttributedString

在iOS开发中,常常会有一段文字显示不同的颜色和字体,或者给某几个文字加删除线或下划线的需求.之前在网上找了一些资料,有的是重绘UILabel的textLayer,有的是用html5实现的,都比较麻烦,而且很多UILabel的属性也不起作用了,效果都不理想.后来了解到NSMuttableAttstring(带属性的字符串),上面的一些需求都可以很简便的实现. NSMuttableAttstring 方法 为某一范围内文字设置多个属性 - (void)setAttributes:(NSDictio

iOS UI基础-1.0加法计算器

1.打开Xcode,新建一个项目 2.Single View Application是最适合初学者的模板 3.填写该应用相关信息 4.搭建UI界面 项目创建完毕后,自动帮我们做了很多配置,也自动生成了很多文件 还自动添加了开发所依赖的框架 项目中这么多文件,哪些是影响着UI界面的呢?在iOS5之前,苹果使用xib文件来描述UI界面,在iOS5之后,苹果采取了更加强大和先进的storyboard文件来描述界面(Xcode5是基于iOS7的)因此,可以得出结论:修改项目中的Main.storyboa

iOS UI基础01

控制器 1.什么是控制器: 任何继承于UIViewController的类, 都称之为控制器 2.控制器的作用: 管理UI界面(负责管理UI界面的创建和一些事件的处理) IBAction 连线方式 1.从"控制器"往"Storyboard"连线 2.从"Storyboard"往"控制器"连线 3.直接在"Storyboard"中往"Storyboard"上的界面顶部连线 4.直接在&qu

iOS UI基础-13.0 数据存储

应用沙盒 每个iOS应用都有自己的应用沙盒(应用沙盒就是文件系统目录),与其他文件系统隔离.应用必须待在自己的沙盒里,其他应用不能访问该沙盒 应用沙盒的文件系统目录,如下图所示(假设应用的名称叫Layer) 模拟器应用沙盒的根路径在: (apple是用户名, 6.0是模拟器版本) /Users/apple/Library/Application Support/iPhone Simulator/6.0/Applications 应用沙盒结构分析 应用程序包:(上图中的Layer)包含了所有的资源

iOS UI基础-6.0 UIActionSheet的使用

UIActionSheet是在iOS弹出的选择按钮项,可以添加多项,并为每项添加点击事件. 使用 1.需要实现UIActionSheetDelegate  协议 @interface NJWisdomCardDetailViewController ()<UIActionSheetDelegate> @end 2.弹出选择按钮框 - (void)showSheet{ UIActionSheet *actionSheet = [[UIActionSheet alloc] initWithTitl

iOS UI基础控件之UIImageView

一.UIImageView和UIImage UIImageView是iOS中用于显示图片的类,UIImage是用于存储图片数据的类:iOS中几乎所有看到的图片数据都存储在UIImage中,同时所要的图片都是用UIImageView来显示:UIImageView和UIImage关系如下图: 二. 创建UIImageView的两种方式 1.自己设置图片位置和尺寸 "` UIImageView *iv = [[UIImageView alloc] init]; //创建的图片, 没有默认的宽高 iv.

iOS UI基础控件之UIView 详解

UIView 简介 什么是UIView UIView是窗口上的一块区域,是iOS中所有控件的基类,我们在app中所有能看见的都是直接或间接继承与UIView的.我们把UIView叫做视图. UIView的作用 负责内部区域的内容渲染. 负责内部区域的触摸事件. 管理本身的所有子视图. 处理基本的动画. UIView创建与使用 创建UIView //通过frame创建View UIView *view = [[UIView alloc] initWithFrame:CGRectMake(100,

IOS UI基础07

TableView 属性 // 设置每一行cell的高度 @property (nonatomic)CGFloat rowHeight; // 设置每一组头部的高度 @property (nonatomic)CGFloat sectionHeaderHeight; // 设置分割线颜色 @property (nonatomic, retain) UIColor *separatorColor // 设置表头控件 @property (nonatomic, retain) UIView *tabl