uts插件开发-继uniapp原生插件nativeplugins,uts插件开发可直接操作原生安卓sdk等，支持uniappx，支持源码授权价格等等-此片文章写的是基础的uts插件，原生相机拍照和回调

1.创建uts项目

2.创建uts插件cf-takepic

3.在index.uts中编写原生安卓代码，首先定义一个函数方法，在页面中看是否可引用成功

uts函数代码

  1. /**
  2.  * 拍照函数
  3.  */
  4. export const takepic=function():void{
  5. 	console.log("11111111")
  6. }

index.vue代码

  2.  
  3. <script>
  4. 	//引入uts插件
  5. 	import {takepic} from "../../uni_modules/cf-takepic"
  6. 	
  7. 	export default {
  8. 		
  9. 		data() {
  10. 			return {
  11. 				
  12. 			}
  13. 		},
  14. 		onLoad() {
  15.  
  16. 		},
  17. 		methods: {
  18. 			take(){
  19. 				//调用uts插件函数
  20. 				takepic()
  21. 			}
  22. 		}
  23. 	}
  24. script>
  25.  
  26. <style>
  27. 	.content {
  28. 		display: flex;
  29. 		flex-direction: column;
  30. 		align-items: center;
  31. 		justify-content: center;
  32. 	}
  33.  
  34. style>

4.运行到手机或模拟器，成功打印111111即可视为调用uts插件成功

5.修改uts插件takepic函数，原生android唤起手机相机功能

uts代码

  1. /**
  2.  * 引用 Android 系统库，示例如下：
  3.  * import { Context } from "android.content.Context";
  4.  * [可选实现，按需引入]
  5.  */
  6.  
  7. /* 引入 interface.uts 文件中定义的变量 */
  8. import { MyApiOptions, MyApiResult, MyApi, MyApiSync } from '../interface.uts';
  9.  
  10. /* 引入 unierror.uts 文件中定义的变量 */
  11. import { MyApiFailImpl } from '../unierror';
  12. import Intent from "android.content.Intent";
  13. import MediaStore from "android.provider.MediaStore";
  14.  
  15.  
  16. /**
  17.  * 更多插件开发的信息详见：https://uniapp.dcloud.net.cn/plugin/uts-plugin.html
  18.  */
  19. /**
  20.  * 拍照函数
  21.  */
  22. export const takepic=function():void{
  23. 	console.log("11111111")
  24. 	let takePictureIntent = new Intent(MediaStore.ACTION_IMAGE_CAPTURE);
  25. 	UTSAndroid.getUniActivity()!.startActivityForResult(takePictureIntent, 999);
  26. 	UTSAndroid.onAppActivityResult((requestCode : Int, resultCode : Int, data ?: Intent) => {
  27. 		if (requestCode == 999) {
  28. 			console.log("拍照回调");
  29. 		} else {
  30. 			// 别的代码发起的请求，不要处理
  31. 		}
  32. 	
  33. 	});
  34. 	
  35. }

拍照打印日志

6.再次修改uts代码，获取图片base64,后续业务上传图片，保存图片至手机等等自行用base64处理

