Apologies
You must be signed in to watch this lesson.
Player Details Design Continued
Podcasts
Now that we've started the initial design of our Episode Player and figured out how to launch it inside of our application, it's time to finish it up by including the rest of our UI elements. In today's lesson, we add in the playback controls at the bottom by taking advantage of a few horizontal UIStackViews. You definitely have to play around with the UIStackView component to see what it allows you to do and what are the configuration options. Enjoy.

Comments (13)
tomxue
6 years ago
Learned so much more about UIStackView, definitely a very interesting and capable UIKit component. Thanks Brian.
Ally Makongo
6 years ago
I have not reached here on hands-on..just listening! then i will implement. My question is, do the warnings we have at the top will no have impact on the project for this view? I see a lot of warnings.
Brian Voong
6 years ago
Dew Douglass
5 years ago
You should code along with the videos!
edward
6 years ago
Hey Brian, whilst experimenting with the layout, I realised that the issue with button images being left aligned was because they still had titles. Deleted the titles means you no longer need to use spacer views :).
xuano
5 years ago
Yeah, I realized about this too, it works fine when you get rid of the titles, so there's no need for hardcoded widths. For the volume stackView, I set the content mode for the imageViews to aspect fit and the distribution to fill, so there's no need for hardcoded widths either.
Dew Douglass
5 years ago
Nice thanks for the tip!
AlexKey
6 years ago
I'm really liking this course, but I must say I hate using interface builder compared to building the layout programmatically, I find it quite tedious. Good skill to have nonetheless since I can do it both ways now!
Brian Voong
6 years ago
AlexKey
6 years ago
I've learned a lot from the course so far, on top of the Instagram course I feel ready to build my own applications which is great. After my thesis is finished for uni we'll see what the future holds :)
Alex Alx
6 years ago
It seems that with Xcode 9.3 update, they fixed a few bugs with interface builder including the label number of lines thing. Still, I didn't know you can apply the didSet {} option to a label. Thanks for all the hard work !
Alex Alx
6 years ago
*I didn't know you can apply the didSet {} option to a outlet
sujalshrestha
6 years ago
Hey Brian, I am getting some warnings on PlayerDetailsView.xib. I downloaded the project from the above link and still getting the same warnings. Can you check these warnings??
SimonQ
6 years ago
In the PlayerDetailView.xib file, we have the red errors for the player control stack view. Is it ok to leave it like this? How would we get rid of these errors? I tried to pin the stack view against the leading and trailing edges but still the same errors.
Brian Voong
6 years ago
TheSwifter
5 years ago
Hello, I solved the layout issues by adding top constrain and bottom constraints to UIStackView that holds Player controls
awjenson
5 years ago
Hi Brian, Are we able to use your images for our own apps that we want to submit to the App Store? Or should we buy our own images?
Brian Voong
5 years ago
Shahrukh Mohammad
5 years ago
Hi Brian, Great content as well, but I really don’t like the fact that you’re using Interface Builder now to build UI. That’s what differentiated you from every other code tutor out there. I know there are people that beg you to use interface builder, but those people are just lazy. Please refrain from using IB in future courses, it’s ugly and makes the code look ugly. Ok rant over, but I know you’ll understand why my feelings are so strong about this
Brian Voong
5 years ago
shender ramos
5 years ago
yes man.. i notice it saves a lot of time... i thought thats the reason why you are doing it .. i paused the video and do it programmatically.. just to keep the habit but is a good practice to use Interface builder here and there just to have an idea of how it works.. thanks for all the value you always providing
albaqawi
5 years ago
Hi Brain, an important question... I rotate the screen to look at the Top UIStackView behavior and even though we have set margin constraints it still spans half of screen in landscape mode, what is the best solution? I need your help as I am struggling with this in xib file setup.
Ally Makongo
5 years ago
Hi Brian, on iPhone 6s! on real device the view.frame fro the PlayerDetailsView is been chopped off at the bottom such that the tab bar is visible, the search icons and others. Have you noticed this?
Brian Voong
5 years ago
azemii
5 years ago
Hi Brian. Two questions for you. 1. I'm getting crazy amount of text in the console when i'm running the app, and it's not from any print statements. Do you have any idea what that might be? ex. -> (2019-04-16 03:53:46.230090+0300 PodCastCourse[8491:792763] Task <105ACDE5-DD27-4C6E-A72C-3439F355B310>.<181> finished with error - code: -999) 2. The initial search for a podcast feels quite slow and laggy, i was wondering if that's something you also experience or is it just me? Btw, love the course!
HELP & SUPPORT