How to set background color for mini player

[fury21]

Hello. I want to set the background color of the mini player to red for example, here's how I do it:

private func setupPlayerPopUpBar() {
let appearance = LNPopupBarAppearance()
let titleTextAttributesForegroundColor = UIColor.Scheme.Label.text8()
let subtitleTextAttributesForegroundColor = UIColor.Scheme.Label.text9()

    appearance.__titleTextAttributes = [.font: UIFont(name: "Jost-SemiBold", size: 14)!,
                                        .foregroundColor: titleTextAttributesForegroundColor]
    appearance.__subtitleTextAttributes = [.font: UIFont(name: "Jost-Regular", size: 12)!,
                                           .foregroundColor: subtitleTextAttributesForegroundColor]

// appearance.backgroundEffect = UIBlurEffect(style: .dark)
----- here ---> appearance.backgroundColor = .red

    let appearanceProxy = LNPopupBar.appearance(whenContainedInInstancesOf: [UINavigationController.self])
    appearanceProxy.inheritsAppearanceFromDockingView = false
    appearanceProxy.standardAppearance = appearance
    appearanceProxy.tintColor = .pink1_FF0B77()
    appearanceProxy.progressViewStyle = .top

    popupBar.barStyle = .compact
    
    popupInteractionStyle = .drag
    popupBar.imageView.contentMode = .scaleAspectFill
}

...but I get a red background that goes beyond the mini-player and its height is half the height of the mini-player. How can I set a non-transparent red background for the minibar?

Also, how can I change the background color of the minibar from red to green when the minibar is visible on the screen?

[LeoNatan]

You are using the floating bar style. Set the floatingBackgroundColor property instead.

[fury21]

This helped, thanks!

How can I change the background if the mini-player is visible on the screen? Now I change appearance.floatingBackgroundColor, but the changes are only visible if I close the mini-player and open it again?

[LeoNatan]

Like I said in the other discussion, do not use the legacy appearance proxy API. Set the properties directly on the appropriate bar.

[LeoNatan]

I suggest you look in the example app for how to use the API.

[divyeshdobariya]

Can we change floatingBackgroundColor once already set while open popup, I want to change on Button Click from other ViewController.

[LeoNatan]

Sorry, I am on vacation and do not have access to code. I’ll be back on March 5th.

[divyeshdobariya]

Thanks for your reply , i will try until you back, Once you will be back give me suggestion and code, Enjoy your vacation :)

[LeoNatan]

Is this what you are trying to achieve?

Assuming you are trying to make this happen from the content view controller (the view controller inside the popup), this is an example of a way to achieve this:

self.popupPresentationContainer?.popupBar.standardAppearance.configureWithOpaqueFloatingBackground()
self.popupPresentationContainer?.popupBar.standardAppearance.floatingBackgroundColor = LNRandomSystemColor();

[divyeshdobariya]

Thanks for your great support, Now it's working fine :) , you are the best !!! .... Thankssss

[LeoNatan]

Happy coding