ios项目demo

转载

GhostLover 2024-10-08 06:19:29

文章标签 ios项目demo ios 对象 ui 动画 文章分类 iOS 移动开发

</pre> 首先，我想声明我这里说的开发入门并不是指零基础开发入门，读者需有一定的IOS学习基础，初步了解面向对象编程思想。我写博客不是因为我是什么大牛，只是当做自己在iOS开发中的一个小工具，记录一下接触过的东西。希望读者在阅读时也可以指出不足，大家相互学习，共同进步。<p></p><p><span ></span>接下来进入正题，任何app的开发都是一个循序渐进的过程，都是很多小程序小功能一步步构成的。一个最基础的小程序，主要是由界面、业务逻辑和数据构成的。下图是我们开发中用得到的UI控件：</p><p><img src="" width="520" height="180" align="middle" alt="" /></p><p>上图中红色表示常用，蓝色次之，黑色表示不常用，我们将对前两者加以学习。上面的控件可能不会顺序使用。</p><p><DEMO1>接下来我们来看第一个小demo，简易加法计算器：</p><p></p><pre name="code" class="objc">- (IBAction)resignButton:(id)sender {
    self.firstNum.text = [NSString stringWithFormat:@""];
    self.secondNum.text = [NSString stringWithFormat:@""];
    self.result.text = [NSString stringWithFormat:@"%d",0];
    self.noticeText.text = [NSString stringWithFormat:@""];

    [self.view endEditing:YES];
    //清空收回键盘
}
- (IBAction)caculatorButton:(id)sender {
    
    if (self.firstNum.text.length == 0|| self.secondNum.text.length == 0) {
        _noticeText.text = @"请输入两个数";
        _noticeText.textColor = [UIColor redColor];//设置字体颜色
        return ;
    }
    
    int num1 = [self.firstNum.text intValue];
    int num2 = [self.secondNum.text intValue];
    
    self.noticeText.text = @"";
    self.result.text = [NSString stringWithFormat:@"%d",num1+num2];
}

我这里使用的是StoryBoard来作界面布局的，布局和运行效果如下图：

ios项目demo_ios项目demo

ios项目demo_ios_02

这里实现了一个简易加法计算器逻辑和界面呈现,caculatorButton:是“计算”的点击方法，进入方法内部首先判断两个UITextLable是否都有输入，若不是都有输入，UITextLable下方的UILable显示红色提示，程序返回。resignButton：对应“清空”的点击事件，给两个UITextLable重新赋值为空。这个demo是给初学者了解程序开发初级流程的，没有什么难度。

我们在开发过程中所用到的UI控件都是继承自UIView，所以这些UI控件都拥有UIView的一些常见属性和方法：

@property(nonatomic,readonly) UIView *superview;//获得父控件对象
@property(nonatomic,readonly,copy)NSArray *subviews;//获得自己所有子控件对象
@property(nonatomic)NSInteger tag;//控件ID\标识，父控件可以通过tag值找到相应子控件
@property(nonatomic)CGAffineTransform transfom;//控件的形变属性（可设置旋转角度、比例缩放、平移等属性）
@property(nonatomic)CGRect frame;//控件所在矩形框在父控件中的位置和尺寸
@property(nonatomic)CGRect bounds;//控件在矩形框中的位置和尺寸，x、y一般为0
@property(nonatomic)CGPoint center;//控件中心点的位置

- (void)addSubview:(UIView *)view;
//添加一个子控件view
- (void)removeFromSuperview;
//从父控件中移除
- (UIView *)viewWithTag:(NSInteger)tag;
//根据一个tag标识找出对应的控件（一般都是子控件）

通过这些公共属性或者方法我们可以修改控件的状态，例如位置、颜色、大小等。

给相同控件设置不同tag值，这样就不用在写方法的时候分别给每个控件都写一个方法，只需在一个方法中根据不同的tag值执行不同的代码即可。

transform属性也是一个经常用到的重要属性，给控件transform属性直接赋值：

CGAffineTransform CGAffineTransformMakeTranslation(CGFloat tx,  CGFloat ty) ;
CGAffineTransform CGAffineTransformMakeScale(CGFloat sx, CGFloat sy);
CGAffineTransform CGAffineTransformMakeRotation(CGFloat angle)

这里angle是指弧度，并非角度。

给控件的transform属性叠加一个值：

CGAffineTransform CGAffineTransformTranslate(CGAffineTransform t, CGFloat tx, CGFloat ty);
CGAffineTransform CGAffineTransformScale(CGAffineTransform t, CGFloat sx, CGFloat sy);
CGAffineTransform CGAffineTransformRotate(CGAffineTransform t, CGFloat angle);

当我们想把控件transform属性复原到初始值时，用下方法即可：

view.transform = CGAffineTransformIdentity;

<DEMO2>接下来说一个图片按顺序播放的demo，当图片数量和播放间隔合适时就看起来是一个动画效果了

-(void)startAnimationWithImageCount:(NSInteger )count andPreOfImages:(NSString *)preStr {
    if (self.imageView.isAnimating) {  //判断图片是否处于播放状态中，是则返回
        return;
    }
    
    NSMutableArray *knockArray = [NSMutableArray array];  //用数组存放需要播放的图片
    for (int i = 0; i<count; i++) {
        NSString *str = [NSString stringWithFormat:@"%@_%02d",preStr,i];
        
        [knockArray addObject:[UIImage imageNamed:str]];
    }
    //下面是设置动画播放的图片、次数和间隔时间
    self.imageView.animationImages = knockArray;
    self.imageView.animationRepeatCount = 1;
    self.imageView.animationDuration = knockArray.count*0.06;
    
    [self.imageView startAnimating];//开始播放
    
}

我这里用的是汤姆猫游戏中的图片，做的是点击按钮播放相应动画的一个效果，下图是点击牛奶按钮的一个效果截图：

ios项目demo_ios项目demo_03