android漫画app代码,漫画书Android客户端 – ComicApp

news/2024/12/5 5:06:35/

漫画书

1.平台:Android客户端(后期完善IOS端)

2.开发框架:React Native react-redux react-thunk

3.开发工具:Vs Code 1.8

1.项目架构

app

actions 用户行为

reducer 对用户行为进行分发,更新状态

store 整合全部reducer

container 业务模块

components UI组件

utils 工具文件

images 图片

constan 常量

style 样式

api 网络URL

widget 自定义组件

root.js App根文件

app.js App入口

index.ios.js

index.android.js

项目采用React-Native react-redux react-thunk框架开发,目前由于没有mac设备,只完成兼容Android环境,代码模块化实现,组件封装实现代码复用。

2.App模块

分为首页、发现、精选、我四大版块,以下是功能列表:

1.使用ViewPager跟ListView展示图文列表。

2.推荐精彩漫画列表。

3.精选内容,分类展示,增加滑动Tab,增加用户体验。

4.自定义扩展ListView,实现上拉加载更多数据,下拉刷新数据。

5.添加缓存功能,增强用户体验。

项目用到的接口来自聚合数据。

3.整体设计

使用官方的Navigator管理全局路由,可自由配置Scene的出场动画,处理Android端的后退键事件

使用FlexBox和jsx语法进行布局,并封装了一系列通用的组件,比如TopBar 、带上下拉功能的ListView等,便于全局复用

导入第三方库react-native-wechat实现微信分享

使用InteractionManager,阻止ListView的头部和尾部频繁刷新,优化渲染性能。

在深刻理解的前提下引入redux相关功能,包括redux/react-redux/redux-thunk/,设计与漫画列表和详情相关的全局state结构,使用redux管理相关的组件

4. 第三方库

依赖方式,cd到项目根目录,执行: npm install [插件名称] -save

(1)redux: ^3.6.0

(2)react-redux: ^5.0.2

(3)react-thunk: ^1.0.0

(4)redux-thunk: ^2.1.0

(5)react-native-blur: ^2.0.0

(6)react-native-viewpager

(7)react-native-vector-icons: ^4.0.0

(8)react-native-scrollable-tab-view: ^0.7.0

(9)react-native-lightbox: ^0.6.0

(10)react-native-simple-store: ^1.1.0

5.运行截图

jEFjeq.jpg

ZZbMvq.jpg

iaq2Ij.jpg

juuEFz.jpg

BjiiYz.jpg

Uz2m6n.jpg

fI7FZn.jpg


http://www.ppmy.cn/news/265334.html

相关文章

ViewAnimator教程

本文翻译自ViewAnimator Tutorial With Example In Android Studio 在Android中,ViewAnimator是FrameLayout的一个子类,用来做Views之间的切换。它是一个变换控件的 元素,帮助我们在Views之间(如TextView, ImageView或者其他layo…

从Manga Reader爬取我喜欢的漫画

自去年十月份实习后,就没碰过博客了。今天偶然间翻到了一年前为了看一个韩国漫画而写的一个爬虫脚本。也许过一段时间,这个脚本就彻底消失了。为了不让它消失,就存到我的博客上吧。 下面直接上代码,技术用的不是很多,主…

Tachiyomi 使用指南:一款开源的聚合漫画阅读软件

文章首发于个人公号:「阿拉平平」 前段时间,听闻三浦建太郎离世的消息,倍感惋惜。三浦先生的代表作:『剑风传奇』(又名:烙印战士)用黑暗写实的画风,讲述了剑士格斯不断与命运抗争的故…

picview是哪里的图片_PicViewer(图片浏览器)

PicViewer是一款简单易用的图像浏览助手,软件支持大部分格式的图片文件,可以根据分类进行图片浏览,能够满足不同用户的多种需求,有需要的朋友可以下载使用。。 相关软件软件大小版本说明下载地址 PicViewer是一款简单易用的图像浏…

日本漫画家官方网站

CLAMP      http://www.clamp-net.com/ JUDAL        http://www12.u-page.so-net.ne.jp/rk9/judal/ 安倍吉俊       http://www.people.or.jp/~ab/index.html 坂田晴子       http://www2u.biglobe.ne.jp/~ysakata/ 北神谅       http://swat…

CartoonShader

一、卡通渲染风格知识 1.日式卡通风格,有明显的明暗分界 2.通过Shader,配合光照贴图(LimTex),实现具有实时动态阴影日式卡通风格。 3.日式卡通材质比较重要的主要纹理 主纹理MainTex 也就是diffuse纹理,…

Comic Life - 超棒的漫画制作工具,拥有多种动画模版,创作属于自己的漫画

Comic Life - 超棒的漫画制作工具,拥有多种动画模版,创作属于自己的漫画 Comic Life是一个照片编辑器,能够添加各种效果,并基于它们创建漫画。该工具包包括各种各样的模板,可以很容易地将照片放置在工作表上&#xff0…