iOS 小项目--小费计算器

这个例子是 iPhone应用程序开发名师解析 上的一个小例子，基于Xcode4.3.1的工程开发

效果截图：

      

1.创建一个新工程叫TipCalculator； File->New->Project ->single View Application -> next.

2.布局界面

其中包含9个静态Label标签一个动态Label标签，他根据slider值的变化而能变化，然后是9个Textfield和一个slider滑动条

另外需要对TextField属性设置，text设置为0.00，然后键盘选择成Number Pad类型的，只需要对第一个最长的TextfIeld设置一下键盘类型就行，其他的不用设置，其他的8个标签显示了灰色数字，设置的是Placeholder属性；

  

3.设计代码，我们选择左上角的Editor图标，点击出现视图编辑框分为XIB文件，和TipCalculatorViewController.h文件

  

如果没有出现TipCalculatorViewController.h，我们可以根据Automatic文件进行切换

  

4.右键选中最长的那个TextField文件拖动到右边TipCalculatorViewController.h文件@end前面，

然后弹出一个框框，Connection选为Outlet，Storage选为Strong，

  

5.这样我们第一个TextField关联成功，其他的一样，

关联Slider时候，我们对他设置一些属性，(原本是最小值设为0最大值设为0.3但是我在拖动滑动条时候滑动条总是自动变为0,这样修改后问题就可以解决了)，他还有一个和calculate的关联方法，

  

我们还需要添加两个方法，并声明一个NSString类的对象

总的代码为

#import <UIKit/UIKit.h>

@interface TipCalculatorViewController : UIViewController

{
    NSString *billTotal;
}
@property (strong, nonatomic) IBOutlet UITextField *billField;
@property (strong, nonatomic) IBOutlet UITextField *tipFieldTen;
@property (strong, nonatomic) IBOutlet UITextField *tipFieldFifteen;
@property (strong, nonatomic) IBOutlet UITextField *tipFieldTwenty;
@property (strong, nonatomic) IBOutlet UITextField *totalFieldTen;
@property (strong, nonatomic) IBOutlet UITextField *totalFieldFifteen;
@property (strong, nonatomic) IBOutlet UITextField *totalFieldTwenty;
@property (strong, nonatomic) IBOutlet UITextField *tipFieldCustom;
@property (strong, nonatomic) IBOutlet UITextField *totalFieldCustom;
@property (strong, nonatomic) IBOutlet UISlider *customPercentSlider;
@property (strong, nonatomic) IBOutlet UILabel *customLabel;

-(IBAction)calculate:(id)sender;//计算小费
-(IBAction)backGrounfTap:(id)sender;//处理隐藏键盘

@end

6.因为本人在拖控件是界面设计的不够好，弹出键盘时会覆盖住下面两个TextField，所以添加了一个隐藏键盘的方法，我们把整个背景View视图当做一个大按钮，当输入完金额后点击背景就会隐藏键盘，还是选中XIB文件，然后把View类修改UIControl，然后打开关联事件，选中Touch Down

然后会弹出两个方法，backGrounfTap和calculate(注.原本是想写成backGroundTap，单词写错了变成backGrounfTap,为了其他地方不再修改，就按照backGrounfTap写了)，xuanzhbackGrounfTap方法，

//处理键盘
-(IBAction)backGrounfTap:(id)sender
{
    [billField resignFirstResponder];
    [tipFieldCustom resignFirstResponder];
    [totalFieldCustom resignFirstResponder];

}

为什么只把三个TextField注册为了第一响应，完全按照自己意愿添加，但是最低我们要保证billField第一个添加上，其他的想添加不想添加都无所谓，只是个人觉得多添加的两个体验会好一点；

7.主要就是calculate方法实现部分

//当调出的键盘被触摸了某个数时或者某个按钮调用此方法
-(IBAction)calculate:(id)sender
{
//    标记是否是由用户触发
    static BOOL toggle =YES;
     
    if (toggle) 
    {
//        设置标志位，此方法的下次调用由程序触发
        toggle=NO;
//        取出billField文本值
        NSString *billFieldText = billField.text;
//        将billFieldText字符串类型转换成浮点型
        float newTotal = [billFieldText floatValue];
//        获取滑动条的值
        float customTipPercent = customPercentSlider.value;
       
//        事件由billField触发
        if (sender == billField) 
        {
//            通过比较billField字符长度，检测billField值是否改变
                if(billFieldText.length < billTotal.length)
                    billTotal = [NSString stringWithFormat:@"%.02f",newTotal/10];
//            用户输入数字
                else
                    billTotal = [NSString stringWithFormat:@"%.02f",newTotal*10];
        
//        取出billTotal赋给billField文本值
        billField.text = billTotal;
//            将billTotal转换成浮点型，newTotal设置为新值
        newTotal = [billTotal floatValue];
//         按照10% 15% 20%计算小费值
        float tenTip = newTotal*0.1;
        float fifteenTip = newTotal*0.15;
        float twentyTip = newTotal*0.2;
//       显示Tip栏小费值
        tipFieldTen.text = [NSString stringWithFormat:@"%.02f",tenTip];
        tipFieldFifteen.text = [NSString stringWithFormat:@"%.02f",fifteenTip];
        tipFieldTwenty.text = [NSString stringWithFormat:@"%.02f",twentyTip];
//       设置toatal栏中显示值 
        totalFieldTen.text = [NSString stringWithFormat:@"%.02f",newTotal+tenTip];
        totalFieldFifteen.text = [NSString stringWithFormat:@"%.02f",newTotal+fifteenTip];
        totalFieldTwenty.text = [NSString stringWithFormat:@"%.02f",newTotal+twentyTip];
       }
//    当事件由customPercentSlider触发时
    else if (sender == customPercentSlider)
    {

//        显示滑动条变化值
        customLabel.text = [NSString stringWithFormat:@"%i%%",(int)customTipPercent];

//        把按钮值赋给滑动条的值，其中对浮点型值进行了强制转换
        customPercentSlider.value=(int)customTipPercent;
        customTipPercent = (int)customTipPercent;
    }
//    计算小费，因为滑动条值为0~30，所以需要除以100求出小费率
        float customTip = customTipPercent/100 * newTotal;
        tipFieldCustom.text = [NSString stringWithFormat:@"%.02f",customTip];
//        表示应付的总金额
        totalFieldCustom.text =[NSString stringWithFormat:@"%.02f",customTip+newTotal];
    
 }
    else {
        toggle=YES;
    }
}

8.当我们输入时候，有个特别要求，假如用户小费12元，我们应输入1200，然后他们会自动变成12.00元，主要通过

通过比较billField字符长度，检测billField值是否改变

                if(billFieldText.length <billTotal.length)

                    billTotal = [NSStringstringWithFormat:@"%.02f",newTotal/10];

//            用户输入数字

                else

                    billTotal = [NSStringstringWithFormat:@"%.02f",newTotal*10];

实现方法，通过比较billField原来字符串长度检测用户是否改变金额，来变得小费和总的金额；

源代码:http://download.csdn.net/detail/duxinfeng2010/4464095