Git Product home page Git Product logo

weex-android-joke's Introduction

阿里巴巴weex校园开发大赛作品

该app获得比赛第二名

weex开发流程

1.打开Android Studio,初始化一个项目

2.配置好gradle,安装好weex-sdk(我用的是v0.8.0版本)

    compile 'com.android.support:recyclerview-v7:24.2.1'
    compile 'com.android.support:appcompat-v7:24.2.1'
    compile 'com.alibaba:fastjson:1.1.45'
    compile 'com.taobao.android:weex_sdk:0.8.0@aar'
    compile 'com.squareup.picasso:2.5.2'

3.利用Picasso实现ImageAdapter

public class ImageAdapter implements IWXImgLoaderAdapter

4.配置好webpack.config.js,实现热更新编译we文件到Android项目下的assets文件加下

5.开发实现你的功能ing

遇到的困难

1.SDK0.8.0版本无法实现加载本地图片,新版本已经可以实现

2.weex功能还不是很完善,自己需要写很多扩展

3.前端开发者需要安卓原生开发知识

为什么不使用weexpack和weex-toolkit

    我开发笑话部落格的时候,这两个开发工具都不是很好用,weexpack打包出来的apk难于更改。当时weexpack还没有插件市场等高级功能,现在weexpack已经很好用了。weex-toolkit用来开发H5效果不错,开发安卓需要自己改下配置。现在weex-toolkit已经支持vue2.0,效果不错,大家可以无需学习.we语法直接使用vuejs语法,web原生开发两不误。     我的建议是两者现在都可以去用啦

.vue与.we的选择

    在weex0.9.4版本之前,weex还不支持vuejsrax作为js runtime framework,在第二届weexconf上勾股宣布支持vuejs和raxjs作为weex的js运行时框架。个人建议使用vue2.0的语法来写,这样学习收益看起来是最好的,vuejs和weex两不误。我使用weex做开发的时候别无选择,只能写.we来编译。

Weex和React Native

两者都是优秀的js移动开发框架,前者轻量适合嵌入,后者生态完善适合完全用RN来开发应用,如果有H5的考量建议weex,RN官方目前不支持兼容web开发(有第三方支持)。个人喜欢用weex开发安卓,rn开发ios.反正就是折腾啊。。。

使用笑话部落格

仅仅支持安卓apk

	weex-android-joke
	 ├──Android //java代码
	 ├──Apk
	 │   └─xiaohua.apk //可直接安装的apk文件,支持安卓4.0以上版本
	 ├──weex  //weex代码,含有webpack配置文件
	 └──README.md  //readme

使用git下载项目代码,会得到项目源码和安卓apk。

	git clone https://github.com/iChenLei/weex-android-joke.git

License

MIT Copyright (c) 2017-present, @ChenLei

weex-android-joke's People

Contributors

dependabot[bot] avatar ichenlei avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

weex-android-joke's Issues

native 如何传参给 weex

我看到你在CommentActivity里 里面有一局代码String json = "{'a':2,'b':'chen'}"; 应该是用在
mInstance.render("WeexQuickStart",WXFileUtils.loadAsset("weex/modules/comment.js",this), json, null, -1, -1, WXRenderStrategy.APPEND_ASYNC);}
这个方法传到comment.js中,可是在comment.js中要如何调用传进来的参数,代码中没有找到

留言

注册不了weex.help,而且我的GIt也登录不了改论坛。最近也在关注weex楼主可否留个邮箱交流

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.