like this~
GIF:
[enter link description here][2]
https://github.com/noties/Scrollable/blob/master/art/scrollable_colorful.gif
I amm sorry I didn't say clear. I also need to implement the vertical scroll .See GIF~
The best approach is to use a collection view and set its movement as horizontal, then you can create a custom collection view cell, insert an UIButton inside it and delegate to your view to populate it with the options you want.
You can refer to this tutorial to help you:
https://www.raywenderlich.com/136159/uicollectionview-tutorial-getting-started
Related
I'd really like to program an interface similar to the shortcuts gallery as shown below:
(source: i.ibb.co)
So I'm thinking this would be a table view with custom cells and then some kind of paging view or collection view? Am I along the right lines?
Cheers for any help!
If you're looking to achieve this UI you'd need to implement a UITableVIew with nested UICollectionViews.
Another approach would be to use a UIStackView with UICollectionViews.
I need to create a tabbed view like this, for the first I need to make header to hide on scrolling and then I need to swipe between tabs on the center.
Can anyone suggest me which component should I use here?
The Attached Image, Please Click Here
https://github.com/xmartlabs/XLPagerTabStrip
This control can help, although, you'll have to hide the header on your own
Refer this too, https://github.com/jamztang/CSStickyHeaderFlowLayout
I have a page which I have to create in iOS. Below I have uploaded the screen shots of one page. How can I create this page. please suggest to some links or some ideas to create this interface.
This tutorial is what helped me. It's quite a lot to type out in an answer here. The big trick is adding a content view inside the scroll view and adding all your content to that content view
http://spin.atomicobject.com/2014/03/05/uiscrollview-autolayout-ios/
I am not vary experienced with using the UIScrollView but I think this is how you do it:
Search for the scroll view the Object Library and place it on you storyboard, then re-size it to your needs. (I am assuming you are using interface builder)
I am probably missing something here though.
If you already have a view that you would like to embed in a UIScrollView, go to "Editor" and select "Embed in scroll view":
I would use a UITableView here. UITableView is a subclass of UIScrollView. You can use the UITableViewCell's to break up the different components in your view.
I'm trying to display an image with a tableView like so (see image below).
But I'm not sure about the way to implement the red part :
is the red part in the header part of the table view ?
is the red part outside of the table view ?
is this in a custom cell ?
PS : Note that the tableView I would like to be with the picture would have various sections.
Thank you very much for the help.
In this case it's either a header or a custom UITableViewCell because it scrolls with the table. You can implement it either way.
Personally I'd start by making it a cell. That will allow you to use autolayout to easily tackle sizing and dynamic type.
create a custom view as per suthar's comment and add it to the tableview headerview ,
if you have more than one sections than u can use the groupped tableview instead of plain tableview...it becomes more easy..
I have a master-detail style application that displays locations in the table view, and in the detail, shows various pictures from that location.
My current detail shows only the picture from the table view, but I want to be able to scroll left and right inside the UIImageView area to see the other pictures from the same location (which will be loaded from their URL's with SDWebImage)
How can I make a horizontal table view of UIImages that displays one image at a time? (Or should I just find a pre-built carousel library?)
Bonus points for the overachievers (Not necessary for best answer): How would I make another table view below the main UIImage that shows a small table of all the images, with a border around the selected photo? [More concerned with the custom table view implementation than the bordering]
Check out UICollectionView and UICollectionViewController. Provide your own UICollectionViewFlowLayout and set the scrollDirection property to UICollectionViewScrollDirectionHorizontal.
Collection View reference:
http://developer.apple.com/library/ios/#documentation/WindowsViews/Conceptual/CollectionViewPGforIOS/Introduction/Introduction.html
Collection View sample:
http://developer.apple.com/library/ios/#samplecode/CollectionView-Simple/Introduction/Intro.html
Use UIScrollView and enable pagging. The same for the small pictures preview but of course without pagging.
Try this example and source code
Exemple 1
Exemple 2