2016年09月_youth_never_go_away

原创 React－Native散记

关于主流的hybrid框架（Cordova Ionic React－Native）1.Cordova 资格比较老使用js css webView 一般不需要熟悉原生就可以实现一个app 性能不好瓶颈就是webView 再4.1以下的环境下性能很差而且框架比较重 2.Ionic （基于anglearjs）性能相对来说比较好 UI非常漂亮但是平台特性（ios

2016-09-26 15:46:23 386

原创关于React-Native的生命周期

概述就像 Android 开发中的 View 一样，React Native（RN）中的组件也有生命周期（Lifecycle）。所谓生命周期，就是一个对象从开始生成到最后消亡所经历的状态，理解生命周期，是合理开发的关键。RN 组件的生命周期整理如下图：如图，可以把组件生命周期大致分为三个阶段：第一阶段：是组件第一次绘制阶段，如图中的上面虚线框内，在这里完成了组件的

2016-09-21 14:40:29 421 1

原创 React Native 学习笔记十五（图片的使用）

从0.14版本之后 RN推出了 android 和ios共同管理图片资源 1.静态资源图片的使用在项目中添加一个文件夹将图片资源放在文件夹中然后调用即可（在图片命名的时候可以使用@2x 和@3x这种文件后缀）├── button.js└── img ├── check@2x.png └── check@3x.pngpackage会打包所有图片

2016-09-21 11:18:06 2094

原创 npm介绍

在学习React-Native的过程中经常用到npm命令顺便百度了一下关于npm这个东西（以前没怎么接触过前端）简单来说其实就是对于Node_Moudle包的操作工具类nodejs的出现，可以算是前端里程碑式的一个事件，它让前端攻城狮们摆脱了浏览器的束缚，踏上了一个更加宽广的舞台。前端的可能性，从此更加具有想象空间。随着一系列基于nodes的应用/工具的出现，

2016-09-21 10:25:54 500

原创 React Native 学习笔记十四（原生模块之数据回调）

在使用原生模块的时候无法避免数据的获取关于数据的获取我这里模仿了网络请求获取数据通过回调的方式完成数据从java到js的传递官网上基本上都是坑写这篇文章给想我一样的小白来看大神级别的勿喷废话不说上代码实现思路和上一篇文章一样不会的朋友可以看看上一章创建 NetMoudle.java 实现网络请求 package com.example.zhangy

2016-09-20 17:07:21 2240 3

原创 React Native 学习笔记十三（原生模块之Toast）

在学习官网上的Toast 的过程中出现很多的坑废话就不说了官网上都有官网讲解实现思路：我们之前已经将react-native 嵌入原生了那么我们就在之前的基础上进行修改就好了创建ToastUtils.java 继承ReactContextBaseJavaModule 我们要明确自己的目的就是使用js调用 Toast 就像android 原生一样能够在屏幕底端

2016-09-20 14:40:02 2517 1

原创 React Native 学习笔记十二（嵌入原生应用甚是坑啊）

1.首先创建一个android studio 项目我创建的叫HelloReactDemo2（随便起的）2 .按照官网的介绍来做在Terminal中输入 npm init 会给出对应的提示如图：此时会提示输入信息 name 这是为了生成必要的package.json文件按照如下图进行填写name: (HelloReactDemo2) hello

2016-09-20 11:58:19 4796 3

原创 webstorm文件类型关联错误导致文件打开方式不对修改文件关联设置

webstorm关联文件类型之后就会使用默认关联类型打开一旦关联错误很难修改打开webstorm设置－－>选择File Types －－>显示所有的关联类型点击已经选择的关联类型（如果不知道关联到哪里就挨个点击查看下面的扩展名是否是想修改关联的扩展名）找到该扩展名之后点击－进行移除保存即可此时邮件该类型的文件又能够重新关联了

2016-09-19 11:51:40 11214

原创 React Native 学习笔记十一（页面跳转）

React Native 内置了几个导航器组件推荐使用Navigator (原因：它是单独使用js实现的一个导航栈因此可以跨平台操作同时便于定制)场景：场景通俗的讲就是整个屏幕的排版布局显示，比如又几个TextView 或者ScrollView等组件组成的一个界面就是一个场景或者是一个全屏的React组件相对于场景来说组件就是场景的部

2016-09-18 10:19:10 7782

原创 React Native 学习笔记十（ListView的使用）

关于 listView和scrollViewscrollView 垂直方向可适用于不同组件和布局的混合（元素不同）能够渲染所有元素（即使元素被挤出屏幕）但是适用于较短的滚动列表 listView 垂直方向元素结构接近（数据不同而已）不是渲染所有的元素优先渲染屏幕上的可见元素适用于较长列表的滚动 listView的使用：必须有两个属性是dataSource（

