Label İle Kayan Yazı Yapmak

Ekrana bir türlü sığmayan yazılara çözüm ✅  Label ile kayan yazı yapmak istiyorsanız içeri 🙂

Bildiğiniz gibi uygulamanızda yazılar label a sığmadığı zaman devamı default olarak ‘…’ gözükür.

Bu yazımda taşan yazıları animasyonla kaydırarak tüm içeriği görüntülemeyi göstereceğim.

Label içinde kullandığınız yazı uzun gelirse yapabileceğiniz birkaç şey vardır:

  1. Hiçbir şey yapmazsınız, Xcode … olarak truncate eder
  2. Adjust to minimum font ayarını seçersiniz ve gerektiği zaman daha küçük puntoyla yazar
  3. Kısaltmalar kullanarak taşmasını engellersiniz. (bilg. müh. böl.)
  4. Animasyonla kayan yazı efekti verirsiniz. 😎

 

Biz bugün kayan yazı efektini tercih edeceğiz ve label a sığmayan yazılarımızı kayan animasyona çevireceğiz.

Gerçekçi bir senaryo olsun diye örnek uygulamamızda “Bu sözleşmeyi okudum, anladım ve yükümlülüklerimi kabul ediyorum.” gibi bir yazı üzerinden gideceğiz.

Bu tutorial ı takip edebilmeniz için CocoaPod bilgisine sahip olmanız gerekiyor. Buradan blog yazıma ulaşabilirsiniz.

 

Projeye başlayalım! 🔨

 

Label İle Kayan Yazı Yapmak: Örnek Uygulama

 

Screen Shot 2018-09-18 at 3.23.25 PM

Projemizi ‘pod init’ ile initialize edelim ve PodFile dosyasını açıp aşağıdaki podu kaydedelim

 

Daha sonra bu podu terminalden proje klasörünü açıp

 

komutuyla yükleyelim ve yeni beyaz workspace dosyamızı açıp MainStoryboard a gelelim.

Bir switch ve bir label oluşturalım, label içine yukarıdaki gibi uzun bir cümle yazalım.

Screen Shot 2018-09-18 at 3.35.43 PM.png

 

Gördüğünüz gibi yazı ekrana sığmıyor.

Şimdi switch ve label ı birlikte seçip StackView içine alalım

Daha sonra leading ve trailing constrainglerini 30 olarak verip, ekranın ortasına yerleştirelim.

Screen Shot 2018-09-18 at 3.38.53 PM.png

Screen Shot 2018-09-18 at 3.39.05 PM.png

 

 

Şu an uygulamamız böyle gözüküyor

Screen Shot 2018-09-18 at 3.40.15 PM.png

 

Auto-layout constraint leri ile ekranın sağına soluna taşmasını engelledik fakat bu sefer de yazının devamı okunmuyor.

Buna label ile kayan yazı yapmak elzem oldu 🙂

 

Şimdi label seçiliyken Identity Inspector a gelelim ve custom class olarak MarqueeLabel belirtelim.

kycO8z52fD.gif

 

Label ın kullanacağı sınıfı böylece belirtmiş olduk. Şu an kayan yazı efektini yapmış olduk.

 

Projeyi çalıştıralım bakalım 💻

8svMHj0Qhl.gif

 

Sonuç

GIF in FPS si düşük olduğu için böyle gözüküyor ama normalde on numara kayar 👊

Kütüphanenin kullamına biraz ayar çekmek istersek label seçiliyken Attributes Inspector’a gelelim.

Screen Shot 2018-09-18 at 3.43.41 PM.png

 

Burda da kayan yazı efektiyle alakalı oynatma, duraksatma ve süre gibi bir çok ayarı yapabilirsiniz.

 

Tüm işlem bu kadardı. CocoaPods’un farklı bir örneğini görmek istiyorsanız Star Rating Özelliği Yapmak dersine göz atabilirsiniz.

 

Projenin kaynak koduna iOS Notları – Github sayfamızdan erişebilirsiniz.

 

Siz ekrana sığmayan stringlerle nasıl başa çıkıyorsunuz? Yorum kısmında tartışalım 🗣

İyi kodlamalar 💻

Kimler Neler Demiş?

avatar
  Subscribe  
Bildir