实践-小效果 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.UIWebView 加载服务器编辑器中返回的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 区头区尾标题效果也不错。

不用自己绘制区头区尾视图啦,除非特殊效果需求。


最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 200,783评论 5 472
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 84,396评论 2 377
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 147,834评论 0 333
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,036评论 1 272
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,035评论 5 362
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,242评论 1 278
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,727评论 3 393
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,376评论 0 255
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,508评论 1 294
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,415评论 2 317
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,463评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,140评论 3 316
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,734评论 3 303
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,809评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,028评论 1 255
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 42,521评论 2 346
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,119评论 2 341

推荐阅读更多精彩内容

  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 11,983评论 4 60
  • “ 如果没了我,你爸爸再给你找个后妈,就你爸这脾气,那个人在你爸耳边说两句话就没你过的。”今晚爸爸跟我生气,被妈...
    小指勾勾阅读 243评论 0 0
  • 如果把推动中国社会进步比做去西天(是西天,不是西方)取经,中国需要孙悟空式的人才。 如果唐僧团队没有孙...
    李清振阅读 1,728评论 2 3
  • 剧透,然而你们都知道 了…… 管家死了。老爷身边没有家人了。![屏幕快照 2016-05-26 上午1.42.57...
    墨问非名阅读 510评论 0 0
  • 她说,我妈不同意我们俩,说他家没钱,怕我过去了以后要留在老家,怕我受苦;我妈想让我留在她身边,找个可以入赘的男孩,...
    杯杯糖阅读 891评论 11 6