2016年09月_xiangzhihong8

12月 11月 10月 09月 08月 07月 06月 05月 04月 03月 02月 01月

原创 AnimatedPathView实现自定义图片标签

老早用过小红书app，对于他们客户端笔记这块的设计非常喜欢，恰好去年在小红书的竞争对手公司，公司基于产品的考虑和产品的发展，也需要将app社交化，于是在社区分享这块多多少少参照了小红书的设计，这里面就有一个比较有意思的贴纸，标签等设计，这里用到了GpuImage的库，这个demo我也将代码开源了，有需要的去fork我的github的代码，今天要说的是详情页面的AnimatedPathView实现可

2016-09-30 16:15:14 4399 2

原创 React Native项目组织结构介绍

代码组织：目录结构：.├── components //组成应用的各个组件│ ├── Routers.android.js //每个组件若实现不一样，分为android的实现和ios的实现。│ ├── Routers.ios.js│ ├── common //公共组件│ ├── issues //议题页面│ ├── navigat

2016-09-28 18:57:41 9330 2

原创 Android的DataBinding原理介绍

Activity在inflate layout时，通过DataBindingUtil来生成绑定，从代码看，是遍历contentView得到View数组对象，然后通过数据绑定library生成对应的Binding类，含Views、变量、listeners等。生成类位于build/intermediates/classes/debug/…package…/databinding/xxx.Java 下，

2016-09-28 11:20:59 7164 2

原创 android dataBinding详解

官方介绍地址：http://developer.android.com/intl/zh-cn/tools/data-binding/guide.html2015 Google IO 大会带来的 Data Binding 库使得 Android 开发者可以方便的实现 MVVM 架构模式。使用DataBinding可以改善应用程序的开发，使代码更加干净优雅。何为MVVM模式，其实就是在View和Mod

2016-09-26 20:41:38 5111

原创 Android开发模式之MVC，MVP和MVVM的简单介绍与区别

相信大家对MVC，MVP和MVVM都不陌生，作为三个最耳熟能详的Android框架，它们的应用可以是非常广泛的，但是对于一些新手来说，可能对于区分它们三个都有困难，更别说在实际的项目中应用了，有些时候想用MVP的，代码写着写着就变成了MVC，久而久之就对它们三个的选择产生了恐惧感，如果你也是这样的人群，那么这篇文章可能会对你有很大的帮助，希望大家看完都会有收获吧！文章重点：(1)了解并区分MVC，

2016-09-26 16:06:20 9223 5

原创 React Native运行原理解析

Facebook 于2015年9月15日推出react native for Android 版本，加上2014年底已经开源的IOS版本，至此RN （react-native）真正成为跨平台的客户端框架。本篇主要是从分析代码入手，探讨一下RN在安卓平台上是如何构建一套JS的运行框架。一、整体架构RN 这套框架让 JS开发者可以大部分使用JS代码就可以构建一个跨平台APP。 Facebook官方

2016-09-22 15:54:18 48914 4

原创 RecyclerView 实现横向滚动效果

我相信很久以前，大家在谈横向图片轮播是时候，优先会选择具有HorizontalScrollView效果和ViewPager来做，不过自从Google大会之后，系统为我们提供了另一个控件RecyclerView。RecyclerView是listview之后的又一利器，它可以实现高度的定制。今天就利用RecyclerView实现我们需要的相册效果。先上一个图：主要实现就是一个RecyclerView

2016-09-01 18:51:53 20818 13

原创 React Native移植原生Android

(一)前言之前已经写过了有关React Native移植原生Android项目的文章，不过因为RN版本更新的原因吧,跟着以前的文章可能会出现一些问题，对于初学者来讲还是会有很多疑难的困惑的,而且官方的文档移植没有更新，最新版本集成方法已经发生很大变化啦~OK,今天我们用新版本进行走一遍流程，具体原来就不讲了，直接看移植步骤。有关原理相关的知识点大家可以查看:http://www.lcode.org

2016-09-27 19:31:56 2808 3

原创 android notification，notificationmanager详解

