React Native 仿抖音点赞特效

前言 任何一款应用无疑都或多或少的使用到动画效果,它对于提升用户体验有着无比重要的作用。React Native同样提供了丰富的动画API供开发者调用,而对于此部分知识的掌握无疑是RN进阶的必经之路,本文通过案例带大家实践掌握Animated、ART等动画及绘图知识。 Animated A...

2018-07-24 22:57:46

阅读数 2041

评论数 0

JS 中可以提升幸福度的小技巧

本文主要介绍一些JS中用到的小技巧,可以在日常Coding中提升幸福度,将不定期更新~ 1. 类型强制转换 1.1 string强制转换为数字 可以用*1来转化为数字(实际上是调用.valueOf方法) 然后使用Number.isNaN来判断是否为NaN,或者使用 a !== a 来判断是否...

2018-07-24 09:33:20

阅读数 188

评论数 0

React Native动画效果

aa.gif   用Native 做右边的箭头旋转效果,应该是件很简答的事情,但是用React Native就需要花费时间考虑下。由于这个控件很常用,所以应该做个封装,任何时候调用都可以。 React Native做简单动画使用框架内Animated就可以了,更高级的动画,可以去Googl...

2018-07-24 09:28:50

阅读数 260

评论数 1

Animated详解

前言 https://blog.csdn.net/aiynmimi/article/details/78866899 在APP的开发中,流畅合理的动画能大大提高用户体验,Android和iOS原生都有对应的动画系统,同样的在RN中也有用于创建动画的API,就是Animated。Animated...

2018-07-24 09:28:33

阅读数 838

评论数 0

react-native 类似购物车动画

