Seberapa besar seharusnya gambar UIBarButtonItem?

130

Saya sedang mencari untuk membuat tombol Urutkan Menurut Tanggal dan Urut Menurut Nomor sendiri yang saya rencanakan untuk ditempatkan di bilah navigasi sebagai tombol kanan.

Seberapa besar seharusnya gambar saya mengisi ruang secara tepat - halaman dokumentasi UIBarItem tidak mencantumkan apa pun tentang ukuran gambar yang seharusnya.

Epsilon Prime
sumber

Jawaban:

236

Pada iOS 11, Pedoman Antarmuka Manusia menyarankan mesin terbang sekitar 25 × 25 poin di bilah alat dan bilah navigasi, hingga maksimum sekitar 28 poin. (Dan HIG pasti ada di bookmark Anda jika Anda bekerja di aplikasi iOS!)

Itu akan menerjemahkan gambar 25px persegi untuk perangkat lama seperti iPad 2 / Mini, 50px persegi untuk sebagian besar perangkat saat ini seperti iPhone 8 atau iPad, dan 75px persegi untuk perangkat Retina HD (iPhone 6/7/8 Plus, atau iPhone X). Katalog aset akan sangat membantu menjaga berbagai ukuran aset terorganisir (dan Xcode bahkan dapat menghasilkannya dari sumber vektor hari ini).

Sixten Otto
sumber
1
Terima kasih, persis apa yang perlu saya ketahui dikombinasikan dengan pointer ke dokumen yang bagus. Ditandai.
Epsilon Prime
1
Saya berharap Mobile HIG menyatakan sesuatu yang lebih bermanfaat daripada "sekitar 20x20". Jika Anda menggunakan gambar dengan tepat 20x20px itu sebenarnya tidak akan memetakan 1: 1, dan tombol tidak akan persegi.
Clafou
1
Clafou, apakah Anda berbicara tentang gambar untuk konten tombol (seperti pertanyaan ini), atau untuk digunakan sebagai latar belakang tombol (dengan API penyesuaian tampilan)? Sudahkah Anda memposting pertanyaan tentang ini?
Sixten Otto
Anda dapat melihat beberapa ukuran yang digunakan Apple dengan melihat gambar-gambar yang dimiliki Apple di sini: developer.apple.com/library/ios/#documentation/uikit/reference/…
JasonZ
1
Untuk iOS 7, lihat jawaban @ hashier.
Rudolf Adamkovič
46

The Pedoman Human Interface memberitahu Anda ini karena iOS7:

Terlepas dari gaya visual ikon, buat ikon bilah alat atau bilah navigasi dalam ukuran berikut:

Sekitar 44 x 44 piksel

Sekitar 22 x 22 piksel (resolusi standar)

Ini adalah matriks yang bagus dari semua ukuran yang dibutuhkan untuk sumber daya untuk semua platform

hashier
sumber
19

Ya, Apple menyarankan untuk menggunakan gambar dengan ukuran 22px, 44px dan 66px UIBarButtonItems, tetapi jika Anda menggunakan ikon yang sudah diinstal seperti ikon Bookmark, ukurannya 25px 50px dan 75px masing-masing untuk 1x, 2x dan 3x.

Berikut adalah 2 ikon di UIToolbar. Di sebelah kanan adalah ikon sistem bookmark Apple dan di sebelah kiri ikon kustom saya.

Di sini ikon kustom saya berukuran 22px-44px-66px:

masukkan deskripsi gambar di sini

Dan di sini 25px-50px-75px:

masukkan deskripsi gambar di sini

Jadi, jika Anda menggunakan ikon khusus dan sistem dalam satu toolbar, saya akan menyarankan untuk menggunakan penskalaan 25px-50px-75px, atau ikon khusus Anda akan lebih kecil. Bahkan saya selalu menggunakan scaling 25px-50px-75px, itu terlihat lebih baik pada toolbar, seperti untuk saya.

Peter Tretyakov
sumber
1
Terima kasih untuk itu! Saya yakin bahwa beberapa ikon seperti penanda itu sedikit lebih besar dari ukuran
22-44-66px
1
Saya telah mencoba 25px-50px-75px dan itu benar-benar terlihat bagus. tidak kecil tidak besar.
MBH
-4

Mudah: Sertakan gambar Anda di Assets.xcassets.

Bagaimana?

  • Klik pada Assets.xcassets
  • Klik ikon + lalu klik "Set Gambar Baru"
  • Seret dan jatuhkan gambar Anda ke slot 3x
  • Ganti nama set gambar
  • Di BarButton Anda dapat menggunakan nama ini di bawah bidang "Gambar"
jobima
sumber
3
Bagaimana ini menjawab pertanyaan tentang ukuran?
Andrea Lazzarotto
@AndreaLazzarotto poin bagus tetapi jawaban ini mencakup informasi penting yang ditinggalkan dari jawaban lain
paul