jon lee-CSDN博客

原创 react native 抖音视频列表页

实现效果需要实现的效果主要有两个，一个是上下翻页效果，还有就是点赞的动画。列表页上下翻页实现播放视频使用 react-native-video 库。列表使用 FlatList，每个 item 占用一整屏，配合 pagingEnabled 属性可以翻页效果。通过 onViewableItemsChanged 来控制只有当前的页面才播放视频。const ShortVideoPage = () => { const [currentItem, setCurrentItem] = useSta

2020-05-23 18:06:08 1186 2

原创 Android 又双叒叕更新了: MergeAdapter

MergeAdapter前几天更新的 recyclerview-1.2.0-alpha02 中增加了一个新的类 MergeAdapter，这个类可以按照顺序把几个 adapter 合成一个新的 adapter。一个常见的场景就是 RecycleView 加载更多的实现。相信很多小伙伴都实现过类似的效果，我们通常会定义多个 ViewType, 在 getItemCount 中返回 item ...

2020-04-18 21:52:55 1184

原创 Fragment 共享数据新姿势

多个 Fragment 之间共享数据是很常见的需求，常见的做法是在 Fragment 中通过 Activity 来通知另外另外的 Fragment，或者使用 EventBus 等三方库来实现。Google 推出的 Jetpack 给我们提供了很多有用的工具，其中 ViewModel 和 LiveData 是最常用的工具之一，通过这两个工具我们可以使用新的姿势来实现 Fragment 之间共享数据...

2020-04-07 23:23:55 976

原创 Android tools & sample data: Make preview great again

在 Android 界面开发过程中我们经常需要查看页面效果。在远古时期使用 eclipse 开发的时候预览是一件让人头疼的事，代码和预览界面不能同时出现，需要切换 tab，好在 Android Studio 提供的编辑界面可以让我们同时看到代码和预览图，省去我们开会切换的时间。（这是当年驱使我把 eclipse 换成 Android Studio 的主要原因之一）但是预览界面提供的预览比较弱，只...

2020-03-07 17:25:27 630

原创 RN 升级 0.57.0

最近把RN从0.51.0升级到0.57.0，升级之后发现项目跑不起来了。google了半天终于解决了问题，这里做个记录。升级升级 react native 到0.57.0 ，升级react 到16.5修改 babel-preset 依赖从 “babel-preset-react-native”: “^5” 改为 “metro-react-native-babel-preset”: “...

2018-10-08 13:05:28 713

原创 RecyclerView ItemDecoration 底部分割线

RecyclerView 作为取代ListView的控件已经出来很长一段时间了，介绍RecyclerView的文章也到处都是，但是平时开发中还是难免会碰到一些坑。在listView中我们使用android:divider可以很方便的插入分割线，但是RecyclerView中没有这个属性，取而代之的是更加强大和灵活的ItemDecoration。但是强大和灵活同时也意味着留给我们非常大的自定义空间

2017-08-23 22:49:06 2646

翻译 “我的“界面还是”你的“

“我的”界面还是“你的”原文 Is this my interface or yours?“我的电脑”进化史还记得windows还有“我的电脑”图标的时候吗？这是一个光荣的小图标，它代表了你电脑上的所有东西——所有的程序，所有的工作，所有的数字作品。这个小改变让我想到了一个更大的问题：为什么产品有些时候用“我的”标签，有时候用“你的”。怎么命名你的产品当你点击各个app，你会发现界面

2016-09-16 17:19:54 672

原创 Android 踩坑——FloatingActionButton自动添加边距

android fab的坑

2016-08-28 14:09:43 4221

原创 android自定义View打造自己的专属控件——风车控件

Android 自定义View——打造自己的专属控件前段时间看到一个天气应用，界面做的很好看。里面一个风车转动动画和一个日出日落的动画挺有意思的，于是自己也照着他的界面做了一个。先看一下界面自定义View一般有两种情况继承自原有控件，扩展原有控件的功能。如前面介绍的自定义View实现圆角图片完全自定义控件，实现控件的测量，绘制等方法。打造自己的专属控件。这里采用的是第二种方法，自己来绘

2016-08-06 18:59:55 1116 2

原创 android 圆角图片

圆角图片在现在的应用中是比较常见的，比如QQ的头像。网上也有很多优秀的开源库，如CircleImageView等。圆角图片的原理一般使用的是BitmapSharder。先看一下效果图，绿色的圆角图片的边界。下面我们来自定义ImageView，实现圆角图片制作。先简单介绍一下BitmapSharder Shader used to draw a bitmap as a

2016-03-12 22:43:20 679 2

原创 android图片查看（2）

上一篇文章里我们已经完成了图片查看的基本功能，接下来，我们要在这基础上增加一些新的功能。 Android support v7 Library里面有一个叫Palette的库，通过这个库，我们可以很方便的从图像中抽取颜色，我们看一下官方文档的介绍 A helper class to extract prominent colors from an image. A number of co

2016-02-21 21:27:06 566

原创 android图片查看(1)

图片查看是很常见的功能，点击图片之后跳转到另一个界面查看大图，看起来是非常简单，不过自己动手尝试了一下之后并没有想象中的那么顺利，其中还是有很多需要注意的地方。好了，先看一下效果对，就是这么简单！显示一张图片，图片可以保存到本地，当然，现在的app基本上都有手势缩放图片的功能，这里我们也要添加这个功能。好了，功能基本就是这样，下面看代码，首先得界面布局<?xml vers

2016-02-21 18:53:07 2598

原创 Android图片加载（二）--妹子图客户端改进

android图片加载，Glide学习

2015-12-06 22:48:03 642

原创 Android图片加载--妹子图客户端

图片加载是几乎每个客户端都要用到的功能，这几天闲来无事，以妹子图客户端为例学习了一下android的图片加载。现在整理一下，一来便于自己理解记忆，二来和同样希望学习这方面知识的同学交流，三来贴出自己的代码希望大家能够指点一二。好了，废话不多说，进入正题。数据接口来自干货集中营网上的图片框架有很多，这里使用的是volley。不熟悉的同学可以看一下郭大神的博客首先讲一下基本思路。图片加载最见得粗

2015-11-22 21:54:52 2199