WXHL 学习总结连载(六)

这次展示本周做的小案例之一--------汤姆猫,通过目前学习的知识,基本功能已可以实现,只是没有音乐素材,不能加上声音。感觉一个程序也没有想象中那么复杂,当然,这只是简单通过动画图片轮播实现的,跟真正的TomCat还有一定的差距,但还是有一点点得成就感的。 转眼间,一周又过去了,感觉在这里的一个多月是过的最快的一段时间,每天早上七点多来到公司,晚上九点多回宿舍休息,一天十几个小时,总感觉不够用。。。。。。

    主要代码如下:

  //判断如果正在执行动画,则直接返回

    if (self.imageV.isAnimating) {

        return;

    }

    

    //定义一个可变数组

    NSMutableArray *arrayM = [[NSMutableArray alloc]init];

    for (int i = 0; i<count; i++) {

        //拼接图片名称

        NSString *imgName = [NSString stringWithFormat:@"%@_%.2d.jpg",picName,i];

        //获取图片

        NSString *path = [[NSBundle mainBundlepathForResource:imgName ofType:nil];

        

        UIImage *img = [UIImage imageWithContentsOfFile:path];

//        UIImage *img = [UIImage imageNamed:imgName];

        //将图片添加到可变数组

        [arrayM addObject:img];

    }

    

    

    //设置UIImageViewanimationImages属性,属性中包含执行动画所需的图片

    self.imageV.animationImages = arrayM;

    //设置动画持续时间

    self.imageV.animationDuration = self.imageV.animationImages.count*0.1;

    //设置动画重复次数

    self.imageV.animationRepeatCount = 1;

    //开始动画

    [self.imageV startAnimating];

    

    CGFloat delay = self.imageV.animationDuration;

    

    

    [self performSelector:@selector(clearCache) withObject:nil afterDelay:delay];

    

}



- (IBAction)knockHead:(UIButton *)sender {

    [self startAnimating:81 picName:@"knockout"];

    


    

}


- (IBAction)eat:(UIButton *)sender {

    [self startAnimating:40 picName:@"eat"];

}


- (IBAction)fart:(UIButton *)sender {

    [self startAnimating:28 picName:@"fart"];

}


- (IBAction)cymbal:(UIButton *)sender {

    [self startAnimating:13 picName:@"cymbal"];

}


- (IBAction)drink:(UIButton *)sender {

   [self startAnimating:81 picName:@"drink"];

}


图片


图片

图片

图片

图片




图片

图片
1. 在微信开发者工具中创建一个小程序项目,选择“空白模板”。 2. 在项目根目录下创建 pages/register 目录,并在该目录下创建四个文件:register.wxml、register.wxss、register.js、register.json。 3. 在 register.json 中配置页面的标题和导航栏颜色。 ``` { "navigationBarTitleText": "注册", "navigationBarBackgroundColor": "#ffffff", "navigationBarTextStyle": "black" } ``` 4. 在 register.wxml 中编写页面的结构。使用小程序的表单组件和输入框组件实现输入框和提交按钮。 ``` <view class="form"> <form bindsubmit="submitForm"> <view class="form-item"> <text>姓名:</text> <input type="text" name="name" placeholder="请输入姓名" /> </view> <view class="form-item"> <text>性别:</text> <radio-group name="gender"> <radio value="男">男</radio> <radio value="女">女</radio> </radio-group> </view> <view class="form-item"> <text>出生日期:</text> <picker mode="date" name="birthday"> <view class="picker"> {{birthday}} </view> </picker> </view> <view class="form-item"> <text>部别:</text> <input type="text" name="department" placeholder="请输入部别" /> </view> <view class="form-item"> <text>联系方式:</text> <input type="tel" name="phone" placeholder="请输入联系方式" /> </view> <view class="form-item"> <text>家庭地址:</text> <input type="text" name="address" placeholder="请输入家庭地址" /> </view> <view class="form-item"> <text>家人姓名关系及联系方式:</text> <textarea name="family" placeholder="请输入家人姓名关系及联系方式"></textarea> </view> <button type="submit">提交</button> </form> </view> ``` 5. 在 register.wxss 中编写页面的样式。 ``` .form { padding: 20rpx; } .form-item { display: flex; align-items: center; margin-bottom: 20rpx; } .form-item text { width: 120rpx; font-size: 28rpx; } .form-item input, .form-item textarea { flex: 1; padding: 20rpx; border: 1rpx solid #ccc; border-radius: 5rpx; font-size: 28rpx; } .form-item button { margin-top: 40rpx; padding: 20rpx; background-color: #007aff; color: #ffffff; border-radius: 5rpx; font-size: 28rpx; } ``` 6. 在 register.js 中编写页面的逻辑。实现表单提交功能,将数据保存在本地存储中。 ``` Page({ data: { birthday: '' }, submitForm: function(e) { var formData = e.detail.value; wx.setStorageSync('registerData', formData); wx.showToast({ title: '注册成功', icon: 'success', duration: 2000, success: function() { wx.navigateBack(); } }) }, bindDateChange: function(e) { this.setData({ birthday: e.detail.value }) } }) ``` 7. 在 app.json 中配置页面的路由。 ``` { "pages": [ "pages/register/register" ], "window": { "backgroundTextStyle": "light", "navigationBarBackgroundColor": "#fff", "navigationBarTitleText": "WeChat", "navigationBarTextStyle": "black" } } ```
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值