Close Menu
  • Home
  • AI
  • Big Data
  • Cloud Computing
  • iOS Development
  • IoT
  • IT/ Cybersecurity
  • Tech
    • Nanotechnology
    • Green Technology
    • Apple
    • Software Development
    • Software Engineering

Subscribe to Updates

Get the latest technology news from Bigteetechhub about IT, Cybersecurity and Big Data.

    What's Hot

    Zane Maldonado LattePanda IOTA-Powered CG Deck Moves from Dream to Engineering Prototype

    May 26, 2026

    How Agentic AI Is Changing Network Traffic: Cisco Report

    May 26, 2026

    Apple’s incredible AirPods Pro 3 drop back below $200

    May 26, 2026
    Facebook X (Twitter) Instagram
    Facebook X (Twitter) Instagram
    Big Tee Tech Hub
    • Home
    • AI
    • Big Data
    • Cloud Computing
    • iOS Development
    • IoT
    • IT/ Cybersecurity
    • Tech
      • Nanotechnology
      • Green Technology
      • Apple
      • Software Development
      • Software Engineering
    Big Tee Tech Hub
    Home»iOS Development»iOS 26, using Swift, how can I group multiple Liquid Glass buttons into a single pill view?
    iOS Development

    iOS 26, using Swift, how can I group multiple Liquid Glass buttons into a single pill view?

    big tee tech hubBy big tee tech hubFebruary 11, 2026021 Min Read
    Share Facebook Twitter Pinterest Copy Link LinkedIn Tumblr Email Telegram WhatsApp
    Follow Us
    Google News Flipboard
    iOS 26, using Swift, how can I group multiple Liquid Glass buttons into a single pill view?
    Share
    Facebook Twitter LinkedIn Pinterest Email Copy Link

    [ad_1]

    In iOS 26, how can I group multiple Liquid Glass buttons into a single pill view instead of separate buttons that my code currently does.

    Note that I need to use UIKit, not SwiftUI.

    Below code:

    import UIKit
    import SnapKit
    
    class ViewController: UIViewController {
    
        override func viewDidLoad() {
            super.viewDidLoad()
            
            let container = UIVisualEffectView()
            
            let effect = UIGlassContainerEffect()
            effect.spacing = 10
            container.effect = effect
            
            let uIStackView = UIStackView()
            uIStackView.axis = .horizontal
    
            uIStackView.addArrangedSubview(button(systemName: "arrow.uturn.backward"))
            uIStackView.addArrangedSubview(button(systemName: "arrow.trianglehead.2.clockwise.rotate.90"))
            uIStackView.addArrangedSubview(button(systemName: "speaker.wave.3.fill"))
            uIStackView.addArrangedSubview(button(systemName: "star.fill"))
            
            container.contentView.addSubview(uIStackView)
            uIStackView.snp.makeConstraints { make in
                make.edges.equalToSuperview()
            }
            
            view.addSubview(container)
            container.snp.makeConstraints { make in
                make.center.equalToSuperview()
            }
        }
    
        func button(systemName : String) -> UIButton {
            let config = UIImage.SymbolConfiguration(pointSize: 14)
            
            let button = UIButton()
            button.setImage(UIImage(systemName: systemName, withConfiguration: config), for: .normal)
            button.configuration = .glass()
            let padding = 15.0
            button.configuration?.contentInsets = NSDirectionalEdgeInsets(top: padding, leading: padding, bottom: padding, trailing: padding)
                        
            return button
        }    
    }
    

    Gives:

    enter image description here

    As you can see, each button is being rendered as separate instead of a single pill like view.

    This article uses glassEffectUnion to achieve it in SwiftUI. How can this be done in Swift instead of SwiftUI?

    [ad_2]

    Source link

    buttons Glass group iOS Liquid multiple pill Single Swift view
    Follow on Google News Follow on Flipboard
    Share. Facebook Twitter Pinterest LinkedIn Tumblr Email Copy Link
    tonirufai
    big tee tech hub
    • Website

    Related Posts

    ios – Error “Conformance of [StructType] to protocol [ProtocolType] crosses into main actor isolated code in approachable concurrency

    May 26, 2026

    Big Apple Watch AI upgrade might not arrive with iOS 27

    May 25, 2026

    ios – SwiftUI ScrollView shuffles visible content when appending paginated items mid-scroll

    May 25, 2026
    Add A Comment
    Leave A Reply Cancel Reply

    Editors Picks

    Zane Maldonado LattePanda IOTA-Powered CG Deck Moves from Dream to Engineering Prototype

    May 26, 2026

    How Agentic AI Is Changing Network Traffic: Cisco Report

    May 26, 2026

    Apple’s incredible AirPods Pro 3 drop back below $200

    May 26, 2026

    A practical guide for platform teams managing shared AI deployments

    May 26, 2026
    Timer Code
    15 Second Timer for Articles
    20
    About Us
    About Us

    Welcome To big tee tech hub. Big tee tech hub is a Professional seo tools Platform. Here we will provide you only interesting content, which you will like very much. We’re dedicated to providing you the best of seo tools, with a focus on dependability and tools. We’re working to turn our passion for seo tools into a booming online website. We hope you enjoy our seo tools as much as we enjoy offering them to you.

    Don't Miss!

    Zane Maldonado LattePanda IOTA-Powered CG Deck Moves from Dream to Engineering Prototype

    May 26, 2026

    How Agentic AI Is Changing Network Traffic: Cisco Report

    May 26, 2026

    Subscribe to Updates

    Get the latest technology news from Bigteetechhub about IT, Cybersecurity and Big Data.

      • About Us
      • Contact Us
      • Disclaimer
      • Privacy Policy
      • Terms and Conditions
      © 2026 bigteetechhub.All Right Reserved

      Type above and press Enter to search. Press Esc to cancel.