Bir UIBarButtonItem görüntüsü ne kadar büyük olmalıdır?


130

Gezinme çubuğuna sağ düğme olarak yerleştirmeyi planladığım kendi özel Tarihe Göre Sırala ve Numaraya Göre Sırala düğmelerimi oluşturmak istiyorum.

Alanı uygun şekilde doldurmak için resmim ne kadar büyük olmalı - UIBarItem dokümantasyon sayfası resmin olması gereken boyutla ilgili hiçbir şey listelemiyor.

Yanıtlar:


237

İOS 11'den itibaren, İnsan Arayüzü Yönergeleri , gliflerin araç çubuklarında ve gezinme çubuklarında yaklaşık 25 × 25 nokta, maksimum yaklaşık 28 noktaya kadar olmasını önermektedir. (Ve iOS uygulamaları üzerinde çalışıyorsanız HIG kesinlikle yer imlerinizde olmalıdır!)

Bu, iPad 2 / Mini gibi eski cihazlar için 25px kare, iPhone 8 veya iPad gibi çoğu güncel cihazlar için 50px kare ve Retina HD cihazlar (iPhone 6/7/8 Plus veya iPhone X) için 75px kare görüntülere dönüşür. Varlık katalogları, farklı varlık boyutlarının organize tutulmasına büyük ölçüde yardımcı olacaktır (ve Xcode bu günlerde bunları vektör kaynaklarından bile oluşturabilir ).


1
Teşekkürler, tam olarak bilmem gerekenler, harika bir belgeye yönelik bir işaretçiyle birleştirildi. Yer işaretli.
Epsilon Prime

1
Keşke Mobile HIG, "yaklaşık 20x20" den daha yararlı bir şey belirtmiş. Tam olarak 20x20 piksellik bir resim kullanırsanız, aslında 1: 1 eşleme yapmaz ve düğme kare olmaz.
Clafou

1
Clafou, düğmenin içeriği için (bu soru olduğu gibi) veya düğmenin arka planı olarak (görünüm özelleştirme API'si ile) kullanılacak bir resimden mi bahsediyorsunuz? Bununla ilgili bir soru gönderdin mi?
Sixten Otto

Apple'ın kullandığı çeşitli boyutlardan bazılarını, Apple'ın burada bulunan resimlere bakarak görebilirsiniz: developer.apple.com/library/ios/#documentation/uikit/reference/…
JasonZ

1
İOS 7 için @ hashier'ın cevabına bakın.
Rudolf Adamkovič

46

İnsan Arabirim Kuralları -iOS7 beri bu anlatır:

Simgenin görsel stilinden bağımsız olarak, aşağıdaki boyutlarda bir araç çubuğu veya gezinme çubuğu simgesi oluşturun:

Yaklaşık 44 x 44 piksel

Yaklaşık 22 x 22 piksel (standart çözünürlük)

İşte harika bir matris içinde tüm tüm platformlar için kaynaklar için gerekli ebatlarda


19

Evet, Apple için 22px, 44px ve 66px boyutundaki görselleri kullanmanızı öneririm. UIBarButtonItems , ancak Yer İşareti simgesi gibi önceden yüklenmiş simgeler kullanırsanız, 1x, 2x ve 3x için sırasıyla 25px 50px ve 75px boyutlarında.

İşte 2 simge UIToolbar . Sağda Apple'ın sistem yer imi simgesi ve solda özel simgem var.

İşte 22px-44px-66px boyutundaki özel simgem:

görüntü açıklamasını buraya girin

Ve burada 25px-50px-75px:

görüntü açıklamasını buraya girin

Bu nedenle, bir araç çubuğunda özel ve sistem simgeleri kullanırsanız, 25px-50px-75px ölçeklendirmeyi kullanmanızı öneririm, aksi takdirde özel simgeleriniz daha küçük olacaktır. Aslında her zaman 25px-50px-75px ölçeklendirme kullanıyorum, benim için olduğu gibi araç çubuklarında daha iyi görünüyor.


1
Bunun için teşekkür ederim! Yer imleri gibi bazı simgelerin 22-44-66 piksel boyutundan biraz daha büyük olduğundan emindim
tech4242

1
Ben denedim 25px-50px-75px ve gerçekten güzel görünüyor. küçük değil büyük değil.
MBH

-4

Kolay: Resimlerinizi Assets.xcassets'e ekleyin.

Nasıl?

  • Assets.xcassets üzerinde Clic
  • Clic + simgesini ve ardından "Yeni Görüntü Kümesi" ni tıklayın
  • Resminizi 3x yuvaya sürükleyip bırakın
  • Görüntü grubunu yeniden adlandırın
  • BarButton'da bu adı "Resim" alanı altında kullanabilirsiniz.

3
Bu, bedenle ilgili soruyu nasıl yanıtlıyor?
Andrea Lazzarotto

@AndreaLazzarotto iyi bir nokta ama bu cevap diğer cevapların dışında kalan önemli bilgileri içeriyor
paul
Sitemizi kullandığınızda şunları okuyup anladığınızı kabul etmiş olursunuz: Çerez Politikası ve Gizlilik Politikası.
Licensed under cc by-sa 3.0 with attribution required.