源代碼鏈接: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