Rumah > hujung hadapan web > uni-app > Bagaimana untuk menetapkan ikon tolak dalam uniapp

Bagaimana untuk menetapkan ikon tolak dalam uniapp

PHPz
Lepaskan: 2023-04-20 14:54:52
asal
1223 orang telah melayarinya

Jika anda membangun dengan Uniapp, adalah perkara biasa untuk menggunakan sistem, mesej dan pemberitahuan pengiklanan dalam aplikasi anda. Dalam pemberitahuan ini, ikon tolak memainkan peranan penting kerana ia adalah salah satu simbol yang membolehkan pengguna mengenal pasti sumber pemberitahuan. Oleh itu, artikel ini akan menunjukkan kepada anda cara untuk menetapkan ikon tolak dalam Uniapp.

Langkah

1 Sediakan ikon

Sebelum menetapkan ikon tekan, anda memerlukan fail ikon yang memenuhi keperluan sistem. Bergantung pada sistem pengendalian, keperluan sistem adalah berbeza. Dalam Android, ikon mestilah dalam format png dalam iOS, ikon mestilah dalam format png telus dan ikon dilukis dalam warna putih, manakala bahagian bawahnya telus.

2. Tambahkan ikon berkaitan platform

Uniapp menyediakan fail konfigurasi aplikasi bebas untuk sistem pengendalian iOS dan Android, dan membungkus aplikasi anda berdasarkan fail ini. Dalam fail ini anda boleh menetapkan ikon tolak dengan mudah.

iOS

Dalam Uniapp, fail konfigurasi untuk aplikasi iOS ialah /unpackage/_yourapp_/ios/Info.plist . Buka fail ini dan cari blok kod berikut.

<key>CFBundleIcons</key>
<dict>
  <key>CFBundlePrimaryIcon</key>
  <dict>
    <key>CFBundleIconFiles</key>
    <array>
      <string>AppIcon60x60@2x.png</string>
      <string>AppIcon60x60@3x.png</string>
      <string>AppIcon76x76~ipad.png</string>
      <string>AppIcon76x76@2x~ipad.png</string>
      <string>AppIcon83.5x83.5@2x~ipad.png</string>
      <string>AppIcon1024x1024.png</string>
    </array>
    <key>UIPrerenderedIcon</key>
    <false/>
  </dict>
</dict>
Salin selepas log masuk

Di sini anda boleh menemui nod CFBundlePrimaryIcon di bawah nod CFBundleIcons, yang mengandungi tetapan ikon utama untuk aplikasi anda. Anda boleh menambah fail ikon berkaitan platform dalam nod CFBundleIconFiles untuk menetapkan ikon tolak. Contohnya, jika fail ikon tolak anda dinamakan pushIcon.png, anda boleh menambahkannya pada tatasusunan.

<key>CFBundleIcons</key>
<dict>
  <key>CFBundlePrimaryIcon</key>
  <dict>
    <key>CFBundleIconFiles</key>
    <array>
      <string>AppIcon60x60@2x.png</string>
      <string>AppIcon60x60@3x.png</string>
      <string>AppIcon76x76~ipad.png</string>
      <string>AppIcon76x76@2x~ipad.png</string>
      <string>AppIcon83.5x83.5@2x~ipad.png</string>
      <string>AppIcon1024x1024.png</string>
      <string>pushIcon.png</string>
    </array>
    <key>UIPrerenderedIcon</key>
    <false/>
  </dict>
</dict>
Salin selepas log masuk

Android

Dalam fail manifes xml aplikasi Android anda, anda boleh menetapkan ikon tolak. Lokasi fail manifes ialah /unpackage/_yourapp_/android/AndroidManifest.xml. Buka fail ini dan cari baris kod berikut.

<meta-data android:name="com.huawei.hms.client.appid" android:value="App ID" />
Salin selepas log masuk

Tambahkan kod berikut di bawah baris ini.

<meta-data android:name="push_scheme" android:value="${packageName}.push.intent.scheme" />
<meta-data android:name="push_icon" android:value="pushIcon" />
Salin selepas log masuk

Antaranya, nilai push_icon ialah nama fail ikon push anda.

3. Selepas selesai

menetapkan ikon tolak, bungkus semula apl anda dan jalankannya pada peranti. Anda sepatutnya dapat melihat ikon tolak yang anda tetapkan muncul dalam pemberitahuan.

Kesimpulan

Di atas ialah langkah-langkah untuk menetapkan ikon tolak dalam Uniapp. Sila pastikan bahawa fail ikon anda memenuhi keperluan sistem dan tambahkannya ke lokasi yang sepadan dalam Info.plist untuk iOS dan fail manifes xml untuk Android. Semoga berjaya melancarkan semua pemberitahuan tolak anda!

Atas ialah kandungan terperinci Bagaimana untuk menetapkan ikon tolak dalam uniapp. 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