uts代码

  1. /**
  2.  * 引用 Android 系统库，示例如下：
  3.  * import { Context } from "android.content.Context";
  4.  * [可选实现，按需引入]
  5.  */
  6.  
  7. /* 引入 interface.uts 文件中定义的变量 */
  8. import { MyApiOptions, MyApiResult, MyApi, MyApiSync } from '../interface.uts';
  9.  
  10. /* 引入 unierror.uts 文件中定义的变量 */
  11. import { MyApiFailImpl } from '../unierror';
  12. import Intent from "android.content.Intent";
  13. import MediaStore from "android.provider.MediaStore";
  14. import File from "java.io.File";
  15. import SimpleDateFormat from "java.text.SimpleDateFormat";
  16. import Environment from "android.os.Environment";
  17. import Uri from "android.net.Uri";
  18. import FileProvider from "androidx.core.content.FileProvider";
  19. import ActivityCompat from "androidx.core.app.ActivityCompat";
  20. import Manifest from "android.Manifest";
  21. import PackageManager from "android.content.pm.PackageManager";
  22. import Build from "android.os.Build";
  23. import Settings from "android.provider.Settings";
  24. import Bundle from "android.os.Bundle";
  25. import Bitmap from "android.graphics.Bitmap";
  26. import ByteArrayOutputStream from "java.io.ByteArrayOutputStream";
  27. import Base64 from "android.util.Base64";
  28.  
  29.  
  30. /**
  31.  * 更多插件开发的信息详见：https://uniapp.dcloud.net.cn/plugin/uts-plugin.html
  32.  */
  33. /**
  34.  * 拍照函数
  35.  */
  36. export const takepic:MyApi = function (options: MyApiOptions) {
  37. 	if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.R) {
  38. 		if (Environment.isExternalStorageManager()) {
  39. 			console.log("'storage'onCreate: ");
  40. 		} else {
  41. 			// console.log("111111"+Settings.ACTION_MANAGE_ALL_FILES_ACCESS_PERMISSION)
  42. 			let intent = new Intent(Settings.ACTION_MANAGE_ALL_FILES_ACCESS_PERMISSION);
  43. 			UTSAndroid.getUniActivity()!.startActivity(intent);
  44. 			return;
  45. 		}
  46. 	}
  47. 	console.log("11111111")
  48. 	let takePictureIntent = new Intent(MediaStore.ACTION_IMAGE_CAPTURE);
  49. 	//  let photoFile = createImageFile();
  50. 	//  console.log(photoFile)
  51. 	//  let  photoUri = FileProvider.getUriForFile(UTSAndroid.getAppContext()!,
  52. 	// 	                         "com.cf.take",
  53. 	// 	                         photoFile as File); 
  54.  
  55. 	// takePictureIntent.putExtra(MediaStore.EXTRA_OUTPUT, photoUri as Uri);
  56. 	UTSAndroid.getUniActivity()!.startActivityForResult(takePictureIntent, 999);
  57. 	UTSAndroid.onAppActivityResult((requestCode : Int, resultCode : Int, data ?: Intent) => {
  58. 		if (requestCode == 999) {
  59. 			console.log("拍照回调");
  60. 			let bundle  = data!.getExtras();
  61. 			let bitmap = bundle!.get("data") as Bitmap;
  62. 			console.log(bitmap.getAllocationByteCount());
  63. 			let outputStream = new ByteArrayOutputStream();
  64. 			//把bitmap100%高质量压缩 到 output对象里
  65. 			bitmap.compress(Bitmap.CompressFormat.JPEG, 100, outputStream);
  66. 			let base64=Base64.encodeToString(outputStream.toByteArray(), Base64.DEFAULT)
  67. 			// console.log(base64)
  68. 			options.complete?.(base64 as any);
  69. 		// } else {
  70. 			// 别的代码发起的请求，不要处理
  71. 		}
  72.  
  73. 	});
  74.  
  75. }

index.vue代码

  2.  
  3. <script>
  4. 	//引入uts插件
  5. 	import {
  6. 		takepic
  7. 	} from "../../uni_modules/cf-takepic"
  8.  
  9. 	export default {
  10.  
  11. 		data() {
  12. 			return {
  13. 				img: "",
  14. 			}
  15. 		},
  16. 		onLoad() {
  17.  
  18. 		},
  19. 		methods: {
  20. 			take() {
  21. 				let that = this;
  22. 				//调用uts插件函数
  23. 				takepic({
  24. 					paramA: false,
  25. 					complete(res) {
  26. 						that.img = "data:image/jpeg;base64," + res.replace(/\s+/g, '');
  27. 					}
  28. 				})
  29. 			}
  30. 		}
  31. 	}
  32. script>
  33.  
  34. <style>
  35. 	.content {
  36. 		display: flex;
  37. 		flex-direction: column;
  38. 		align-items: center;
  39. 		justify-content: center;
  40. 	}
  41. style>

日志

7.插件于demo地址：获取原生相机拍照并异步返回base64图片 - DCloud 插件市场

注：本文转载自blog.csdn.net的浮生若梦l的文章"https://blog.csdn.net/qq_32784303/article/details/138534758"。版权归原作者所有，此博客不拥有其著作权，亦不承担相应法律责任。如有侵权，请联系我们删除。
复制链接
相关推荐
发表评论

评论记录：

未查询到任何数据！