如何将项目添加到侧面菜单栏?

时间:2014-09-24 23:57:30

标签: ios xcode6

我正在制作我的第一款应用。我的应用程序将有一个侧面弹出菜单。我已经使用UITableView实现了滑动菜单部分。现在我想用侧面菜单填充文本和旁边的图像,当点击一个时我想推送另一个视图控制器。最好的方法是什么?谢谢

2 个答案:

答案 0 :(得分:0)

正如user132490所说,你可能想在tableView中添加行。这是一个教程:http://www.appcoda.com/uitableview-tutorial-storyboard-xcode5/。它适用于Xcode 5,但仍然可以使用。您可能会发现它可以从"添加表数据"以下。实际上,在摘要之前,本教程教您在每个单元格的文本旁边添加缩略图。

祝你好运!

答案 1 :(得分:0)

如果要为表创建图像和文本,则必须创建UITableViewCell子类并声明图像视图和标签。必须在IB中创建图像视图和标签,创建原型单元格并在其中添加图像视图和标签。

完成后,您必须拥有一个表格内容的数组。就像这样:

@interface

@property NSMutableArray *menuArray;

viewDidLoad

NSDictionary *option1 = [NSDictionary dictionaryWithObjectsAndKeys:@"image1.png",@"image",@"Option1",@"desc", nil];

    NSDictionary *option2 = [NSDictionary dictionaryWithObjectsAndKeys:@"image2.png",@"image",@"Option2",@"desc", nil];

    NSDictionary *option3 = [NSDictionary dictionaryWithObjectsAndKeys:@"image3.png",@"image",@"Option3",@"desc", nil];

    NSDictionary *option4 = [NSDictionary dictionaryWithObjectsAndKeys:@"image4.png",@"image",@"Option4",@"desc", nil];

    NSDictionary *option5 = [NSDictionary dictionaryWithObjectsAndKeys:@"image5.png",@"image",@"Option5",@"desc", nil];


    //assign NSDictionaries to array
    self.menuArray = [NSMutableArray arrayWithObjects:option1,option2,option3,option4,option5, nil];

然后你必须有这样的表视图委托方法:

#pragma mark Table View delegate methods

- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section
{
    // Return the number of rows in the section.
    return  [menuArray count];
}

-(CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath 
{
    //return row height
    return 32;
}

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

    //assign TableCell.h to access custom properties
    TableCell *cell = [tableView dequeueReusableCellWithIdentifier:cellIdentifier];

    //get dictionary from menuArray
    NSDictionary * dict = [self.menuArray objectAtIndex:indexPath.row];

    UIImage *imageIcon = [UIImage imageNamed:[dict objectForKey:@"image"]];
    //set image
    [cell.img setImage:imageIcon];
    //set the label text
    cell.label.text = [dict objectForKey:@"desc"];

    return cell;
}

-(void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath
{
    //research more about pushing another view controller.

    //if chosen was option1
    if (indexPath.row == 0) 
    {
        NSLog(@"option1");
    }

    //if chosen was option2
    if (indexPath.row == 1) 
    {
        NSLog(@"option2");
    }

    //if chosen was option3
    if (indexPath.row == 2) 
    {
        NSLog(@"option3");
    }

    // if chosen was option4
    if(indexPath.row == 3)
    {
        NSLog(@"option4");
    }

    // if chosen is option5
    if(indexPath.row == 4)
    {
        NSLog(@"option5");
    }
}

在推送到其他视图控制器时,请尝试进行更多研究,因为它有更多解释。试试这个链接:https://github.com/ECSlidingViewController/ECSlidingViewController

但是使用此代码,您必须能够填充表格,当您选择单元格时,将会有一个日志。希望这会有所帮助:)