实践－小效果 II
1.设置角标和通知数.
self.tabBarItem.badgeValue = @"1"; 即可
iOS7、iOS9、iOS10
UIApplication *app = [UIApplication sharedApplication]; // 应用程序右上角数字 app.applicationIconBadgeNumber = 99;
iOS8:
iOS8中设置application badge value 会抛错：Attempting to badge the application icon but haven't received permission from the user to badge the 原因是因为在ios8中，设置应用的application badge value需要得到用户的许可。在这之前要判断系统是否为iOS8的系统，否则8之前的系统会报错。
UIUserNotificationSettings *settings = [UIUserNotificationSettings settingsForTypes:UIUserNotificationTypeBadge categories:nil]; [[UIApplication sharedApplication] registerUserNotificationSettings:settings]; UIApplication *app = [UIApplication sharedApplication]; // 应用程序右上角数字 app.applicationIconBadgeNumber = 0;
**注意：清除数字请将数字设置为 0 **
2.加载服务器编辑器中返回的HTML文本.
两种方式：
NSAttributedString * attrStr = [[NSAttributedString alloc] initWithData:
[orangeStr dataUsingEncoding:NSUnicodeStringEncoding]
options:@{ NSDocumentTypeDocumentAttribute: NSHTMLTextDocumentType }
documentAttributes:nil error:nil];
//得到富文本后赋值给Label，再对Label设置字体颜色和字体大小，而不用在富文本的得到过程中设置。
contentLabel.attributedText = [[MethodTool shareTool]loadHTMLData:dataDic[@"editorValue"]];
contentLabel.textColor = GrayTextColor;
contentLabel.font = [UIFont systemFontOfSize:MEDIUM_FONT-1];缺点无法加载返回的图片，因为赋值给了 Label，是无法显示图片的。
contentWeb = [[UIWebView alloc] initWithFrame:CGRectMake(0, 0, WIDTH, 10)];
[self.sc addSubview:contentWeb];
contentWeb.delegate = self;
[contentWeb loadHTMLString:str baseURL:nil];** 使用UIWebView加载 HTMLString 可以完美解决图文显示问题。**
可是左侧有一条黑线
设置UIWebView的背景为透明。并且需要设置 contentWeb.opaque = NO;
使用webView加载百度编辑器编辑后上传的图文文本图片显示不全
修改前
修改后
使用js进行图片的自适应 - (void)webViewDidFinishLoad:(UIWebView *)webView {
[webView stringByEvaluatingJavaScriptFromString:
@"var script = document.createElement('script');"
"script.type = 'text/javascript';"
"script.text = \"function ResizeImages() { "
"var myimg,oldwidth,oldheight;"
"var maxwidth=320;"// 图片宽度
"for(i=0;i <document.images.length;i++){" "myimg = document.images[i];" "if(myimg.width > maxwidth){"
"myimg.width = maxwidth;"
"}"
"}"
"}\";"
"document.getElementsByTagName('head')[0].appendChild(script);"];
[webView stringByEvaluatingJavaScriptFromString:@"ResizeImages();"];
别忘了在这里重置当前webView的高度
}3.原地缩放一个UIView.
[UIView animateWithDuration:0.7 delay:0 options:UIViewAnimationOptionCurveEaseInOut animations:^{
targetView.transform = CGAffineTransformMakeScale(1.4,1.4);
} completion:^(BOOL finished) {
targetView.transform = CGAffineTransformIdentity;
}];这样的缩放，由于是由卯点开始的，所以会出现视图放大时向下移动了，不太完美。
- (void)scaleView :(UIView *)targetView
{
CAKeyframeAnimation *k = [CAKeyframeAnimation animationWithKeyPath:@"transform.scale"];
k.values = @[@(0.1),@(1.0),@(1.5)];
k.keyTimes = @[@(0.0),@(0.4),@(0.8)];
k.calculationMode = kCAAnimationLinear;
[targetView.layer addAnimation:k forKey:@""];
}使用 CAKeyframeAnimation 动画 操作 Layer即可完美实现原地缩放。
4.空间感的变幻效果：
空间般变幻.gif
方法：
[UIView animateWithDuration:0.25 animations:^{
self.view.transform =CGAffineTransformMakeScale(0.95, 0.95);
}];需要注意的是，有很多时候，我们出现不了效果图那样的效果，彷佛是不起作用的，其实是因为被操作的视图的背景图也是白色的，比如 self.view 的背景图是 我们在入口类中初始化的 Window的，一般我们会设置为白色,设置成黑色就会出现效果了，其他页面使用中类推即可。
5.仿支付宝支付密码支付弹框
支付密码.gif
说明,仿支付宝支付密码支付弹框，网上有很多例子，本次就一个很简单的效果做解析，效果如图所示
实现关键：
- 创建一个有边框的长矩形View，往view上添加一个 UITextFeild和 5条竖线，和6个隐藏起来的Label，每个Label是一个原点形状，不用于显示数字，只为展示一个点状，把6个Label装入一个数组中。
- 通过 UITextFeild 绑定的方法，获取到UITextFeild的字符串，根据长度动态显示 数组中对应长度的Label，当结果为6位数时，回调当前UITextFeild的字符串。
关键源码：
# 1.通过 UITextFeild绑定方法，该方法可以在UITextFeild 字符改变时触发
[_pwdTextField addTarget:self action:@selector(chengMe:) forControlEvents:UIControlEventEditingChanged];
- (void)chengMe:(UITextField *)textField
{
if (textField.text.length >6) {
return ;
}
#展示圆点
[self setDotWithCount:textField.text.length];
if (textField.text.length == 6) {
if (_completeHandle) {
_completeHandle(textField.text);
}
[self performSelector:@selector(dismiss) withObject:nil afterDelay:.3f];
NSLog(@"complete");
}
}
#2.使用 UITextFeild 的代理方法实现
- (BOOL)textField:(UITextField *)textField shouldChangeCharactersInRange:(NSRange)range replacementString:(NSString *)string {
if (textField.text.length >= PWD_COUNT && string.length) {
#输入的字符个数大于6，继续输入，返回NO表示禁止输入
return NO;
}
NSString *totalString;
#回退键的时候，由于textField.text 未改变，所以totalString 为 textField.text 截取掉最后一位的值
if (string.length <= 0) {
totalString = [textField.text substringToIndex:textField.text.length-1];
}
else {
#当前实际textField.text 的值是要拼接上 string后的字符串，
#shouldChangeCharactersInRange 就是textField.text 改变前的方法
totalString = [NSString stringWithFormat:@"%@%@",textField.text,string];
}
[self setDotWithCount:totalString.length];
if (totalString.length == 6) {
if (_completeHandle) {
_completeHandle(totalString);
}
[self performSelector:@selector(dismiss) withObject:nil afterDelay:.3f];
}
return YES;
}关于动态效果
- (void)show {
UIWindow *keyWindow = [UIApplication sharedApplication].keyWindow;
[keyWindow addSubview:self];
# _paymentAlert 是白色的视图，起始设置放大效果。
_paymentAlert.transform = CGAffineTransformMakeScale(1.21f, 1.21f);
_paymentAlert.alpha = 0;
#使用了弹性API
[UIView animateWithDuration:.7f delay:0.f usingSpringWithDamping:.7f initialSpringVelocity:1 options:UIViewAnimationOptionCurveEaseInOut animations:^{
[_pwdTextField becomeFirstResponder];
#回复到正常的放缩
_paymentAlert.transform = CGAffineTransformMakeScale(1.0f, 1.0f);
_paymentAlert.alpha = 1.0;
} completion:nil];
}
- (void)dismiss {
[_pwdTextField resignFirstResponder];
[UIView animateWithDuration:0.3f animations:^{
_paymentAlert.transform = CGAffineTransformMakeScale(1.21f, 1.21f);
_paymentAlert.alpha = 0;
self.alpha = 0;
} completion:^(BOOL finished) {
[self removeFromSuperview];
}];
}6.关于免费获取天气预报
- 可以集成百度天气的SDK
- 用中华万年历里的 xml 数据 ,亲测可用，网上很多免费的天气网址都是不更新数据的死网站，坑 网络链接
7.设置UIImagePickerController导航条上显示中文界面
# Project-->Info-->Localizations添加Chinese
# 修改Target-->Info-->Localization native development region ： China （这个貌似不需要）8.设置UIDatePicker的时间选取范围
时间范围.gif
datePicker.minimumDate= [NSDate dateWithTimeInterval:-6*24*60*60*300 sinceDate:[NSDate date]];//1800天前的那天
datePicker.maximumDate= [NSDate date];//今天9.Label的多行显示效果
方法：
# \n 即可达到换行的效果.一个Label
self.msgLabel2.text = @"a.可创建各种颜色的跑马灯\nb.默认按下停止可以拖动，也可绑定其他点击事件\nc.可以设置速度，颜色，字体等多种属性\nd.后续会有更多扩展";10.默认的UITableView 区头区尾标题效果也不错。
不用自己绘制区头区尾视图啦，除非特殊效果需求。