我们知道在使用Android的通知的时候一定会用到NotificationManager 、 Notification这两个类，这两个类的作用分别是：NotificationManager ：是状态栏通知的管理类，负责发通知、清楚通知等。Notification：状态栏通知对象，可以设置icon、文字、提示声音、振动等等参数。这里需要声明一点，由于Android的系统升级，Android在通知

2016-09-25 11:34:08 3407

原创记一个SwipeMenuListView侧滑删除错乱的Bug

做侧滑删除网上有很多方案，比如重写Listview实现滑动的监听，今天说下一个SwipeListView，这个是之前一个朋友在网上开源的一个封装组件，能够适用于多种情况，项目地址：https://github.com/baoyongzhang/SwipeMenuListView，我也采用了拿来主义直接拿来用了。但是在调试运行的滑动删除数据的时候，却出现了一个问题，删除位置错乱，删除的第一个数据，却

2016-09-23 21:14:07 2478 5

翻译 React Native之Navigator

移动应用很少只包含一个页面。从你添加第二个页面开始，就得考虑如何管理多个页面间的跳转了。导航器正是为此而生。它可以管理多个页面间的跳转，也包含了一些常见的过渡动画，包括水平翻页、垂直弹出等等。NavigatorReact Native目前有几个内置的导航器组件，一般来说我们首推Navigator。它使用纯JavaScript实现了一个导航栈，因此可以跨平台工作，同时也便于定制。场景（Scene）的

2016-09-22 16:31:03 2675

原创打包自己的aar库

在比较大的 Android 项目的开发中，我们经常会遇到工程、jar 包等等之间相互引用的方式。一般我们通过在 gradle 文件中配置依赖来解决，但是如果通过include的方式来引入第三方库的时候，第一次编译会特别慢，所以Android在V7版本之后为我们添加了一种添加aar的方案，其实说白了就是jar的另一种形式，至于怎么写自己的jar(其实百度，google一大堆，实践下就好了)，请点击封

2016-09-21 21:05:52 1870

原创 Android原生嵌入React Native

1.首先集成的项目目录我使用的是直接按照react-native init Project 的格式来导入的，也就是说，我的Android项目目录是跟node_modules是在一个目录下的。我们init完项目之后，项目初始化完成了，这时候我们可以用命令react-native run-android直接运行项目，至于怎么调试，之前已经说过。说一下我们怎么开发和运行分开吧，我们开发一般会选择webs

2016-09-19 20:26:58 2968

原创 React Native控件之Listview

ListView组件用于显示一个垂直的滚动列表，其中的元素之间结构近似而仅数据不同。ListView更适于长列表数据，且元素个数可以增删。和ScrollView不同的是，ListView并不立即渲染所有元素，而是优先渲染屏幕上可见的元素。ListView组件必须的两个属性是dataSource和renderRow。dataSource是列表的数据源，而renderRow则逐个解析数据源中的数据，然

2016-09-19 10:02:34 1887

原创 React Native控件只TextInput

学习React Native也有2个月了，从最开始的页面到点点击事件，到调用接口大体都会了，今天实现一个简单的登录功能。这里需要说明几点：1、组件在React Native中，默认是带一条横线的，如果想去掉输入框下面的横线，需要给指定一个underlineColorAndroid='transparent'，这样就可以去掉输入框下面的横线了；2、密码输入框需要指定属性：secureTextEntr

2016-09-17 19:06:27 7460 3

转载 React Native调试心得

在做React Native开发时，少不了的需要对React Native程序进行调试。调试程序是每一位开发者的基本功，高效的调试不仅能提高开发效率，也能降低Bug率。本文将向大家分享React Native程序调试的一些技巧和心得。Developer MenuDeveloper Menu是React Native给开发者定制的一个开发者菜单，来帮助开发者调试React Native应用。提示：生

2016-09-17 18:41:20 2739

转载 Java 8新特性

编者注：Java 8已经公布有一段时间了，种种迹象表明Java 8是一个有重大改变的发行版。在Java Code Geeks上已经有大量的关于Java 8 的教程了，像玩转Java 8——lambda与并发，Java 8 Date Time API 教程： LocalDateTime和在Java 8中抽象类与接口的比较。我们也在其他地方引用了15个必读的Java 8教程。当然，我们也探究了Java

