iOS customise user interface - ios

Hi all I would like to make a horizontal scroll bar like below in iOS APP.
I read through lots of iOS programming book, none of them teaches me how to do custom UI. Can someone tell me, what knowledge I should learn in order to make this?
Thank you.

You should be using UICollectionView to make your life easier. There are many tutorials on that in which you probably just want to lay out your cells in one row and many columns to achieve the horizontal scrolling effect. Otherwise you may want to employ external libraries like this if you prefer a plug and play solution.

Related

Which Controls do I have to choose in iOS development

an iOS app page, which descirbes some item's detail
This is kind of what I want to make
This is exact what I want
Actually I am not an iOS developer.
But a member of our team lacks of knowledge of consisting of iOS app Page(Scene)
I think he usually use table view all the time. which I guess he can't handle very well.
He always struggle about height of UITableView in dynamic pages.
As you see in the picture, page has two views, which I don't know how to call it.
If round button on the right side of a woman is pressed those two views switches.
I guess it's kind of "TAB".
Is it normal that using UITableView in this kind of page. or Which is best practise?
Thanks in advance and sorry for my english.
The first image can be made using a UITableView or UICollectionView(UITableView will do the job with lesser hassle). For second image, you'd wanna use a segmented control.
The third can be built using UICollectionView, however, there are plenty of third party libraries out there on github for the same and you might wanna check them out.
Last but not the least, have some faith in your developer. He seems to be a newbie if he's facing troubles with tableviews but believe me, we've all been there some day.Encourage him to ask questions on various communities. If he's curious enough, he'll be just fine after a while.

Scrolling UICollectionViewCell to background instead of vertical

I'm trying to recreate the Shazam Discover UI by subclassing UICollectionView/UICollectionViewFlowLayout.
I've got as far as paging the cells and making them the right size, however, I'm having trouble getting the cells to scroll to the background, as in, I don't have a clue on how to get it done, I've searched everywhere but can't seem to find it.
An example of what I'm trying to achieve:
Any help/tips on how I could do this would be greatly appreciated.
edit: I ended up building my own solution:
https://github.com/JoniVR/VerticalCardSwiper
You could use third party libraries to achieve the same.
You may use StickyCollectionView. This is an Objective C based library. I believe this one with some customization will help you to approve this.

ScrollView with multiple Views iOS Autolayout

I am a newbie iOS developer currently working for a small company. I started developing iOS only some months ago and i only know how to work with Swift and AutoLayout. I have a little bit of a situation since my boss asked me to do a complicated scrollable view that contains other type of views within it.
I made a sketch using wireframe that is available here: https://wireframe.cc/MU0PC6, and i will also leave a print screen. So my question is: Is this achievable using AutoLayout and Swift? If it is can you please help me do it? If not, can you please point to a good tutorial that can help me do it using nibs?
Thank you, and sorry for my english and newbie skills.
Here is the screenshot
In order to create complex scrollable layouts with different elements and sections you should use a UICollectionView.
You can read into it here:
UICollectionView Tutorial
All the different parts of the layout would be individual UICollectionviewCells and you can control the size of them through UICollectionViewDelegateFlowLayout.
You can also build it using just UIScrollView and AutoLayout of course but the UICollectionView approach saves you a lot of headaches and when developing for iOS the UICollectionView is one of the most vital UI components anyway.

How would I go implementing a stacked card-based view?

Would anyone mind pointing me in the right direction of making a card view just like the one in the image shown below? I've been scouring the internet for over an hour trying to find a tutorial (in Swift) and all I could find was making the illusion of separated cards like this and this.
Any help or input would be greatly appreciated!
It wouldn't be that hard to do this yourself with custom code.
You could also use either a UICollectionView. Getting the look you want with a collection view is doable but would require some customization.
Yet another option is a third party framework like iCarousel (by Nick Lockwoods) iCarousel is very flexible and powerful, and comes with tutorials demonstrating a number of different options.

What do I do when I have very long views with lots of images in iOS app

I'm an iOS newbie and for an app a view will have around 20 photos with a audio player under each so you can listen to someone speak about the images.
How do I go about with this? Would I just make a very long view controller with all the images and audio? It would be a lot of images in total as there are around 5 views with these images and audio.
Or is there a way to have this content elsewhere and get the app to pull the content into the view?
I hope I make sense. Any tutorials/ideas would be a lot of help!
I strongly suggest you use a UITableView or UICollectionView (which are very similar code-wise, but have a different display style).
This will be a good way to manage UX and memory because the cells are just made for that kind of things.
You can find good tutorials about this on raywenderlich or appcoda
For example this one
After this is implemented you'll wanna have a look at customs cells probably, so you can display/move/interact with them in a more... well, customized way.
That you can also find very easily on appcoda &/| raywenderlich
For example, here.
How about you use UICollectionView or UITableView. All your Images/Audio components are similar to each other. So you can use advantage of paging.
It will cost you much less memory since you'll only be consuming the memory for the images( in this case cells) that are showing.
Read a tutorial about UITableView or UICollectionView.

Resources