Définir la couleur d'arrière-plan de l'élément de la barre d'onglets actif dans Swift

Je suis l'espoir d'atteindre cet objectif sans l'utilisation d'images, si possible. Est-il un moyen de créer un effet montré dans l'image par programmation sans avoir à rendre chaque onglet comme une image?

Toutes les questions que j'ai examinés sur l'onglets enregistrés en tant que Jpg, qui est plus de travail que je crois qu'il faudrait.

Des idées?Définir la couleur d'arrière-plan de l'élément de la barre d'onglets actif dans Swift

source d'informationauteur matcartmill

  1. 44

    J'ai pris une approche similaire à @matcartmill mais sans le besoin pour une image particulière. Cette solution est juste en fonction de votre couleur.

    //set red as selected background color
let numberOfItems = CGFloat(tabBar.items!.count)
let tabBarItemSize = CGSize(width: tabBar.frame.width / numberOfItems, height: tabBar.frame.height)
tabBar.selectionIndicatorImage = UIImage.imageWithColor(color: UIColor.red, size: tabBarItemSize).resizableImage(withCapInsets: UIEdgeInsets.zero)

//remove default border
tabBar.frame.size.width = self.view.frame.width + 4
tabBar.frame.origin.x = -2

    Je suis en train de faire l'utilisation de l'extension suivante de UIImage:

    extension UIImage {

    class func imageWithColor(color: UIColor, size: CGSize) -> UIImage {
        let rect: CGRect = CGRectMake(0, 0, size.width, size.height)
        UIGraphicsBeginImageContextWithOptions(size, false, 0)
        color.setFill()
        UIRectFill(rect)
        let image: UIImage = UIGraphicsGetImageFromCurrentImageContext()
        UIGraphicsEndImageContext()
        return image
    }

}

    J'espère que cela aide!

    pour swift 4

    extension UIImage {

   class func imageWithColor(color: UIColor, size: CGSize) -> UIImage {
    let rect: CGRect = CGRect(x: 0, y: 0, width: size.width, height: size.height)
    UIGraphicsBeginImageContextWithOptions(size, false, 0)
    color.setFill()
    UIRectFill(rect)
    let image: UIImage = UIGraphicsGetImageFromCurrentImageContext()!
    UIGraphicsEndImageContext()
    return image
   }
}
  2. 10

    Mise à jour SWIFT 3:

    let numberOfItems = CGFloat((tabBarController?.tabBar.items!.count)!)

let tabBarItemSize = CGSize(width: (tabBarController?.tabBar.frame.width)! / numberOfItems,
                            height: (tabBarController?.tabBar.frame.height)!)

tabBarController?.tabBar.selectionIndicatorImage
    = UIImage.imageWithColor(color: UIColor.black,
                             size: tabBarItemSize).resizableImage(withCapInsets: .zero)

tabBarController?.tabBar.frame.size.width = self.view.frame.width + 4
tabBarController?.tabBar.frame.origin.x = -2

extension UIImage
{
    class func imageWithColor(color: UIColor, size: CGSize) -> UIImage
    {
        let rect: CGRect = CGRect(x: 0, y: 0, width: size.width, height: size.height)
        UIGraphicsBeginImageContextWithOptions(size, false, 0)
        color.setFill()
        UIRectFill(rect)
        let image: UIImage = UIGraphicsGetImageFromCurrentImageContext()!
        UIGraphicsEndImageContext()
        return image
    }
}
  3. 3

    Voici ce que j'ai fini par faire. Mélanger à l'aide d'un 640x49 PNG qui est la couleur du bleu "mis en évidence" d'arrière-plan dont j'ai besoin.

    Dans AppDelegate.swift:

    var selectedBG = UIImage(named:"tab-selected-full")?.resizableImageWithCapInsets(UIEdgeInsetsMake(0, 0, 0, 0))
UITabBar.appearance().selectionIndicatorImage = selectedBG

    Et puis dans le premier Contrôleur qui est chargé, j'ai:

    tabBarController?.tabBar.frame.size.width = self.view.frame.width+4
tabBarController?.tabBar.frame.origin.x = -2

    La raison pour laquelle les deux lignes ci-dessus est que, par défaut, Apple a une 2px frontière entre les côtés gauche et droit de la barre d'onglets et la barre d'onglet articles.

    Ci-dessus j'ai tout simplement faire de la barre d'onglet 4px plus large, puis décalage, de sorte que la frontière sur la gauche tombe juste en dehors de la vue, ainsi que la bordure de droite sera également tomber hors de la vue.