这个例子是 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