Rumah > hujung hadapan web > uni-app > Penjelasan terperinci tentang cara menggunakan tambah dalam apl uni

Penjelasan terperinci tentang cara menggunakan tambah dalam apl uni

PHPz
Lepaskan: 2023-04-17 10:50:09
asal
4245 orang telah melayarinya

Dengan perkembangan pesat Internet mudah alih, pembangunan aplikasi mudah alih telah menarik lebih banyak perhatian. Sebagai rangka kerja pembangunan merentas terminal, aplikasi uni telah menjadi pilihan pertama banyak pembangun. Sebagai komponen penting rangka kerja uni-apl, tambah juga diperlukan oleh banyak pembangun. Jadi, bagaimana untuk menggunakan tambah dalam aplikasi uni? Artikel ini akan menerangkannya secara terperinci.

1.

plus ialah apl uni yang menyepadukan keupayaan berkuasa HBuilderX. Melalui tambah, anda boleh memanggil fungsi asli peranti, seperti mengambil gambar, merakam, navigasi, dsb. plus boleh meningkatkan kefungsian apl uni dan memberikan aplikasi kami pengalaman pengguna yang lebih lengkap.

2. Cara menggunakan tambah

Bagi pemula, tambah mungkin agak asing. Walau bagaimanapun, anda hanya perlu mengikuti langkah berikut untuk menguasainya dengan mudah:

  1. Isytiharkan kebenaran tambah dalam manifes.json Kod sampel adalah seperti berikut:
"AppID": {
  "plus": {
    "ios": {
      "plist": {
        "NSCalendarsUsageDescription": "允许该应用程序访问日历",
        "NSCameraUsageDescription": "允许该应用程序访问相机",
        "NSContactsUsageDescription": "允许该应用程序访问通讯录",
        "NSLocationAlwaysUsageDescription": "允许该应用程序永久使用您的位置信息",
        "NSLocationWhenInUseUsageDescription": "允许该应用程序在使用期间使用您的位置信息",
        "NSMicrophoneUsageDescription": "允许该应用程序访问麦克风",
        "NSPhotoLibraryUsageDescription": "允许该应用程序访问照片库",
        "NSBluetoothPeripheralUsageDescription":"","NSMotionUsageDescription":"","NSRemindersUsageDescription":"","NSHealthShareUsageDescription":"","NSHealthUpdateUsageDescription":"",
        "ITSAppUsesNonExemptEncryption":"false"
      }
    },
    "android": {}
  }
}
Salin selepas log masuk
  1. Import modul tambah dalam kod

Ambil menggunakan fungsi kamera sebagai contoh:

<template>
  <view @tap="takePhoto">
    <text>Take Photo</text>
  </view>
</template>

<script>
  import {plus} from 'uni-app-plus';

  export default {
    methods: {
      takePhoto () {
        plus.gallery.pick(({tempFilePaths}) => {
          plus.camera.saveImage({
            filePath: tempFilePaths[0],
            success: ({savedFilePath}) => {
              uni.showModal({
                content: `保存成功,路径:${savedFilePath}`
              });
            },
            fail: (error) => {
              uni.showModal({
                content: `保存失败:${JSON.stringify(error)}`
              });
            }
          });
        });
      }
    }
  };
</script>
Salin selepas log masuk

Seperti yang anda lihat, dengan mengimport modul tambah , kita boleh memanggil fungsi kamera peranti dengan mudah. Antaranya, plus.gallery.pick digunakan untuk memilih gambar, dan plus.camera.saveImage digunakan untuk menyimpan gambar.

3. Fungsi tambah yang biasa digunakan

Dalam apl uni, modul tambah menyediakan banyak fungsi biasa untuk memudahkan pembangun merealisasikan keperluan mereka dengan cepat. Berikut ialah beberapa fungsi biasa:

  1. Dapatkan maklumat peranti
uni.getSystemInfo({
  success: function (res) {
    console.log(res.model);
    console.log(res.pixelRatio);
    console.log(res.windowWidth);
    console.log(res.windowHeight);
    console.log(res.language);
    console.log(res.version);
    console.log(res.platform);
    console.log(res.system);
    console.log(res.statusBarHeight);
  }
});
Salin selepas log masuk
  1. Fungsi imbasan
plus.barcode.scan({
  success: function (res) {
    console.log(res.text);
    console.log(res.format);
    console.log(res.cancelled);
  }
});
Salin selepas log masuk
  1. Dapatkan status rangkaian
plus.networkinfo.getCurrentType(function (type) {
  switch (type) {
    case plus.networkinfo.CONNECTION_UNKNOW:
      console.log('未知网络');
      break;
    case plus.networkinfo.CONNECTION_NONE:
      console.log('无网络');
      break;
    case plus.networkinfo.CONNECTION_ETHERNET:
      console.log('有线网络');
      break;
    case plus.networkinfo.CONNECTION_WIFI:
      console.log('WiFi网络');
      break;
    case plus.networkinfo.CONNECTION_CELL2G:
      console.log('2G蜂窝网络');
      break;
    case plus.networkinfo.CONNECTION_CELL3G:
      console.log('3G蜂窝网络');
      break;
    case plus.networkinfo.CONNECTION_CELL4G:
      console.log('4G蜂窝网络');
      break;
  }
});
Salin selepas log masuk

Melalui kod di atas, kita boleh mendapatkan maklumat peranti, mengimbas kod QR, mendapatkan status rangkaian dan fungsi lain.

4. Ringkasan

Dalam artikel ini kami memperkenalkan penggunaan dan fungsi biasa modul tambah dalam apl uni. Walaupun pemula mungkin mendapati ditambah sedikit menyusahkan untuk digunakan, mereka boleh menguasainya dengan mudah dengan hanya mengikut langkah di atas. Sebagai bahagian penting dalam rangka kerja uni-apl, plus menyediakan banyak panggilan fungsi asli untuk membawa pengalaman pengguna yang lebih baik kepada aplikasi kami.

Atas ialah kandungan terperinci Penjelasan terperinci tentang cara menggunakan tambah dalam apl uni. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan