uniApp与Android原生插件互传数据
 
uni-app 是一个使用 Vue.js 开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、Web（响应式）、以及各种小程序（微信/支付宝/百度/头条/QQ/钉钉/淘宝）、快应用等多个平台
 但是我们在使用uniApp的时候很多功能无法满足我们的需求或者我们需要使用第三方的SDK进行高度定制。那么这时候我们难免会使用原生插件的方式去满足我们的需求。
 uni官方文档给出了给uni定制原生插件的方式，但是文档写的不太好，导致对于小白来说可能不太友好。因此我亲身使用后把过程记录一下，希望可以帮助到有需要的人。
 
首先给到官方的文档地址：
 原生插件开发教程： 原生插件开发教程
 原生工程配置教程：原生工程配置教程
 
ok开始我的表演：
 
开始集成
 
首先我们需要下载官方提供的sdk
 下载地址：https://nativesupport.dcloud.net.cn/AppDocs/download/android
 咱们下载最新正式版本就行
 
 下载好以后你回得到这么一个文件夹
 
 咱们就先管SDK和UniPlugin-Hello-AS的这个demo
 
使用AS打开UniPlugin-Hello-AS这个工程，你回看到如下的目录
 圈起来的这几个地方是重点，请继续往后看！
 这里要注意一下几点
 插件目前暂时不支持Kotlin
 gradle版本注意事项
 HX3.0.0+版本云打包及相应版本SDK都将gradle版本4.6-all升级到6.5-all，tools.build:gradle版本3.2.1升级到4.1.1。
 修复部分SDK集成后编译打包失败问题
 适配android11的编译新特性。
 修复tools.build:gradle:3.2.1版本编译检测是否需要AndroidX依赖库不准确问题。如果您的插件在HX3.0.0+版本编译报错需要AndroidX依赖库。那证明您之前集成的SDK是需要AndroidX的。请配置useAndroidX。具体可查看package.json
 如果您下载的SDK是3.0.0+版本请将本地gradle版本升级到6.5-all，tools.build:gradle版本升级到4.1.1。防止编译报错等问题。如果遇到编译内存不足可能是关闭了R8混淆导致 需要开启。
 tools.build:gradle:4.1.1版本编译器可能无法适配老的插件原生编译。会导致之前的插件可能无法正常编译通过或编译完成apk无法正常使用！需要插件开发者尽快适配4.1.1的编译环境。
 Activity变更为FragmentActivity注意事项
 HX3.0.7版本云打包及相应版本SDK开始将Activity变更为FragmentActivity.解决部分插件开发者需要加载Fragment的需求。但也带来了一些代码与之前不同的修改。需要注意以下问题：
 requestPermissions需要限制requestCode的值域，之前Activity没有限制requestCode的值域。FragmentActivity的权限申请限制requestCode的值域不能为负值,也不能大于16位bit值65536。否则报异常或崩溃Can only use lower 16 bits for requestCode，强烈推荐使用0~60500之间取值。
 HX3.1.6+开始 集成SDK需要将compileSdkVersion调高至29+
 
 
uni现在支持扩展module和扩展组件 Component
 
 
咱们这里以module为列吧
 首先你要保证UniPlugin-Hello-AS能够正常运行可以看到uni的demo。
 接下来就是玩我们自己的demo了
 新建一个module或者引入已有的module就行
 
 然后咱们要进行一些配置：
 首先添加一下咱们module使用的权限
 
 引入app下面的libs下面的uniapp-v8-release.aar包
 
 添加防止混淆和支持的架构哭
 
 接下来去到settings.gradle中干掉他其他的module，留下咱们自己的就行
 
 app下的gradle也搞一下
 
 注意：app的gradle里面的compile only要改成implementation，否则module和依赖都只会参与编译，不会参与打包，你会发现运行会报找不到类的错误
 其他uni需要的库咱们不动它
 如果你是自己新建的工程需要按照app的gradle进行对齐，包括一下的内容
 
 接下来咱们开始写module的里面我们需要的扩展module
 新建一个类继承自UniModule
 
 写我们需要uni调用的方法
 
 
@JSMethod就是一个是否运行在ui线程的注解，uni会根据这个注解判断是否需要运行在主线程，如果需要向uni传递参数，就使用JSCallback，通过callback.invoke把传递的对象调出去。注意这里的方法名一定要和uni那边调用的一摸一样，差一个字母都不得行！
 那么uni要怎么接受这个对象呢？
 首先我们需要在dcloud_uniplugins.json里面注册一下我们的module，这个name的值就很关键了，uni会通过name的值去找这个module
 
 马赛掉的部分就是你的module或者组件的报名.module名。自己注意就好
 接下来切到uni
 

 uni需要先去请求这个module，注意看这个值，是不是和之前的name一摸一样。
 ok这样就拿到了一个我们的木module对象，接下来就用它来调用我们的原生方法和传参数了
 
 咱们在js中写个接口给外部调用就行。
 参数名称一定要和原生那边对齐，不然拿不到滴
 接下来就把uni给打包出来生成一个本地的app资源
 
 
打包后你回得到一个这样的文件，就在你uni工程的根目录下的unpackge下main
 
 有没有感觉有点熟悉：
 仔细看我们的UniPlugin-Hello-AS工程下的这个
 
 
是不是长得很像，哈哈 右键把它delete掉，啥也不留，最后我们自己新建一个apps目录，把我们打包出来的文件弄进去
 
 
然后根据这个名称配置一下dcloud_control.xml，这里一定要保证appID一致
 也可以看看这个文件
 
 
完成以上步骤以后，点击运行，恭喜你，看到你的app了。
 
当然，只是把uni打包为我资源包到Android，咱们还可以
 以生成uniapp插件的形式将module打包到uni，这样方式打包后可以提交到uni插件市场。具体请看官网教程：
 https://nativesupport.dcloud.net.cn/NativePlugin/course/package

 

 
现在有很多产品为了降低设计成本并保持多平台体验的一致性，都以iOS为主做一套交互设计，应用于iOS和Android两个平台。但是在标注与切图的环节，如何高效的与开发对接，似乎并没有什么更高明的办法。很多团队的做法是先做一套iOS的UI+标注+切图，再在iOS的基础上缩放一套Android的UI+标注+切图。事实上这样的做法是低效，且无效的。为什么且如何做呢？
 
首先本文大前提是，交互以iOS的设计为主导，应用于iOS和Android两个平台。本文描述的方法更适用于人力资源较为匮乏的设计团队。
 
对于设计环节。
 
我对iOS和Android使用同一套iOS的交互设计这种做法不置可否，毕竟好多人都已经这么干了。而很多情况下，到底用一套交互还是两套，这个问题是被设计部门的话语权、项目的周期、人力资源等多个因素影响的，并不是简单的节操问题。所以这里不讨论到底一套交互对不对，只讨论这种情况下怎么干活。
 
那么既然是同一套设计，如果仅仅是为了达到的交付物标准，输出两套几乎完全一样的iOS和Android的UI图，这种事情略显蛋疼。据我所知有一些设计团队都在不明真相地这么干着。
 
来看设计环节的交付物。
 
iOS和Android开发需要的设计交付物至少要有：高保真UI图，标注，切图。
 
高保真UI图所起到的作用是，开发会参照其画页面，仅仅是获知页面样子的一个手段，并非什么高精度的事情。仅仅基于这一条，设计师就没有必要出iOS和Android两套样子一样只是大小不同的图的，对于开发来说，他们只需要看到页面样子即可。
 
标注和切图的作用是，开发会按照标注的尺寸，把切图按照高保真UI图的摆放方式做到界面上。那么问题来了所需要的标注和切图是不一样的。如何在一套iOS的高保真UI图上做出两套标注和切图呢？
 

 
众所周知iOS设计的像素尺寸是640960/1136，Android主流的hdpi模式下的像素尺寸是480800。如图，他们的换算关系是，iOS像素尺寸的75%是Android的像素尺寸
 
于是很多设计团队就基于这个75%的关系去做Android的图了，但是这不是个好方法，这是一个设计和开发没有成为好基友的状态下所使用的方法。
 
我们知道Android开发所使用的单位并非像素，而是一个叫做dp/sp的单位，人家压根就不用像素，你费劲半天调一个480800又有啥用呢？你给他标注上，这个宽度300像素，又有啥用呢？设计不懂开发，开发也不懂设计，Android不懂iOS，iOS也不懂Android，很多同志就在这种“矩阵式的彼此的不理解”中凑合干着。
 
