[置顶] 使用React Native 和 微信小程序 编写的一款阅读类app ———《轻松一刻》

一款纯React Native原生代码 和 微信小程序 编写的appReact Native源码地址:https://github.com/azhon/Time微信小程序源码地址:https://github.com/azhon/Time/tree/WeChatApp在微信中进入小程序搜索 直接搜索阿钟程序猿或者扫描下方二维码动态效果图看这里微信小程序效果图:     React Native效果...
阅读(142) 评论(0)

[置顶] Android自定义View——实现水波纹效果类似剩余流量球

最近突然手痒就想搞个贝塞尔曲线做个水波纹效果玩玩,终于功夫不负有心人最后实现了想要的效果,一起来看下吧: 效果图镇楼一:先一步一步来分解一下实现的过程 需要绘制一个正弦曲线(sin)或者余弦曲线(cos) 通过水平平移曲线来的到像水波波动的效果 水平移动的同时还需要有水位上涨,也就是向上平移 裁剪画布为圆形,在圆形区域绘制曲线 通过上面4步就可以实现了 二:现在就来实现第一步,绘制一个sin曲线;这...
阅读(15320) 评论(18)

[置顶] 欢迎进入阿钟的博客导航——快速查找所有博客

世上最遥远的距离,是我在if里你在else里,似乎一直相伴又永远分离;世界上最痴心的等待,是我当case你是switch,或许永远都选不上自己;世界上最真情的相依,是你在try我在catch。无论你发神马脾气,我都默默接受,静静处理。到那时,再来期待我们的finally。 Java 浅谈Java设计模式—-建造者模式 浅谈Java设计模式—-单例模式 浅谈Java设计模式—-装饰模式 Java中的一...
阅读(2296) 评论(1)

使用Spring MVC 实现文件上传遇到的问题以及解决方案

我使用的是IntelliJ IDEA开发工具、 Tomcatv7.0.82创建一个Spring MVC项目 步骤如下:只需要静静地等待依赖包的下载即可….为项目进行一些初始配置: 配置web.xml的内容: dispatcher<...
阅读(44) 评论(0)

解决React Native中使用TabNavigator时、对tab只设置文字时文字没有垂直居中

使用react-navigation中的TabNavigator搭建标签导航栏的时候遇到了一个问题,当我们对导航栏只需要设置文字,不设置图片的时候、在ios设备上你会发现文字没有垂直居中(在Android中是好的),因为这个控件默认预留好了图片显示的位置 即使你将showIcon: false设置为false还是一样没有用,我们来看下效果图对比:同时设置图片和文字是正常的当只设置文字时 只需要设...
阅读(289) 评论(0)

ReactNative基础(八)了解FlatList的使用、添加头尾布局、下拉刷新、上拉加载

此博客基于react-native-0.49.3之前我们已经说过ListView这个控件了、FlatList性质也是一样的只不过使用起来更加封闭、内部封装好了 添加头尾布局、下拉刷新、上拉加载等功能…实现的效果:FlatList实现一个最简单的列表<FlatList //数据源 data={[{key: 'a'}, {key: 'b'}]} //渲染每一个Item renderIte...
阅读(524) 评论(2)

解锁Activity的跳转新姿势———使用scheme跳转

Activity的跳转可以说是非常简单的了、从一个页面跳转至另一个页面,我们最常用的也就是下面这种:Intent intent = new Intent(this, xxx.class); startActivity(intent);当然还有我们的隐式跳转,为Intent指定一个action即可Intent intent = new Intent("this is an action"); star...
阅读(641) 评论(7)

使用BottomNavigationView底部导航栏、添加数量角标提醒

度娘了一圈发现基本上都是TabLayout或者其他的导航栏添加角标,所以写这篇博客记录下来。先来看下实现的效果图:代码也是很简单的 BottomNavigationMenuView中的每一个Tab就是一个FrameLayout,所以我们可以在上面随意添加View、这样也就可以实现我们的角标了。 //获取整个的NavigationView BottomNavigationMenuView menu...
阅读(219) 评论(0)

ReactNative基础(七)js代码与原生代码进行交互、打包APK

此博客基于react-native-0.49.3前面两篇博文已经将react-navigation里面三个重要的导航说完了(不是很高深,毕竟对于初学者还是够了的)、那么现在就可以来搞点事情了。与原生代码进行交互、通信、调用原生api 与原生代码交互 使用我们的开发神器Android Studio打开我们项目根目录下的android项目,这样就可以直接在Android Studio上愉快的写代码了。...
阅读(165) 评论(0)

