基于iOS的简单计算器(二)

接上一篇基于iOS的简单计算器(一)皆为po主iOS课程的实验内容。

新增界面

  1. 高级计算器:能够进行一些高级的运算比如三角函数、阶乘、对数等。

  2. 体质计算器:获取用户的身高体重后,反馈用户的体质指数。

需要完成的功能

  1. 多场景切换

  2. 高级计算器

  3. 体质计算器

  4. 设备锁屏

  5. 画图:在体质计算器中的输出结果上添加矩形边框

  6. 控制屏幕显示的字符串的长度

多场景切换

  • 场景:在故事板中,场景指单一视图控制器及视图

  • 场景过渡:在两个场景之间和管理两个场景的过渡。

  1. 拖动一个ViewController

  2. 新建一个UIViewController类SecondViewController,与前面的ViewController建立联系
    《基于iOS的简单计算器(二)》

  3. 为了在两个视图控制器之间通讯,设定的用于高级计算的类的实例应该放在声明之中//在.m文件中的话是private的

  4. 设定一个属性screen,用于在视图控制器之间通讯

  5. 添加导航控制器Navigation Controller,建立导航控制器和已经做好的两个视图控制器的联系。注意:使用导航控制器做场景过渡,只能选择push
    《基于iOS的简单计算器(二)》

  6. 注意:在segue发起的时候,要做一些准备工作://为了数据传递

    • 选中一个segue,先对其命名//可能有多个场景切换,需要判断是哪个

    • 在第一个场景中覆盖prepareForSegue:方法。
      以下代码的大意是,我们先做判断,如果该场景过渡是要进入高级计算器的视图,则将第一个场景的advancedCalculator实例对象传给第二个场景//注意要导入第二个视图控制器的头文件

                                
                   -(void)prepareForSegue:(UIStoryboardSegue *)segue sender:(id)sender
                {
                    //把advanced的实例对象传给第二个场景
                    if ([segue.identifier isEqualToString:@"SecondScene"]){//判断是否是第二个场景
                        if ([segue.destinationViewController isKindOfClass:[SecondViewController class]]) {//判断目的视图控制器
                            SecondViewController *svc = (SecondViewController *)segue.destinationViewController;
                            svc.calculator = self.calculator;//仅传递了内容
                        }
                    }    
                }
                
  7. 在两个视图控制器中,都要将结果显示在屏幕中,所以在两个视图控制器的viewWillAppear方法中,都要添加如下代码

           self.inputText.text = self.calculator.screen;//从另一个场景传递回来
         
  8. 注意,每次计算之后,既要修改屏幕上输出的值,也要修改用于传递的screen属性的值

高级计算器

  1. 添加一个高级计算的界面

  2. 添加一个用于高级计算的Model。由于可以用之前写好的Calculate类,所以新建的类继承自该类,然后只要再添加一些用于高级计算的方法即可。实现高级计算的方法很多,这里用的是C语言的math库中的函数

  3. 诸如括号、e、pi之类的按钮,由于我们需要获取按钮上的值,来显示在结果上,所以我们需要建立outlet连接

  4. 如何识别按钮并执行其对应的方法?有很多方式:可以每个按钮都添加一个action,也可以只添加一个action,但是给按钮添加tag值,以识别不同的按钮。比如若只添加一个action,给abs按钮tag设为4,然后按下按钮时,若检测到tag=4,则执行下面的代码。

       if (sender.tag == 4) {
           self.inputText.text = [self.calculator abs:self.calculator.input];        
           NSMutableString *tempStr = [NSMutableString stringWithString:self.inputText.text];
           self.calculator.input = tempStr;
           self.calculator.screen = tempStr;
       }
    
  5. 在按下某个按钮的时候,就调用它在模型中对应的方法。

体质计算器

  1. 添加界面,拖一个视图控制器,添加身高体重的输入域,以获取用户的身高体重值用于体质计算

  2. 新建一个UIViewController类,与1中的视图控制器建立联系

  3. 建立相应的model,可以继承Calculate类,也可以使用类别(category)。这里使用类别的方法,类别并不是新建一个类,只是在原来的类的基础上扩展一些方法,所以在类别中只能添加方法,不能添加属性。//这里主要用的MVC的思想,业务逻辑和视图分开

       -(NSString *)computeHealthBMI:(NSString *)height weight:(NSString *)weight
       {
           NSMutableString *expression;
           expression = [NSMutableString stringWithString:weight];
           [expression appendString:@"/(("];
           [expression appendString:height];
           [expression appendString:@"/100.0)"];
           [expression appendString:@"*("];
           [expression appendString:height];
           [expression appendString:@"/100.0))="];
           self.input = expression;
           NSLog(@"health compute, input is %@", self.input);
           NSLog(@"health compute, expression is %@", expression);  
           return [NSString stringWithFormat:@"%.2f", [[self ExpressionCalculate:self.input] floatValue]];
       }
  4. 注意最后还添加一个等号的原因是,我之前写的Calculate类中的计算方法中,是用等号做符号识别的。