2016-09-17 14:07:56 1408

转载 react-native版本升级

时刻将React Native更新到最新的版本，可以获得更多API、视图、开发者工具以及其他一些好东西（译注：官方开发任务繁重，人手紧缺，几乎不会对旧版本提供维护支持，所以即便更新可能带来一些兼容上的变更，但建议开发者还是尽一切可能第一时间更新）。由于一个完整的React Native项目是由Android项目、iOS项目和JavaScript项目组成的，且都打包在一个npm包中，所以升级可能会有

2016-09-17 12:50:31 3233

原创 android的Drawable详解

Drawable简介Drawable有很多种，用来表示一种图像的概念，但他们又不完全是图像，他们是用过颜色构建出来的各种图像的表现形式。Drawable一般都是通过xml来定义的，当然我们也可以通过代码来创建，Drawable是一个抽象的类，是所以Drawable的基类，每个具体的Drawable都是它的子类，如ShapeDrawable,BitmapDrwable等，其结构如下图：Drawab

2016-09-16 21:17:44 2206

原创 Spring boot之hello word

环境准备一个称手的IDE（首选Myeclipse，也可以选Eclipse）Java环境（JDK 1.7或以上版本）Maven 3.0+（Eclipse和Idea IntelliJ内置，如果使用IDE并且不使用命令行工具可以不安装）一个最简单的Web应用使用Spring Boot框架可以大大加速Web应用的开发过程，首先在Maven项目依赖中引入spring-boot-starter-web：pom

2016-09-15 11:00:06 1225

原创 Android 6.0 运行时权限处理问题

序自从升级到Android M以来，最大的改变就是增加了运行时权限RuntimePermission，6.0以上的系统如果没有做适配，运行了targetSDK=23的App时就会报权限错误。我们知道6.0以下的系统是按照的时候权限申请的，6.0和之后的版本是我们想要使用某个app的权限，去动态申请的，这也是基于安全上的考虑吧（比如：单机的象棋对战，请求访问通讯录权限等不合理的权限，这肯定是有问题的

2016-09-11 19:28:32 1699

原创 Flexbox布局指南

Flexbox布局概念Flexbox布局（ Flexible Box 或CSS3 弹性布局），是CSS3中的一种新的布局模式，是可以自动调整子元素的高和宽，来很好的填充任何不同屏幕大小的显示设备中的可用显示空间，收缩内容防止内容溢出，确保元素拥有恰当的行为的布局方式。使用Flexbox来布局更容易，可以使用更少的代码，更简单的方式实现更复杂的布局，例如对齐方式，排列方向，排列顺序（这也是Flexb

2016-09-10 21:15:39 2844 3

转载 flexbox基本原理

新版的flexbox规范分两部分：一部分是container，一部分是 items。flexbox是一整套布局规范，包含了多个css属性，所以学习起来比`float: left;` 这样简单的布局要复杂很多。基本原理容器上有主轴和纵轴的概念，默认主轴（main-axis）是横向，从左到右，纵轴是竖向，从上到下。其中所有的孩子的布局都会受到这两个轴的影响。后面会讲到，有很多相关的css属性就是通过

2016-09-10 21:04:09 1323

原创 Hibernate入门

Hibernate是什么 Hibernate是一个轻量级的ORMapping框架 ORMapping原理（Object Relational Mapping） ORMapping基本对应规则：1：类跟表相对应2：类的属性跟表的字段相对应3：类的实例与表中具体的一条记录相对应4：一个类可以对应多个表，一个表也可以对应对个类5：DB中的表可以没有主键，但是Object中必须设置主键字段6

2016-09-10 20:01:40 1801

原创老司机带你玩转web service

当大型需求被数个公司分割开来，各公司系统相互交换数据的问题就会接踵而来。毕竟是多家不同的公司的产品，研发开发语言、采用技术框架基本上是百花齐放。怎样让自家系统提供的服务具有跨平台、跨语言、跨各种防火墙，让其他公司的研发用起来没障碍和爽呢？进过前期的技术调研和实践，最终将目光放在了轻量级 webService 服务上面 1. WebService 服务技术的关键点XML: 做为 WebSer