ReactNative基础(六)使用react-navigation实现页面导航布局效果(TabNavigator)

此博客基于react-native-0.49.3上一篇介绍了一下react-navigation依赖库中的StackNavigator 这篇文章就接着上一篇继续往下说也就是依赖库中的第二个导航栏TabNavigator相当于Android中的TabLayoutTabNavigator: 官网地址:https://reactnavigation.org/docs/navigators/tab...
阅读(2730) 评论(4)

ReactNative基础(五)使用react-navigation实现页面的跳转、参数的传递(StackNavigator)

Navigator(导航栏) 在ReactNative v0.43之前的时候官方提供了Navigator组件,在v0.44版本之后官方就把他废弃了这是为什么呢?原因就是有个比他更好的react-navigation导航栏了、不得不说第三方依赖库真的很强大。 React Navigation 官网地址:https://reactnavigation.org 其中包含了我们开发中最常用的三种导航方式...
阅读(583) 评论(2)

ReactNative基础(四)了解ListView的使用、实现GridView效果、编写一个真实网络请求案例

ListView简介 一个核心组件,用于高效地显示一个可以垂直滚动的变化的数据列表。最基本的使用方式就是创建一个ListView.DataSource数据源,然后给它传递一个普通的数据数组,再使用数据源来实例化一个ListView组件,并且定义它的renderRow回调函数,这个函数会接受数组中的每个数据作为参数,返回一个可渲染的组件(作为listview的每一行)ListView文档同时它还有...
阅读(341) 评论(1)

ReactNative基础(三)了解ScrollView并打造一个Banner效果

ScrollView简介 一个包装了平台的ScrollView(滚动视图)的组件,同时还集成了触摸锁定的“响应者”系统。 这个就跟Android中的ScrollView总体来说是一样的,将会超出屏幕的视图使用ScrollView包裹来滑动查看。 ScrollView文档属性介绍 来编写个案例实现下 新创建个ScrollTest.js组件,然后在index.android.js中引入这个组件 in...
阅读(321) 评论(0)

ReactNative基础(二)了解组件的生命周期

生命周期这个词大家一听肯定是不陌生了,在Android中有Activity、Fragment、Service…的生命周期(请原谅我是个小Android);那在ReactNative中组件也是一样有个生命周期的,来引用经典的生命周期流程图: 注意: Es5下的getDefaultProps在Es6上对应的函数是static defaultProps Es5下的getInitialState在Es6上对...
阅读(278) 评论(0)

简单的聊一聊微信支付的那些事

前往官网注册账号创建应用 微信商户平台商家查看一些交易记录和余额提现 微信开放平台给开发者提供的网站 需要使用微信的支付功能肯定是要先去他的微信开放平台申请账号的,这些步骤这里就不讲了。 注册成功之后会收到微信发的邮件,前往商户平台进行密钥设置之类的。 有了账号那就可以创建一个应用,来获取我们的AppID同时要开通微信支付能力,如下图: 填写开发信息 这里需要应用的...
阅读(217) 评论(0)

ReactNative基础(一)编写一个登录页面

React Native 一个跨平台开发的语言!一套代码可以同时跑在多个端,想想都刺激;下面就来用RN开发一个登录页面,熟悉语法和RN代码的编写(大神可以出门右拐)    来看下我们要实现的效果图:         React Native 中文网:http://reactnative.cn/docs/0.48/getting-started.html 在这里你可以跟着教程搭建一个开发...
阅读(635) 评论(3)

基于Hexo与Github搭建个人博客、并绑定已有的域名

博主是基于Mac平台、hexo-cli v1.0.3搭建的,先来欣赏一下成果:我的Hexo博客 关于hexo搭建博客的教程现在是已经满天飞了,为什么我还是要写这篇博客呢?主要还是在搭建的过程中还是碰到了些问题、以此篇博客来记录下。 正文 你首先需要安装Node.js来获得npm命令安装hexo 安装Homebrew、Node.js (Mac系统的包管理器,用于安装NodeJS和一些其...
阅读(239) 评论(0)
91条 共7页1 2 3 4 5 ... 下一页 尾页
    个人资料
    • 访问:154549次
    • 积分:2755
    • 等级:
    • 排名:第14493名
    • 原创:90篇
    • 转载:1篇
    • 译文:0篇
    • 评论:237条
    大佬们请随意打赏
    友情链接
    博客专栏
    最新评论