源代码链接:https://pan.baidu.com/s/1bnwf7i5PJ9v7w08C4BbBLA
提取码:vdwa
玩了半年自认为高收益的做了个集合,大家看截图吧,不敢发文字。
内容也看截图:
截图接不下,就部分吧!我在之前的博客都发布过相关的文章。
分享点做app的思路。
1、单文件(这个auto4项目有Bug解决不了)
2、每个app一定要有UI,所以代码中起手就是UI
3、UI组件编程,这个费劲啊。不过哥们弄了一套成型的UI框架分享给大家,当然也不是我编码的。官方的。
"ui"; var color = "#009688"; ui.layout( <drawer id="drawer"> <vertical> <appbar> <toolbar id="toolbar" title="示例"/> <tabs id="tabs"/> </appbar> <viewpager id="viewpager"> <frame> <text text="第一页内容" textColor="black" textSize="16sp"/> </frame> <frame> <text text="第二页内容" textColor="red" textSize="16sp"/> </frame> <frame> <text text="第三页内容" textColor="green" textSize="16sp"/> </frame> </viewpager> </vertical> <vertical layout_gravity="left" bg="#ffffff" w="280"> <img w="280" h="200" scaleType="fitXY" src="http://images.shejidaren.com/wp-content/uploads/2014/10/023746fki.jpg"/> <list id="menu"> <horizontal bg="?selectableItemBackground" w="*"> <img w="50" h="50" padding="16" src="{{this.icon}}" tint="{{color}}"/> <text textColor="black" textSize="15sp" text="{{this.title}}" layout_gravity="center"/> </horizontal> </list> </vertical> </drawer> ); //创建选项菜单(右上角) ui.emitter.on("create_options_menu", menu=>{ menu.add("设置"); menu.add("关于"); }); //监听选项菜单点击 ui.emitter.on("options_item_selected", (e, item)=>{ switch(item.getTitle()){ case "设置": toast("还没有设置"); break; case "关于": alert("关于", "Auto.js界面模板 v1.0.0"); break; } e.consumed = true; }); activity.setSupportActionBar(ui.toolbar); //设置滑动页面的标题 ui.viewpager.setTitles(["标签一", "标签二", "标签三"]); //让滑动页面和标签栏联动 ui.tabs.setupWithViewPager(ui.viewpager); //让工具栏左上角可以打开侧拉菜单 ui.toolbar.setupWithDrawer(ui.drawer); ui.menu.setDataSource([ { title: "选项一", icon: "@drawable/ic_android_black_48dp" }, { title: "选项二", icon: "@drawable/ic_settings_black_48dp" }, { title: "选项三", icon: "@drawable/ic_favorite_black_48dp" }, { title: "退出", icon: "@drawable/ic_exit_to_app_black_48dp" } ]); ui.menu.on("item_click", item => { switch(item.title){ case "退出": ui.finish(); break; } })
有了这个代码就可以尽情的编写自己的app了。
4、打包生成apk,我在之前的文章写过,这里就不写了。
再次强调下载源码附赠apk。
源代码链接:https://pan.baidu.com/s/1bnwf7i5PJ9v7w08C4BbBLA
提取码:vdwa