(Swift) How to implement a Page Control through paging single views? - ios

I want to implement a page control in my project so that every view can be accessed through swiping left or right. Every example I have looked at is to do with images, not views. I've been studying this and its of course images again. My application is a single view application. I'm not really sure what code snippets to give you so far, I don't think I do because I haven't done anything on this yet. If you need specifics, please comment and ask me, i'll be here all day.
Please help me!
Thanks.

The same idea should apply in the tutorial you cited. They're adding UIImageView to a UIScrollView. So in your case, instead of UIImageView just use UIView. Also you can think of the pageImages array as a data source about your views. For example, instead of an array of UIImage you can just have an array of some model object that helps you configure your view. However, keep in mind that the implementation in the tutorial for your case won't scale if you plan to have a lot of UIViews. That's because you want to effectively reuse views that aren't showing. When it gets to that point, you're better off implementing a UITableView that scrolls horizontally.

You can use UIPageViewController for paging effect. Check out this tutorial. It is written in obj-c but who cares. It will give you idea about using UIPageViewController.

Related

Card swapping by using collection view

How can I make the design by using collection view, please explain me. Here is the image of the design:
This is simply a UICollectionView with a UIPageControl below it.
You just need to design a UICollectionViewCell that looks like a card and use that in your collection view.
Have a look at [this Ray Wenderlich tutorial] to give you an idea how to use a UICollectionView. Of course you'll need a horizontal scrolling one, but that's easy configurable. Also read the iOS documentation.
You'll also need to scrolling to stop with one full card visible; read this.
Since you're new on StackOverflow you may not know this: On StackOverflow you're expected to first do your own research and try hard to get something working. Then when you have a detailed issue you can't figure out, you post that here. Please do so next time.

Can anyone suggest what to use to make the UI screen as Mention?

I have design the UI for the below screen as I am little bit confuse that what should have to use for the below screen. As you seen the on the screen below things:
1.Scrolling part of Images swap.
2.Again another Scrolling images Swap.
So here for the scrolling Images what should I use its Collection View for both or Pagecontrol for one and Collection view for other. Please suggest me.
Thanks and Appreciate for the help...
Use UITableView and in its cell use UICollectionCell so that you can scroll horizontally and vertically.
see Back image, this is how you can implemented output looked like.
As Tinu Dahiya pointed it correctly, You should use tableView and custom tableViewCells to achieve your UI design. This approach will also make your coding easy to handle dynamic contents which you might be fetching from server. For your reference you can directly use this control from cocoa controls. This control is ready made dish for you, you just have to implement your logic to achieve your functionality.

IOS Scrollable View inside another ScrollView

I need to implement this screen and I wonder if anyone can help me with ideas to solve some scenarios, basically the screen will contain a parallax effect in the top image, the entire screen must be scrollable, the problem I am faced when designing this screen It is the way I see I need to have a scrollview and a tableview that generates me the trouble of having the scrolls in the same direction.
I've read several post here about the problem of having scroll inside scroll for example: Nested UITableView inside another nested table , and what I want are actually ideas that can help me implement the screen below.
I just need suggestions of good practice, no one needs to worry about post code unless some lib to help with the problem or something.
I appreciate any help.
I finally solved my problem, I implemented a solution based on ParallaxTableView and is-it-possible-to-add-uitableview-within-a-uitableviewcell
And here is my project : UITableViewHeader
The trick on that (DEPENDS IF YOU REALLY WANT THAT BEHAVIOR) is having the image on the table view header. there are plenty of tutorials on github with sample implementation also.
e.g that one

Swiping of Multiple Views in iOS

I have three ViewControllers. I want to swipe the view controllers one by one which is similar to UIPageViewController. I searched for that in so many tutorials I did not find that.
Iam new to Objective-c.
This tutorial will help you get started, it has multiple views and a persistent view as well. It also has the source code, so you can dive into the code if you don't want to read the tutorial.
If you don't want to use UIPageViewController take the UICollectionView approach to simplify things.
Take a look at this question for an example.

UITableViewController inside UIScrollView with Horizontal Paging

this is the situation:
I need horizontal scrolling, and table views inside every page. This is something like news app, it should display news from different categories, when scrolled in one horizontal direction, and inside one category it should display about 30 news, vertically scrollable, of course.
I have successfully done what i need, but...
I have following scenario:
UINavigationController
|__ UIViewController, which contains ScrollView and PageControl
|__ UITableViewController, which holds data in rows, and is displayed inside parent, which is actually ScollView
I know that this is not an ideal solution, but at least it works. As a base, i used Apple's code and tutorial for PageScroll found on this link. Instead of simple viewController to add to ScrollView, i used TableViewController, so basically i add tableController.tableView to the ScrollView.
I know, also, that adding tableViews inside scrollview is sort of adding a car inside a truck and driving that car, but i couldn't find more reasonable way of doing same thing.
So, i need your thoughts about how this can be accomplished using some other approach. I use storyboarding and iOS 5 for this, and everything seems (and looks) messy right now.
Thanks in advance, a lot.
I did something similar a few months ago, and it was like this:
UINavigationController
UIViewController with a UIScrollView
UIViewController with a UITableView inside (I use this because I simply hate UITablewViewController)
I followed the Apple's documentation about creating custom containers. There is a great video about that in the WWDC 2011 video's section if I am not mistaken. I can proudly say that the code is really clean and simple to understand.
Answer 1.0
The one thing is, did you managed to get proper orientation handling of the tableView, without any hack, or you don't use it?
No, in this case I didn't, but I am sure I would have been able to do it without any problem. You see, most of the problems come when you just [self.view addSubView:newViewController.view];. You just add the UIView, all the logic of the rotation is handled by the newViewController and not in the controller where the UIView will be.
The other thing is, if i'm gonna try to implement, say, GridView or something like that, for iPad, orientation handling and animations become very ugly.
I implemented this in another project and it was quite easy to implement once you understand what's going on:
I used a UIViewController with a UITableView so I could get all the goodies from the dequeueReusableCellWithIdentifier:, creation of section's titles, table's headers and footers, etc. I just figure that no matter what I would do with a UIScrollView a UITableView is always going to be more optimized. As the UITableViewCell's I just used an holder with 3 squares, each one being a picture. (my application was a showcase of pictures)
http://www.raywenderlich.com/4680/how-to-make-an-interface-with-horizontal-tables-like-the-pulse-news-app-part-1
Chk out above link

Resources