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

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

新增界面

1. 高级计算器：能够进行一些高级的运算比如三角函数、阶乘、对数等。
2. 体质计算器：获取用户的身高体重后，反馈用户的体质指数。

需要完成的功能

1. 多场景切换
2. 高级计算器
3. 体质计算器
4. 设备锁屏
5. 画图：在体质计算器中的输出结果上添加矩形边框
6. 控制屏幕显示的字符串的长度

多场景切换

• 场景：在故事板中，场景指单一视图控制器及视图
• 场景过渡：在两个场景之间和管理两个场景的过渡。

1. 拖动一个ViewController
2. 新建一个UIViewController类SecondViewController，与前面的ViewController建立联系
   
3. 为了在两个视图控制器之间通讯，设定的用于高级计算的类的实例应该放在声明之中//在.m文件中的话是private的
4. 设定一个属性screen，用于在视图控制器之间通讯

5. 添加导航控制器Navigation Controller，建立导航控制器和已经做好的两个视图控制器的联系。注意：使用导航控制器做场景过渡，只能选择push
   

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中把它关掉了

添加矩形边框

这主要涉及到在UIView上画图了，两个问题需要解决，怎么画一个矩形以及怎么在一个View上画图。
1. 画图方式
首先，新建一个类继承UIView类，如drawRectView，要在该类中覆盖drawRect方法；
然后，在drawRect中画出矩形；
最后，将画图的视图控制器绑定新建的这个drawRectView。
2. 画矩形//代码是找的别人的，还没有细细研究过，这块待补

#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;
}

效果图

完整代码