2016-09-14 11:20:57 506

原创 React Native 学习笔记九（ScrollView的使用）

关于scrollView和android 中的使用效果是一样的被包裹的组件和布局能够实现滚动效果注意：该组件适用于zi组件比较少的滚动元素class helloReact1 extends Component { render() { return ( ScrollView> Text style=

2016-09-14 11:12:29 768

原创 React Native 学习笔记八（文本输入的处理）

1.onChangeText（）方法的使用文本输入框的处理和android中的思想是一样的获取文本然后进行文本的替换输出不过在语法上面有很大差异使用的方法是onChangText 在文本发生改变的时候将文本放入state中根据获取的state的值来设置text中的显示内容示例如下：class helloReact1 extends Componen

2016-09-13 17:11:03 2529 1

原创 React Native 学习笔记七（关于布局的使用）

在React Native中使用flexbox（弹性盒子）来设置子组件的布局。Flexbox可以在不同屏幕尺寸上提供一致的布局结构（从而实现屏幕的适配就像android中的比重适配一样）。一般来说，使用 flexDirection（排列方向）、 alignItems（子元素沿着次轴（与主轴垂直的轴，比如若主

2016-09-13 16:21:01 507

原创 React Native 学习笔记六（关于宽高的设置）

继续在之前的例子上进行添加尺寸1.使用固定的尺寸设置View容器和设置自定义的组组件如果父组件的空间不足自控件的会出现重叠的情况示例：import { AppRegistry, StyleSheet, Text, View} from 'react-native';class Blank extends Component{ //初始化s

2016-09-13 14:53:49 5336

原创 React Native 学习笔记五（关于样式的使用）

React Native中样式的使用和web的css基本上没有什么变化样式名基本上是遵循了web上的CSS的命名，只是按照JS的语法要求使用了驼峰命名法，例如将background-color改为backgroundColor。实际开发中建议使用StyleSheet.create的方法进行声明就像一个单独的css文件一样以提高样式的复用和代码的可读性使用起来比较方便

2016-09-13 14:12:29 493

原创 React Native 学习笔记四（关于state的使用）

前面我已经大概写了props和state 的区别接下来整理下state的使用需要在constructor中初始化state（译注：这是ES6的写法，早期的很多ES5的例子使用的是getInitialState方法来初始化state，这一做法会逐渐被淘汰），然后在需要修改时调用setState方法。import { AppRegistry, StyleSheet, T

2016-09-13 13:55:20 5390

原创 React Native的props和stats

理解： props：组件中父级向子级传递数据的方式 stats：在不操纵DOM树的情况下刷新页面的一种方式（通过操作stats实现数据的时时变化）大部分组件的工作应该是从props里取数据并渲染出来.但是,有时需要对用户输入,服务器请求或者时间变化等作出响应,这时才需要state.

2016-09-13 11:27:22 654

原创 React Native 学习笔记三（关于prop属性的使用和复用）

Props（属性）import {AppRegistry,StyleSheet,Image,View} from 'react-native';class helloReact extends Component {//渲染render() {//pic 外层有{} 是为了将变量嵌套进jsx中 {}表示的意思事{}内部为一个js变量或者表达式需要执行

2016-09-13 10:25:59 1557

原创 React Native 学习笔记二(React Native开发环境的搭建for mac)

1.安装android studio（2.0版本以上）jdk 版本必须在1.8以上（）2.下载sdk（必须下载23.0.1）ANDROID_HOME环境变量确保ANDROID_HOME环境变量正确地指向了你安装的Android SDK的路径。具体的做法是把下面的命令加入到~/.bash_profile文件中：(译注：~表示用户目录，即/Users/你的用户名/，而小数点开头的文件在Fi

2016-09-09 18:08:01 577

原创 React Native 学习笔记一(认识React Native)

React Native 是有faceBook推出的好处：组件化开发能够降低开发成本能够取代android 和iOS 原生开发不用打包更新使用热更新成为全栈工程师的捷径技术背景：先投入大量精力在html5-->native app(在app store发布仍然很麻烦性能强大)-->分合开发模

2016-09-09 18:05:47 622 1

转载 Fragment的使用介绍二（深入）

转载请标明出处：http://blog.csdn.net/lmj623565791/article/details/37992017上篇博客中已经介绍了Fragment产生原因，以及一些基本的用法和各种API，如果你还不了解，请看：Android Fragment 真正的完全解析（上）。本篇将介绍上篇博客提到的：如何管理Fragment回退栈，Fragment如何与Activity

2016-09-09 11:29:39 306

转载 Fragment的使用介绍一（入门）

转载请标明出处：http://blog.csdn.net/lmj623565791/article/details/37970961自从Fragment出现，曾经有段时间，感觉大家谈什么都能跟Fragment谈上关系，做什么都要问下Fragment能实现不~~~哈哈，是不是有点过~~~本篇博客力求为大家说明Fragment如何产生，什么是Fragment，Fragment生命周期，

2016-09-09 11:25:40 271

转载 Android FragmentManage FragmentTransaction介绍一

一般使用fragment 来处理同一个页面中复杂的逻辑使代码变的更加简洁但是很多时候需要对fragment进行管理来保证fragemnt能够按照我们需要的进行切换销毁和状态回退FragmentManage：FragmentManager能够实现管理activity中fragment. 通过调用activity的getFragmentManager()取得它的实例。

2016-09-09 11:18:01 241

转载快速开发－－模版的创建和使用

前言每次创建新的Android Studio工程时，都需要手动修改一些工程的配置，比如删除不必要的依赖、删掉Activity中不必要的代码配置私有maven库的地址、增加公用的依赖库、修改.gitingore、关闭lint的严格检查、配置APK的输出路径等等；项目比较少还好，如果项目比较多，并且还不断有新人加入时，就可以考虑修改Android Studio默认的project和m

2016-09-09 11:02:16 654

转载 mac android studio 常用快捷键

简易快捷键我们的目标是提高速度和准确性。提速的第一步是停止使用鼠标。第一组快捷键是基于你很有可能经常做的简易操作设置的，如果你用鼠标做了这些操作，你就多花了10倍的时间。编译java源码：SHF+CMD+F9建立工程：CMD+F9运行当前配置：CTR+R在调试器里运行：CTR+D打开工程属性：CMD+;打开Android Studio参数：CMD+,查找任意

2016-09-09 10:52:21 580

转载 android 串口通信选择

问题描述：Android芯片一般使用ARM的，都支持串口通信，google有一个项目专门用来支持串口开发的：android_serialport_api，参考自https://code.google.com/p/android-serialport-api/wiki/android_to_rs232_guideline?tm=6。 Android to RS232：上图中

2016-09-08 10:49:30 935

转载 android 数据库注解创建思路

转载请注明出处：http://blog.csdn.net/cyp331203/article/details/44195975在开发Android应用的过程中，少不了要用到SQLite数据库操作，各种增删查改。。。一般看来，对于不同的实体类的数据库操作，貌似我们只能使用不同的“增删查改”方法来实现，本次的想法就是，能不能抽取出一个通用的框架，使得对于不同的实体类的数据库操作，可以使用同一个接口

2016-09-07 16:22:48 772

转载 android 常用注解

介绍几个support library 19.1中的注解，这几个注解在项目中非常有用，而且library本身也是用了这些注解。让我们来研究下。在项目中使用这些注解很简单，只需要在build.gradle中增加compile 'com.android.support:support-annotations:20.0.0'。下面是三个我们能够使用的基础类型的注解：Nullness anno

2016-09-07 16:03:04 433

原创音频播放工具类

package cn.jlb.pro.intelligentcabinet.library.sound;import android.content.Context;import android.media.AudioManager;import android.media.SoundPool;import android.util.SparseIntArray;imp

2016-09-07 11:56:47 445

转载 android音频播放SoundPool的使用

Android里的SoundPool类是 android.media 包里提供的一个用来播放声音文件的类，可以支持同时播放多个声音文件，可以控制每个文件的循环次数。基本上要遵守下面的步骤： 1 实现 SoundPool.OnLoadCompleteListener 接口的 onLoadComplete函数2 New一个SoundPool 的实例 sndPool，构造函数的第一个参数

2016-09-07 11:54:50 458

转载首页动画效果实现－－viewfilpper

说到android的左右滑动效果我们可以说是在每个应用上面都可以看到这样的效果，不管是微博，还是QQ等。实现左右滑动的方式很多，有ViewPaer(不过这个和需要android-support-v4.jar的支持)，自定义实现Viewgroup，gallery等都可以达到这种效果。这里做下ViewFliper实现左右滑动的效果。以下会会用到的技术有：1、ViewFlipper2、G

2016-09-06 15:24:27 348

转载关于Viewpager ViewFlow Viewfiller总结

ViewPager与ViewFlow都能够使用适配器进行大量数据的适配。并且ViewFlow也带有原点和标题的位置提示，二者比较相像。ViewPager继承ViewGroup。看官网描述，这货和Fragment是好搭档，Fragment有自己的生命周期。也就是说ViewPager更适用复杂的视图切换，而且Viewpager有自己的adapter，这也让其适应复杂对象，实现数据的动态加载。

2016-09-06 15:15:17 388

Youth_never_go_away的博客