UITableView within a UIView within UIViewController in iOs Xcode

Question

I want to achieve the following in xcode.

I have a view controller. Within this UIViewController I have a UITabBar. Below them is a UIView. What is the best way to add a UITableView to the UIView? Then being able to click on a UITableViewCell and opening up another UIViewController to show more information about the UITableViewCell?

Here is the current setup of my storyboard:

Could you offer me a solution to this problem? Thanks

Answer 1

You need a solution to your problem but I'm not sure what your problem is.

In storyboard, drag a UIView in your UIViewController. Then drag a UITableView (not controller) in that UIVIew.

You'll be able to see the view hierarchy on the left.

Then link your tableview datasource and delegate to the parent controller.

in your .h file, add the UITableViewDataSource and UITableViewDelegate protocols, also link your tableview as an Outlet.

In your .m files, add the tableview delegate methods (numberOfRowsInSection: and cellForRowAtIndexPath:)

I also suggest adding didSelect: among the tableview methods because, well, you'll need it.

and you're good to go. :)

It's actually the EXACT same thing as creating a tableview, except that your tableview is a subview of a UIView, which doesn't matter at all if it comes to code. The only thing you'll have to be "careful" of is to build your view properly in storyboard, and make sure the constraints don't make your tableview unusable for some reason.

Check one of my previous answers where I explain how to make a tableview and make it load another controller while passing data, which is something you might need if everything I wrote here still confuses you.

FOLLOW UP:

From your comments I understand that this subview of your UIView can be different things ; a tableview, a webview, and so on.

There are many ways to do that, and from my little knowledge I see two that can be easy and reliable (from my <1year experience as a developer...).

1. Get all the possibilities ready in your parent viewcontroller, if you only have 2 possibilities for example, that's "okay".
2. The best way is to prepare a container view (it's literally called container view) which would load different OTHER view controllers according to your needs.

I think option 2 is more reliable, because it will split the code into different classes, will allow you to modify each of them independently, and you can easily remove/add new views.

To my knowledge, you'll have some kind of switch statement in your parent controller that will load the desired UIViewController (or tableview or anything). Whatever you do there will just be as usual, but constricted to a smaller view inside another VC.

You can create that container view in storyboard and pre-link every other VC with segues (ToTable, ToWeb, ToCollection) are good examples for segue names that would link that container view to your 3 UIViewControllers.

Note that you can pass data if need be, but you would have all the separate controllers handle their own stuff even though it is visible inside your current vc.

Answer 2

   - (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section {

        return [catagorry count];    //count number of row from counting array hear cataGorry is An Array
    }



    - (UITableViewCell *)tableView:(UITableView *)tableView
                 cellForRowAtIndexPath:(NSIndexPath *)indexPath
        {
            static NSString *MyIdentifier = @"MyIdentifier";

            UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:MyIdentifier];

            if (cell == nil)
            {
                cell = [[[UITableViewCell alloc] initWithStyle:UITableViewCellStyleDefault
                                               reuseIdentifier:MyIdentifier] autorelease];
            }

            // Here we use the provided setImageWithURL: method to load the web image
            // Ensure you use a placeholder image otherwise cells will be initialized with no image
            [cell.imageView setImageWithURL:[NSURL URLWithString:@"http://example.com/image.jpg"]
                           placeholderImage:[UIImage imageNamed:@"placeholder"]];
                cell.textLabel.text = @"My Text";
            return cell;
        }

these are the basic method to create a basic table view. to load an view controller corresponing to the cell click u can use did select row method

- (void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath{



    /*   //Pushing next view 
        cntrSecondViewController *cntrinnerService = [[cntrSecondViewController alloc] initWithNibName:@"cntrSecondViewController" bundle:nil];
        [self.navigationController pushViewController:cntrinnerService animated:YES];
*/

[self performSegueWithIdentifier:@"identifier" sender:self];
}