ContainerCellViewModel ile Bileşeni Nasıl Kullanılır?

İçeriği düzenlemek ve farklı bileşenleri bir arada göstermek her zaman önemlidir. ContainerCellViewModel kullanarak bu işlemi daha da kolaylaştırabilirsiniz. Bu rehberde, ContainerCellViewModel ile nasıl içerik bileşenleri oluşturabileceğinizi ve yönetebileceğinizi adım adım öğreneceksiniz.

let containerCellViewModel = ContainerCellViewModel()
containerCellViewModel.containerBackgroundColor = UIColor.gray_50
containerCellViewModel.cornerRadius = 16.0
containerCellViewModel.shadowOpacity = 1.0
        
var badgeLabelViewModel = BadgeLabelCellViewModel()
badgeLabelViewModel.badge = "1"
badgeLabelViewModel.badgeFont = UIFont.semibold14()
badgeLabelViewModel.badgeTextColor = UIColor.primary_600
badgeLabelViewModel.text = "Başvuru Formunu doldurun"
badgeLabelViewModel.textColor = UIColor.gray_700
badgeLabelViewModel.font = UIFont.medium16()
badgeLabelViewModel.backgroundColor = UIColor.gray_50
                
containerCellViewModel.viewModels.append(badgeLabelViewModel)
        
badgeLabelViewModel = BadgeLabelCellViewModel()
badgeLabelViewModel.badge = "2"
badgeLabelViewModel.badgeFont = UIFont.semibold14()
badgeLabelViewModel.badgeTextColor = UIColor.primary_600
badgeLabelViewModel.text = "Kimliğinizi doğrulayın"
badgeLabelViewModel.textColor = UIColor.gray_700
badgeLabelViewModel.font = UIFont.medium16()
badgeLabelViewModel.backgroundColor = UIColor.gray_50
                
containerCellViewModel.viewModels.append(badgeLabelViewModel)
        
viewModels.append(containerCellViewModel)

ContainerCellViewModel Özellikleri:

• containerBackgroundColor: Container bileşeninin arka plan rengini belirler. İçeriklerinizi düzenlerken uygun bir arka plan rengi seçebilirsiniz.
• cornerRadius: Container bileşeninin köşe ovalleştirmesini ayarlar. Daha estetik bir görünüm elde etmek için kullanılır.
• shadowOpacity: Container bileşeninin gölge opaklığını belirler. Bileşenin yükseltilmiş bir görünüme sahip olmasını sağlar.
• viewModels : Container içerisindeki farklı bileşenlerin listesini tutar.

ContainerCellViewModel’i kullanarak içerik bileşenlerinizi düzenlemek ve farklı bileşenleri bir arada göstermek kolaylaşır. Bu, uygulamanızın daha düzenli ve etkili olmasına yardımcı olur.