react-native 类似购物车动画 今天我们来讲讲react-native如何实现类似点击商品出现一个抛物线到购物车的动画。 首先需要你需要react-native的Animated的用法([Animated](http://blog.csdn.net/sinat_17775997/ar...

2018-07-23 09:27:14

阅读数 499

评论数 0

React之新Context API详解

Context API 可以说是 React中最有趣的一个特性了。一方面很多流行的框架(例如 react-redux、 mobx-react、 react-router等)都在使用它;另一方面官方文档中却不推荐我们使用它。在 Context API 的文档中有下面这段话: The vast m...

2018-07-23 09:26:20

阅读数 1200

评论数 0

Android 项目总结(一):弧形ViewPager 和弧形HeaderView

一、前言 有一个月左右没有更新博客了,最近在做一个新项目,真的是忙得不可开交,已经进入了996模式,没有什么空余的时间来写博客。虽然开始一个新的项目很忙很累,但是确实也是一个提升自己的机会,在之前的文章《Android开发者的进阶之路》中我也说过,其实最好的进阶来自于实战,将学到的这些新技术...

2018-07-22 17:22:12

阅读数 315

评论数 0

Android项目总结(二)仿IOS效果的日期选择器和省市县三级联动

  离第一篇项目总结《Android 项目总结(1)- 之弧形ViewPager 和弧形HeaderView》过了一周多的时间了,趁今天周末有时间为大家带来第二篇:项目中用到的选择器。 一、需求 在我们的开发过程中,可能会遇到这样的需求:给定用户几个选项或者让用户从某个范围内选择需要...

2018-07-22 17:21:02

阅读数 571

评论数 0

85篇技术好文助你Android进阶

从去年11月份开始,我开始写个人博客,到现在恰好一年时间了,这一年中,通过周末和空闲时间陆续原创了40余篇技术博客。博客源于自己的一些项目经验总结和对新技术的学习总结。通过博客的总结和沉淀,在自己成长的同时也帮助了不少同学。6月份,开通了自己的个人公众号,5个月的时间,原创+收录更新了10...

2018-07-22 17:20:17

阅读数 95

评论数 0

Android项目总结(3)-登录页图片循环过渡播放动画效果

这是项目总结第三篇,前两篇分别为: 1. Android 项目总结(1)- 之弧形ViewPager 和弧形HeaderView2 . Android项目总结(二)时间、数字选择器和省市区三级联动 今天为大家分享一个简单的登录背景动画,图片循环播放动画,具体效果是啥样子的呢?先上一张效果图...

2018-07-22 17:19:30

阅读数 175

评论数 0

Android一步一步剖析+实现仿支付宝手势密码自定义View

最近项目需求:要求在项目中添加手势密码和指纹验证,恰巧最近在苦练自定义View,于是参考了网上轮子和自己的理解,实现了如下的效果。 国际惯例:Without pic you say a JB(奖杯). 这GIF做的是真的垃圾,感兴趣的去看Demo把,后面我会放上链接的。 一、分析效...

2018-07-22 17:18:52

阅读数 154

评论数 0

Android仿新版微信的小程序下拉栏

作者:大头呆 链接:https://juejin.im/post/5a4c90c15188257c4d1b8d0c  本文经作者授权推送。 上周微信更新到了6.6.1版本,加入了微信小游戏。朋友圈都在玩跳一跳。而且现在微信把最近用过的小程序放到了首页顶部,轻轻下拉就可以快速访问了。...

2018-07-22 17:17:45

阅读数 902

评论数 0

Android 模仿蚂蚁森林水滴动效

点击上方“Android技术杂货铺”,选择“置顶公众号” 干货文章,第一时间送达!   作者:laer_L 链接:https://www.jianshu.com/p/cc526bb34414,本文经作者授权推送。 很久没写东西了,又来一下,可能看了这个东效你会觉得很简单,但是如果你...

2018-07-22 17:16:20

阅读数 660

评论数 0

Android知乎广告效果

作者:达峰a 链接:https://www.jianshu.com/p/5b3d8ff8ab64 , 经作者授权推送。 知乎的广告效果一直想写,无奈最近才有时间。 先看效果: 肯定要自定义view了,一个类似imageView的控件,还要给它一个值用来指定广告图片的显示位置。 问...

2018-07-22 17:12:35

阅读数 170

评论数 0

高效 | 几个Android Studio 小技巧

最近公司升级了电脑,换成了最新款的 Mac pro,虽然是个好事儿,但是又得装各种软件和工具,还是挺麻烦的。首先得安装开发工具Android Studio,以前配置的功能又得重新配置,因此干脆将几个重要的小技巧总结成一篇文章。给没有使用的同学一点参考。 1. 变量前缀修改 在Andro...

2018-07-22 17:11:14

阅读数 107

评论数 0

Android自定义控件:带动画效果的手机号输入框 (3-4-4格式)

点击上方“Android技术杂货铺”,选择“置顶公众号” 干货文章,第一时间送达!   作者:Android草根王 链接:https://www.jianshu.com/p/e538b35c68c3 本文经作者授权推送。 项目中很多地方,使用到了自定义控件。 简单点的,如个性控件...

2018-07-22 17:09:30

阅读数 322

评论数 0

react native 集成人脸识别 --android

https://www.tuicool.com/articles/73I3Ufi 最近的项目中要做身份认证,其中就包括人脸识别,用的第三方sdk是同盾的,这个是企业谈好的,咱们也只能去按照文档,一步一步去集成,其实也不难,总结起来就是: 在原生中写个方法给RN调用,这个方法就是跳转官网写好的ac...

2018-07-21 16:22:43

阅读数 1131

评论数 0

如何使用 webpack 4 和 Babel 构建 React 应用

React主要用于单页应用程序。http://www.css88.com/archives/9427   然而,你可以将 React 库集成到任何使用 webpack 和 Babel 构建的网站中。 如何使用 webpack 4 和 Babel 构建 React 应用: 你将学习什么 如何...

2018-07-20 09:36:02

阅读数 124

评论数 0

React转微信小程序:构思

https://mp.weixin.qq.com/s/A2ztcIJqdZw1oIjE1VF9ew   https://mp.weixin.qq.com/s/27XUiD62S9w5GuQp3e1fuQ   https://mp.weixin.qq.com/s/czJkRIua1Nb_0z...

2018-07-20 09:27:01

阅读数 1614

评论数 0

React-Native 1px处理

当UI设计图上标注某间距为1px时,只需在间距设置的地方填如下值: import { View, StyleSheet, PixelRatio, } from 'react-native' //要用到 PixelRatio.get() 则需从react-native组件中引用 P...

2018-07-18 22:18:13

阅读数 587

评论数 0

提示
确定要删除当前文章?
取消 删除
关闭
关闭