实践-小效果 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 区头区尾标题效果也不错。

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

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏Web项目聚集地

Javascript将HTML转成PDF并下载「支持多页」

由于html2canvas只能将它能处理的生成canvas image,因此渲染出来的结果并不是100%与原来一致。但它不需要服务器参与,整个图片都由客户端浏览...

2772
来自专栏Linux驱动

32.QT-制作最强电压电阻表盘,可以自定义颜色,图标,文字标签(也可以用来当其它表盘)

后来,在网上找阿找,还是没找到满意的,索性自己来画控件算了,由于第一次画控件,所以花了我2天时间,才画好

2133
来自专栏Android机动车

Material Design整理(六)——SearchView及FlexboxLayout

1171
来自专栏程序员宝库

分享前端开发常用代码片段

如果你的网页中需要使用大量初始不可见的(例如,悬停的)图像,那么可以预加载这些图像。

1515
来自专栏向治洪

React Native控件只TextInput

TextInput是一个允许用户在应用中通过键盘输入文本的基本组件。本组件的属性提供了多种特性的配置,譬如自动完成、自动大小写、占位文字,以及多种不同的键盘类型...

3168
来自专栏我有一个梦想

QT Creator 快速入门教程 读书笔记(二)

一 窗口部件 基础窗口部件QWidget类是所有用户界面对象的基类,窗口和控件都是直接或间接继承自 QWidget,下面我们来看一个很简单的例子: ? 窗口部件...

2327
来自专栏非典型技术宅

iOS动画系列之四:基础动画之平移篇2. 创建不同速度控制的动画3. Swift版本的部分差异

1842
来自专栏游戏杂谈

“穿透”层的鼠标事件

需要实现如下的效果,有一个浮动层,需要层级在它之下的一个元素也能照常响应相应的事件

1202
来自专栏互联网杂技

Javascript 将 HTML 页面生成 PDF 并下载

最近碰到个需求,需要把当前页面生成 pdf,并下载。弄了几天,自己整理整理,记录下来,我觉得应该会有人需要 :)

2372
来自专栏IT派

Javascript 将 HTML 页面生成 PDF 并下载

最近碰到个需求,需要把当前页面生成 pdf,并下载。弄了几天,自己整理整理,记录下来,我觉得应该会有人需要 :)

2221

扫码关注云+社区