设备锁屏

设备锁屏可以用代码的方法,不过我折腾了半天没搞出来,后来直接在general中把它关掉了
《基于iOS的简单计算器(二)》

添加矩形边框

这主要涉及到在UIView上画图了,两个问题需要解决,怎么画一个矩形以及怎么在一个View上画图。

  1. 画图方式
    首先,新建一个类继承UIView类,如drawRectView,要在该类中覆盖drawRect方法;

然后,在drawRect中画出矩形;
最后,将画图的视图控制器绑定新建的这个drawRectView。

  1. 画矩形//代码是找的别人的,还没有细细研究过,这块待补2015.1.11补
    画图的代码参考的是斯坦福白胡子大叔的课里面的内容,在第七课。大致的意思,先定义了factor,目的是不管我们的视图怎么变化,都能按相同的比例、位置在view上画图。self.bounds是你在你自己的视图用自己的代码绘制时使用的矩形。具体的下次写白胡子大叔的assignment再细说(po主又是一堆死线压身(╥﹏╥)

#define DEFAULT_FACE_CARD_SCALE_FACTOR 0.90
#define CORNER_FONT_STANDARD_HEIGHT 180.0
#define CORNER_RADIUS 12
  • (CGFloat)cornerScaleFacctor { return self.bounds.size.height / CORNER_FONT_STANDARD_HEIGHT; }

  • (CGFloat)cornerRadius { return CORNER_RADIUS * [self cornerScaleFacctor]; }

  • (CGFloat)cornerOffset { return [self cornerRadius] / 3.0; }

    -(void)drawRect:(CGRect)rect{

    UIBezierPath *roundedRect = [UIBezierPath bezierPathWithRoundedRect:self.bounds cornerRadius:[self cornerRadius]];
    [roundedRect addClip];
    [[UIColor whiteColor] setStroke];   
    [roundedRect stroke];   

    }

  • (void)setup
    {

    self.backgroundColor = nil; //don't draw background
    self.opaque = NO;
    self.contentMode = UIViewContentModeRedraw;//bounds change call drawRect

    }

  • (void)awakeFromNib
    {

    [self setup];
    [self setNeedsDisplay];   

    }

控制屏幕长度

//我感觉我的方式很不优雅…

  1. 屏幕上的输出是通过按按钮的操作来改变的,所以应该在touchButton的这个action方法中修改。

  2. 另外,屏幕的输出是保存在inputText.text中的,但是之前的代码会用inputText.text来赋值,要控制屏幕的输出长度的话就要避免用它来赋值。

  3. 最后,用了一个magic number(所以说不优雅嘛),观察之后发现长度为13刚好能够不自动缩小(其实这个好像可以修改textfield的属性来控制),然后就按此分成了两种情况处理。

    if ([[[sender titleLabel] text] isEqualToString:@”×”]) {

       [self.calculator.input appendString:@"*"];
       

    }else if([[[sender titleLabel] text] isEqualToString:@”÷”]){

       [self.calculator.input appendString:@"/"];

    }else

       [self.calculator.input appendString:[[sender titleLabel] text]];
    

    if (self.inputText.text.length == 13) {//将屏幕长度控制在13

       NSMutableString *str = [NSMutableString stringWithString:self.calculator.input];
       NSLog(@"inputtxt=13, str is %@", str);
       self.calculator.screen = str;
       self.inputText.text = [str substringWithRange:NSMakeRange(str.length - 13, 13)];

    }else{//屏幕长度未超出13

       NSMutableString *str = [NSMutableString stringWithString:self.inputText.text];
       [str appendString:[[sender titleLabel] text]];
       NSLog(@"inputtxt<13, str is %@", str);
       self.calculator.screen = str;
       self.inputText.text = str;

    }

效果图

完整代码

《基于iOS的简单计算器(二)》

    原文作者:严肃的马甲
    原文地址: https://segmentfault.com/a/1190000002464847
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