2016-09-10 13:58:22 2199 2

转载 android studio编译慢的问题

1.修改android studio的使用堆内存,根据自己电脑的内存,尽量设置的大一点,点击help->如下图: 2.接下来设置使用离线gradle构建,一开始就是使用了内置的默认路径gradle,勾选offline这个选项,编译的速度快的不止一点点,在.gradle的离线位置,建立一个gradle.properties的文件,设置精灵后台一直编译,这样提高了很多的速度,如下图：

2016-09-08 19:10:55 1463

转载 React 之props属性

React 里有一个非常常用的模式就是对组件做一层抽象。组件对外公开一个简单的属性（Props）来实现功能，但内部细节可能有非常复杂的实现。可以使用 JSX 展开属性来合并现有的 props 和其它值：return ;如果不使用 JSX，可以使用一些对象辅助方法如 ES6 的 Object.assign 或 Underscore _.extend。return Component(Object.

2016-09-08 12:32:26 6418

原创命令模式

命令模式定义将一个请求封装为一个对象，从而使你可用不同的请求对客户进行参数化；对请求排队或记录请求日志，以及支持可撤销的操作。作用命令模式主要应用于将行为调用者与实现者解耦。讲发出请求和执行对象分开来。例如：比如我们以前惯用的写代码的方式是LogicProcess logic = new LogicProcess(); 然后紧接着调用实现方法logic.process()，这种写法其实非常普遍，

2016-09-07 22:21:15 1828

转载 Android Wear开发

Android Wear从2014年3月发布到现在已经从1.0发展到2.0（目前还没正式发布）。其产品定位也发化了巨大变化，因为Android Wear 1.0通讯方式只有蓝牙，限定了系统，比较依赖手机。比如：重新连接新的手机，手表端会删除所有安装的应用，重新同步新手机的应用到手表。所有应用更新，系统更新都需要通过手机端来完成，没有单独的应用市场。可以理解为Android Wear手表是个手机伴侣

2016-09-06 14:01:21 2382 1

转载 ECMAScript 6之变量的解构赋值

1，数组的解构赋值基本用法ES6允许按照一定模式，从数组和对象中提取值，对变量进行赋值，这被称为解构（Destructuring）。以前，为变量赋值，只能直接指定值。var a = 1;var b = 2;var c = 3;ES6允许写成下面这样。var [a, b, c] = [1, 2, 3];上面代码表示，可以从数组中提取值，按照对应位置，对变量赋值。本质上，这种写法属于“模式匹配

2016-09-05 21:57:23 1317

原创 SwipeListView实现仿ios的侧滑

github地址：https://github.com/xiangzhihong/SwipeMenuListView今天介绍一个SwipeMenuListView实现侧滑删除的例子，其实和listview的用法一样，就是多了创建删除等view的步骤，然后通过addview添加到父布局中。效果如果：当然你也也可以根据自己的需要增加更多的自定义View。直接看代码吧：Add dependencydep

2016-09-05 11:50:00 1062

原创 BottomSheet底部动作条使用

底部动作条底部动作条(Bottom Sheets)是一个从屏幕底部边缘向上滑出的一个面板，使用这种方式向用户呈现一组功能。底部动作条呈现了简单、清晰、无需额外解释的一组操作。使用环境底部动作条(Bottom Sheets)特别适合有三个或者三个以上的操作需要提供给用户选择、并且不需要对操作有额外解释的情景。如果只有两个或者更少的操作，或者需要详加描述的，可以考虑使用菜单(Menu)或者对话框替代。

2016-09-04 22:21:26 2714

原创 Android 仿百合网超火爆社交app首页滑动效果

探探，百合网等神器的首页有一个相册加载个控件，通过左滑右滑加载新的照片，同时左滑丢弃这个照片，右滑则表明对这个照片感兴趣。这个效果是怎么实现的呢？1，Android3.0以后控件中增加了setTranslationX，setTranslationY方法，用于控件沿X,Y轴移动。其原点是相对于控件开始移动的位置，注意，这点很重要。setRotation用于设置控件旋转角度，直接将角度值填入参数即可(

2016-09-03 22:47:30 2856

原创迭代器模式

迭代器模式(Iterator)：提供一种方法顺序访问一个聚合对象中的各个元素，而又不暴露其内部的表示。用途：在软件构建过程中，集合对象内部结构常常变化各异。但对于这些集合对象，我们希望在不暴露其内部结构的同时，可以让外部客户代码透明地访问其中包含的元素;同时这种“透明遍历”也为“ 同一种算法在多种集合对象上进行操作”提供了可能。使用面向对象技术将这种遍历机制抽象为“迭代器对象”为“应对变化中的集

2016-09-03 10:54:14 1411

原创 Android性能优化之TraceView和Lint使用详解

Android lint工具是Android studio中集成的一个代码提示工具，它主要负责对你的代码进行优化提示，包括xml和java文件，很强大。编写完代码及时进行lint测试，会让我们的代码变得非常规范而且避免代码冗余。让我们及时发现代码中隐藏的问题。lint的使用时非常简单的，我看可以用它实现代码布局的优化，Java代码的优化，不过我觉得根本解决问题还是得依赖于开发者的素质。例子：我们需

2016-09-02 11:40:02 3006

转载 React Native学习指南

React-Native学习指南字数2059 阅读1142 评论0 喜欢7本指南汇集React-Native各类学习资源，给大家提供便利。指南正在不断的更新，大家有好的资源欢迎Pull Requests！同时还有Awesome React-Native系列https://github.com/jondot/awesome-react-native目录教程React NativeReact.jsES

2016-09-01 12:37:07 2230

APMInsigh Android性能监控代码

APMInsight Android性能监控示例代码，本文介绍如何在应用性能监控全链路版控制台接入应用。

2022-09-27

Android离线包前端代码

Android离线包前端代码，在前端打包的过程中同时生成离线包，我的思路是 webpack 插件在 emit 钩子时（生成资源并输出到目录之前），通过 compilation 对象（代表了一次单一的版本构建和生成资源）遍历读取 webpack 打包生成的资源，然后将每个资源（可通过文件类型限定遍历范围）的信息记录在一个资源映射的 json 里

2022-06-03

AndroidDemo.zip

2021-12-18

Flutter 跨平台应用开发简单的示例

Flutter 跨平台应用开发简单的示例，常见组件效果，路由混合开发示例

2021-01-13

ModalViewDemo.zip

React Native自定义Modal弹框，文章参考https://xiangzhihong.blog.csdn.net/article/details/110388181

2020-11-30

ArouterDemo.zip

Arouter模块化开发示例，详情可以参考https://xiangzhihong.blog.csdn.net/article/details/94736340

2019-07-05

NotchScreenTool-master.zip

现在，市面上的屏幕尺寸和全面屏方案五花八门，而最常见的就是刘海屏，不过对于右侧较小的刘海，业界一般称为水滴屏或美人尖。

2019-06-09

算法面试题总结.docx

算法笔记

2019-06-06

淘票票前端代码.zip

网上下载的前端淘票票的源码，新书入门，源码链接https://github.com/canfoo/react-taopiaopiao

2019-05-14

android 视频图片预览

Android的图片加视频的预览，视频和图片分开管理，有需要的可以看看

2019-04-28

旅游网站Vue前端

使用Vue编写的前端界面，数据使用的是本地的模拟数据，前端小白可以看看

2019-04-24

民宿小程序和后台

民宿微信小程序，有后台，运行小程序需要先在本地部署后台代码

2019-04-11

ViewPager+Fragment视频切换

Android VideoView 在ViewPager+Fragment中切换视频播放引起的ANR问题

2019-03-29

微信自定义播放组件

仿照微信视频播放的组件，支持视频和图片切换等功能。

2019-03-20

android photoViewy源码

Android图片预览源码，photoViewy支持图片的放大与缩小，是一个Android开发必备库，最新版2.0.0

2019-03-12

Android仿微信图片选择

最近公司有一个选择图库的需求，需要支持图片和视频，网上找了很多，基本是16，17年的代码，大部分也是转载的内容，因为之前做过自定义拍照和相册，以及使用gpuImage实现滤镜、贴纸等效果，所以决定自己动手撸一个。

2019-03-12

iOS骨架屏源码

骨架屏实现，涵盖Android、iOS、前端的骨架屏实现，文章地址：https://blog.csdn.net/xiangzhihong8/article/details/85780629

2019-01-04

RN提示模版

2018-12-14

微信小程序源码

前段时间用了下快狗打车，感觉贼方便，本部分是微信小程序源码。

2018-11-19

Jest单元测试

单元测试例子，博客地址：https://blog.csdn.net/xiangzhihong8/article/details/83819929

2018-11-09

Antd管理系统

React+Antd后台管理系统，项目源码地址：https://github.com/zhaoyu69/antd-spa

2018-11-01

FlatBuffer

flatbuffer是google的一个跨平台串行化库，开发这个最初是用在游戏项目中，代码是实例

2018-10-25

Javassist代码注入

javassist实现代码注入，详细内容可以参考；https://blog.csdn.net/xiangzhihong8/article/details/83060674

2018-10-15

仿喜马拉雅FM

最近抽空面了几家公司，大部分都是从基础开始慢慢深入项目和原理。面试内容还是以OC为主，但是多数也都会问一下Swift技术情况，也有例外全程问Swift的公司(做区块链项目),感觉现在虽然大多数公司任然以OC做为主开发语言，但是Swift发展很强势，估计明年Swift5以后使用会更加广泛。

2018-09-26

Picker组件及其他组件

资料是使用RN开发的滚轮组件，支持常见的单滚轮、双滚轮和三滚轮，此外还提供了一些其他的自定义组件，需要新建一个项目并将代码拷贝过去

2018-09-04

Android原生集成RN

最近，很多的公司，特别是小公司、小项目，为了解决人力成本的问题，都开发将移动原生开发转到了跨平台开发，或者原生+h5的混合开发，今天要说的是如何在原生项目中集成React Native。

2018-06-06

Flutter跨平台

使用Google跨平台开发框架Flutter开发的APP，Flutter是Google用以帮助开发者在Ios和Android两个平台开发高质量原生应用的全新移动UI框架

2018-06-01

vue手机客户端

在移动应用中很多功能都是必不可少的，使用vue构建移动应用自然也就需要实现这些功能。

2018-05-16

阿里的Atlas组件化框架

Atlas是一个Android客户端容器框架，主要提供了组件化、动态性、解耦化的支持，支持在编码期、Apk运行期以及后续运维修复期的各种问题。Atlas目前支持的主要功能有： - 在工程期，实现工程独立开发，调试功能，工程模块的独立； - 在运行期间，实现完整的组件生命周期映射，类隔离等机制； - 在运维期间，提供快速增量的更新修复功能，快速升级。

2018-05-10

Tinker热修复

使用Tinker热修复，文章介绍可以点击下面的链接：https://mp.csdn.net/mdeditor

2018-05-04

Android模块化

阿里ARouter路由实现模块化开发，Android平台中对页面、服务提供路由功能的中间件。模块化的要解决的问题：模块间页面跳转（路由）；模块间事件通信；模块间服务调用；模块的独立运行；模块间页面跳转路由拦截。

2018-04-23

hexo博客打赏源码

关于如何使用Hexo+Hexo主题搭建博客系统，可以参考我之前的博客的介绍：(https://blog.csdn.net/xiangzhihong8/article/details/53727310，查看效果可以查看以下地址：https://blog.csdn.net/xiangzhihong8/article/details/79712140

2018-03-27

阿里聚安全

阿里聚安全，如何防护app被破解，如何保护app和如何破解别人的app

2018-01-03

阿里云精选API

阿里云 API Playbook，精选了100+个API，不仅有阿里云官方提供的API，也包含了大量阿里云合作伙伴提供的优质API，涵盖了从生活服务、金融征信、气象水利、到企业服务等十几个应用场景。通过这本精选手册，您可以快速了解每个API提供的功能及适用的场景，帮助您快速查找到满足特定功能的API。您也可以通过对多个API进行编排组合，来轻松完成一项应用创新。

2017-12-27