我们以480X800像素尺寸下做的设计图为基准。开发将部件尺寸换算成dp尺寸的方法是，像素尺寸X2/3。这也是为什么要让Android部件尺寸能让3整除的原因。所以在hdpi模式，480X800像素尺寸设计图中，开发看到300px宽度的标注，会定义其为宽200dp，到这里Android开发才得到一个他们真正会用于开发的数值。
 
这整个过程，设计师做iOS尺寸图并标注，设计师调整iOS尺寸图为Android尺寸并标注px，Android开发看着设计师交付的标注，再将其换算成dp，很长的一个过程。
 
其实经过以上整个过程之后，我们已经得出了一个更简单的换算关系：iOS像素尺寸75%=Android像素尺寸，Android像素尺寸2/3=Android的dp尺寸。进而得出：iOS像素尺寸75%*2/3=Android的dp尺寸。所以，iOS里一个宽600px的东西，在Android的hdpi模式下，正好300dp，正好是50%，很容易算是吧？
 
在这个关系的指导下，我们可以在同一套UI图上做适用于两个平台的标注。只要Android的开发知道，标注600px的东西，在hdpi模式下等于300dp这个换算关系，一切都简单了。当然，平台的区别要留意，例如iOS使用十进制色值，Android使用16进制，iOS可以绘制圆角和阴影，Android更倾向于用.9.png等。这些差异要在同一套标注中体现出来，让两端的开发各取所需。(如果你发现标注软件中无法在同一张图上标十进制和十六进制色值，你可以用文字标注替代其中一个，qq的截屏工具中也是带色值提示的，办法很多不再赘述。)
 
至此，已经可以做一套标注，让Android和iOS的开发共同使用了。当然前提是你要告诉开发这个标注怎么看，怎么用！
 
附加切图规则
 

 
        最近学习了Unity与Android交互，看了许多相关的文章，写篇博客记录以下具体过程。
 
       Unity配置：
 
        使用 U3D与Android的交互，首先需要对Unity进行JDK、SDK、NDK配置。Unity每个版本对于JDK、SDK、NDK的版本都有特定的要求，配置需要下载准确的版本（一定要注意！！！！！配置版本不对会出现各种Bug！！）。
 
        这里我用了一个博主的方法（原链接放到文末）。我使用unityHub安装的Unity Editor，找到你的Unity编辑器目录，找到目录下的modules文件（该文件为JSON文件，文件中有该Unity版本需要的JDK、SDK、NDK的下载URL，自己去下载SDK版本不对容易踩坑。）：
 
 
 
 
 打开modules文件（记事本就行）复制内容，找一个JSON数据格式化网站格式化下。Ctrl+F搜索android，我们需要找到以下内容（如果找不到下图的内容，检查Unity是否添加了Android Build Support模块）：
 
        （1）Android Build Support
 
 
复制downloadUrl进行下载， 下载后进行安装。注意json文件中destination，destination表示你需要将文件安装在该位置。图中为{UNITY_PATH}，表示你的编辑器安装的根目录，即modules文件的上层目录。如我的安装目录为：D:\UnityEditors\2020.3.8f1c1。安装完成后打开D:\UnityEditors\2020.3.8f1c1\Editor\Data\PlaybackEngines\AndroidPlayer，内容如下（SDK、NDK、OpenJDK是自己新建的，后面会讲）：
 
 
         （2）Android SDK & NDK Tools
 
       
 
 
同样点击Url进行下载，下载后将文件解压在 Editor\Data\PlaybackEngines\AndroidPlayer\SDK中（SDK文件夹是自己新建的），解压后是一个名为tools的文件夹。
 
        （3）Android SDK Platform Tools
 
           
 
 
 
    同（2），下载解压到对应文件夹。
 
        （4）Android SDK Build Tools
 
 
 点击URL下载后，注意这里与之前不一样的地方：destination下出现了两个字段：renameTo与renameFrom。我们打开下载的压缩包，可以看到下面的结构：
 
 
 我们看到有一个名为android-9的文件夹（不同版本的Uinty里面的文件可能不同），根据renameFrom，我们将它解压在SDK文件夹下。再看renameTo，它要求要有build-tools文件，我们再SDK下新建build-tools，将android-9改名为28.0.3并移动到build-tools文件中。目录结构如下：
 
 
        （5）Android SDK Platforms 
 
 
