uniapp开发安卓教程(uniapp开发android)
本篇文章给大家谈谈uniapp开发安卓教程,以及uniapp开发android对应的知识点,希望对各位有所帮助,不要忘了收藏本站喔。
本文目录一览:
- 1、uniapp(安卓端)百度地图的使用
- 2、uni-app从入门到精通
- 3、uniapp如何集成第三方安卓应用
- 4、uniapp原生插件开发-android端-component扩展
- 5、uniApp与原生Android 的交互(uni生成android壳子)
uniapp(安卓端)百度地图的使用
公司项目中有地图展示和定位功能,使用uniapp本以为应该很是容易,应该有现成的空间,去插件市场一找,大部分的插件都是针对H5的,对于app端很少,要不就是需要花钱,这才自己动手实现。
公司过去的项目使用的是百度地图,所以uniapp也就只能使用百度地图了,但是一看官方文档:就是没有百度地图。
在网上搜了一堆,需要使用使用到自定义基座,才能使用,那就只能通过自定义基座看看效果。
1.首先去 百度地图开发者平台申请
这里主要是对安卓端进行操作(这里的包名和下边创建基座的包名一致)
2.申请后再Hbuilder中manifest.json 中配置
3.制作基座
切记:Android包名一定要和百度地图开发平台中的一致
一、定位
1.创建获取定位的类fun.js
2.主类main.js中引入
3.需要的类中使用
输出结果:
二、地图展示
一开始的时候,我总是试图寻找百度地图是不是对uniapp这个平台有单独的API,但是很可惜没有。在百度地图引入后,直接调用uniapp给的map组件,可以展示出地图,但是很多的属性不支持,也找不到相关的处理文档。没办法,上网查找,大部分的处理方案是通过动态引入百度地图JavaScript API GL框架,进行展示。
这个地方,我们需要在百度地图开发者平台申请web前端的开发的key
1.百度地图开发者控制平台,创建web端应用
2.创建动态引入百度地图的script类map.js
3.使用(这里使用到了renderjs),切记如果需要开文档,查看JavaScript API GL相关文档
4.运行效果
这样地图的定位和地图展示基本就完成了,如果需要更加复杂的功能只能去查看百度的官方文档
uni-app从入门到精通
第1讲 : 创建项目、部署 VUE 、入口页面布局
第2讲,快速开始第一个项目
第3讲 : uni-app 开发规范及目录结构
第4讲 : uni-app 页面样式与布局
第5讲 : uni-app 配置文件 - pages.json
第6讲 : 配置文件 - manifest.json
第7讲 : uni-app 页面生命周期
第8讲 : uni-app 模板语法 - 数据绑定
第9讲Class 与 Style 绑定 (动态菜单激活示例)
第10讲 : uni-app 事件处理、事件绑定、事件传参
第11讲 : uni-app 组件 - 基础组件
第12讲 : uni-app 组件 - 表单组件
第13讲 : uni-app 组件 - navigator(导航)及页
第14讲 : uni-app 组件 - 媒体组件
第15讲 : uni-app 组件 - 地图组件
第16讲 : uni-app 接口 - 网络请求
第17讲 : uni-app 接口 - 从本地相册选择图片或使
第18讲 : uni-app 上传(图片上传实战)
第19讲 : uni-app 接口 - 数据缓存
第20讲 : uni-app 设备相关
第21讲 : uni-app 交互反馈
第22讲 : uni-app 设置导航条
第23讲 : uni-app 导航(页面流转)
第24讲 : uni-app 下拉刷新
第25讲 : uni-app 上拉加载更多
第26讲 : uni-app 第三方登录(小程序篇)
第27讲 : uni-app 登录(h5+ app 篇)
第28讲 : 自定义组件创建及使用
uniapp如何集成第三方安卓应用
1、首先打开uniapp这个软件。并登录自己的账号
2、其次点击该软件的右上角,并找到集成第三方安卓应用的选项。
3、最后点击进去即可完成。
uniapp原生插件开发-android端-component扩展
本篇为 uniapp原生插件开发-android端-component扩展
这里实现一个原生的MPAndroidChart的饼状图扩展
效果如下
提醒:修改完这些你可能需要重新打开android studio,不知道是不是我的as版本太新了,修改了,然后一直停止不了之前的同步进程,重新打开as让他构建项目
该组件的调用方式为:
方法描述
initComponentHostView :使用该组件时,会自动调用该方法,返回一个你要扩展的原生组件
@UniComponentProp(name = "labelColor") :给该组件添加一个属性,类似调用方式的 labelColor="#8A2BE2"
@UniJSMethod :声明一个该组件的方法,可以通过 this.refs.tPieChart.rotate() ,调用aging方法
uniApp与原生Android 的交互(uni生成android壳子)
3、在开发者中心配置Android证书签名
4、本地打包
打开HBuilder-Integrate-AS项目,将本地打的包拷贝到assets文件夹
uniapp开发安卓教程的介绍就聊到这里吧,感谢你花时间阅读本站内容,更多关于uniapp开发android、uniapp开发安卓教程的信息别忘了在本站进行查找喔。
-
上一篇
学习软件开发大概多少钱(学软件开发赚钱吗) -
下一篇
包含遂平网站优化哪家好的词条