对标小程序 _ _快应用_开发入门指南，Android布局优化之include、merge、ViewStub的使用

安装完成后是这个样子：

到这里，恭喜你已经开发了第一个块应用了~

你可以打开布局边界看看是否是原生的。

三、自己开发一个快应用

3.1 基础配置

想要自己开发一个快应用，首先应该有个IDE来用。

你可以选择webstorm，vscode，或者sublime，当然如果你都没有，用记事本吧…

我这里使用的是vscode，不过和sublime体验差不多…

首先我们修改src/manifest.json：

修改下logLevel为debug，这个很关键，一会看不见日志会很痛苦。

然后我们修改了包名，应用名和icon，这些无所谓.

此时你可以运行：

npm run build

然后就会生成新的rpk文件了，接下来安装。

3.2 文章列表页

我们直接用他的Demo/index.ux

3.2.1

先编写一下布局，布局为一个list和一个上拉加载组件：

{{$item.title}}

{{$item.author}} {{$item.niceDate}}

加载更多 没有更多了~

可以参考官方文档：https://doc.quickapp.cn/tutorial/widgets/list-tutorial.html

大致说一下，list标签设置了一个onscrollbottom，即滚动到底部会触发loadMoreData.

渲染会遍历读取articleList数组，然后通过{{$item.title}}的方式取单个对象的属性值，此例为取title属性。

我们还给list-item加了一个onclick时间，触发loadUrl.

3.2.2 编写js

编写JS

data中定义了一些数据结构，当发生修改时会触发渲染。

在onInit的时候我们设置了标题，并调用了this.loadArticlesJson方法，这里会直接去访问：

http://www.wanandroid.com/article/list/0/json

访问json数据，然后我们加入到this.articleList中渲染界面。

当拉到底部时，会触发loadMoreData，一样是加载数据并渲染。

当点击单个条目时，触发loadUrl，即通过webview去加载页面。

此时你还不能运行，因为使用了await natives去访问，还需要一些配置。

来到src/app.ux设置一些全局配置，在里面添加：

// 脚本：regenerator.js
// 全局引用
const globalRef = global.proto || global
// global注入regeneratorRuntime
globalRef.regeneratorRuntime = require(‘babel-runtime/regenerator’)

// asyncNatives.js
import nativeFetch from ‘@system.fetch’

const natives = {
/**

• 网络请求
• @param options
• @return {Promise}
  */
  async fetch (options) {
  const p1 = new Promise((resolve, reject) => {
  options.success = function (data, code) {
  resolve({ data, code })
  }
  options.fail = function (data, code) {
  resolve({ data, code })
  }
  nativeFetch.fetch(options)
  })
  return p1
  }
  }
  globalRef.natives = natives

即可。

当然运行过程中，最好打开日志查看，可以开启一个命令行，执行：

adb logcat | grep JsConsole

自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数Android工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则几千的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年Android移动开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Android开发知识点，真正体系化！

由于文件比较大，这里只是将部分目录大纲截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且后续会持续更新

如果你觉得这些内容对你有帮助，可以添加V获取：vip204888 （备注Android）

最后

对于程序员来说，要学习的知识内容、技术有太多太多，要想不被环境淘汰就只有不断提升自己，从来都是我们去适应环境，而不是环境来适应我们！

最后，我再重复一次，如果你想成为一个优秀的 Android 开发人员，请集中精力，对基础和重要的事情做深度研究。

对于很多初中级Android工程师而言，想要提升技能，往往是自己摸索成长，不成体系的学习效果低效漫长且无助。整理的这些架构技术希望对Android开发的朋友们有所参考以及少走弯路，本文的重点是你有没有收获与成长，其余的都不重要，希望读者们能谨记这一点。

为了大家能够顺利进阶中高级、架构师，我特地为大家准备了一套高手学习的源码和框架视频等精品Android架构师教程，保证你学了以后保证薪资上升一个台阶。

以下是今天给大家分享的一些独家干货：

漫长且无助**。整理的这些架构技术希望对Android开发的朋友们有所参考以及少走弯路，本文的重点是你有没有收获与成长，其余的都不重要，希望读者们能谨记这一点。

为了大家能够顺利进阶中高级、架构师，我特地为大家准备了一套高手学习的源码和框架视频等精品Android架构师教程，保证你学了以后保证薪资上升一个台阶。

以下是今天给大家分享的一些独家干货：

[外链图片转存中…(img-rFdvw16b-1711864739350)]

本文已被CODING开源项目：《Android学习笔记总结+移动架构视频+大厂面试真题+项目实战源码》收录