与（4）相同，下载压缩包，在SDK文件中新建platforms文件，将压缩包解压到platforms文件中，并将文件名android-10改为android-29。下载的文件与完成后目录如下：
 
        
 
 
 
       到这里SDK文件夹的所有内容都安装完了，SDK文件目录如下：
 
 
         （6） Android NDK
 
 
同（4）（5），下载NDK，新建NDK文件夹 ，将下载后的文件解压在NDK文件中，得到名为android-ndk-19的文件。注意，这里需要将android-ndk-19文件里的所有内容剪切到NDK文件中，之后删除android-ndk-19文件。
 
 
        （7） OpenJDK
 
 
点击URL下载JDK，在SDK文件夹下新建OpenJDK文件 ，将压缩包解压到OpenJDK文件中。
 
 
到此Unity配置需要的文件都安装完成，接下来进行使用Unity进行路径配置。 
 
打开Unity，新建一个Unity项目（该项目之后用于与Android交互）。点击Edit->Preferences，查看External Tools，会看到下图：
 
 
这样就配置完成了。 
 
下面放下之前自定义路径配置出错的情况：
 
 
上图是我自己下载JDK、SDK、NDK并自定义路径的情况。会发现出现了黄色感叹号，提示内容告诉你JDK、SDK版本不支持。导致后续在项目Build的过程中出现莫名其妙的报错。如果是自己下载配置路径，一定要注意版本！！！ 
 
         Unity与Android交互：
 
                1.Android项目：
 
      （1）新建一个安卓项目：
 
 
 
        （2）项目中新建一个Moudle，选择Android Libiary，名称随便取：
 
        
 
 
 
 
 
 
        （3） 在新建模块的src->main->java->com.xxx.xxx下新建一个Class：
 
 
在类中写一个简单的方法用于反馈交互信息：
 
 
编写完毕后选择 添加的模块（本文的模块名为tounitylib）进行ReBuild Project ：
 
 
 ReBuild成功后在tounitylib->build->outputs->aar目录下找到aar文件，右键点击Show in Explorer可查看该文件位置，该文件相当于将该模块集成为一个库，我们可以在Unity项目中使用它。
 
到此Android项目就完成了（先不要关闭，之后测试需要该项目控制台打印反馈）
 
 
         （2）Unity项目
 
        Unity项目可以使用配置时的项目，也可新建一个。（因为这里先讲的Unity配置所以用之前的Unity项目）。打开Unity项目，点击File->Build Settings将平台转换为安卓：
 
 
转换完成后在Assets目录下新建Plugins->Android文件夹，将之前的安卓arr包放入： 
 
 
新建一个Button，并为其添加一个脚本用于测试（创建Button、添加点击事件这里就不多说了）：
 
 
 脚本Test代码：代码很简单，看注释
 
 
         Unity项目打包：点击File->BiludSettings,点击player Settings对公司名、包名进行修改（包名必须修改否则可能报错）：
 
 
 
修改完成后返回Build Settings，点击Build或Build  And Run（本文使用真机测试，直接点击Bilid And Run--生成APK并运行。若点击Build则只生成Apk包，可在模拟器或真机中安装该APK文件）。点击后输入文件名与保存位置。
 
 
打包完成项目成功运行后，点击按钮，并到Android Studio 日志查看反馈。
 
手机运行打包的APK： 
 
 
Android Studio打印的日志：
 
 
到此Unity与Android的交互过程完成。
 
Unity配置原文——》传送门
 
 
 
 
 
 
 
 
 
        
 
        
 
 
 
 
 
        
 
 
 

 
该楼层疑似违规已被系统折叠 隐藏此楼查看此楼
 

 
package="com.vcgame.xxdq.miKu"
 
android:versionCode="1"
 
android:versionName="1.0" >
 

 
android:minSdkVersion="9"
 
android:targetSdkVersion="23" />
 

 
android:allowBackup="true"
 
android:icon="@drawable/icon"
 
android:label="@string/app_name"
 
android:theme="@style/AppTheme">
 

 
android:label="@string/app_name"
 
android:configChanges="fontScale|keyboard|keyboardHidden|locale|mnc|mcc|navigation|orientation|screenLayout|screenSize|smallestScreenSize|uiMode|touchscreen">