iOS 二级菜单(UITableView实现)「建议收藏」

iOS 二级菜单(UITableView实现)「建议收藏」iOS二级菜单(UITableView实现)注释全帮助新手学习

大家好,又见面了,我是你们的朋友全栈君。

作为iOS 新手 这个东西我捣鼓了一天,主要是没耐心。静下心来其实一会就能摆平。

我总结的经验,宁可精心学一个小时,也别浮躁学1天。

对新手来说主要是各种函数不熟,查询还不好查;

二级菜单网上说得不多,wo

下面来说一下这个二级菜单;

需求是这样的:

1 菜单只有二级。

2 如果有子菜单点一下打开,如果没有,则实现相应的操作;

我们来实现他(界面有点丑,但主要是功能,界面很简单自己设计一下就行):

个人想法是这样的:

首先建立一个cell的类,用于存放cell中的内容 ,继承自uitableviewcell;

TableCell.h

#import <UIKit/UIKit.h>
//tablecell的类
@interface TableCell : UITableViewCell
@property (nonatomic,retain) UILabel * Name;
@property (nonatomic,retain) UILabel * Comments;
@property (nonatomic,strong) NSArray *ChildArray;//存放子菜单
@property (nonatomic,assign) BOOL  Open;//表示子菜单是否打开
@end

TableCell.m

#import "TableCell.h"

@implementation TableCell
-(id)init
{
    if(self = [super init])
    {
        _Name = [[UILabel alloc] init];
        _Name.frame= CGRectMake(0, 0, 50, 30);
        [self.contentView addSubview:_Name];//将控件插入uitablviewecell
        _Comments = [[UILabel alloc]init];
        _Comments.frame = CGRectMake(60, 0, 50, 30);
        [self.contentView addSubview:_Comments];//将控件插入uitablviewecell
        _Open=false;//默认子控件是关闭的
    }
    return self;
}

@end

在.storyboard 中拖一个uiviewtable的控件;并且与设置属性  就是下面的TableView 并建立关联

或许我只是贴出代码来并不那么容易理解;

下面我说一下大体的思路吧;

 当选中cell的时候看看这个cell有没有子菜单,如果没有很简单直接打开就行了;

如果有那么我们先将这些子菜单想办法添加到掌管父菜单的数组中,然后生成一个位置数组(为了在tableview中调用

insertRowsAtIndexPaths:  withRowAnimation:

这个函数进行插入操作并且带有动画);

删除操作相同的意思先从控制父菜单的数组中删除,然后同样生成位置数组调用函数删除;

大体就是这样;主要是这两个函数来操作:

-(NSArray *) insertOperation:(TableCell *)item;//插入视图处理函数
-(NSArray *) deleteOperation:(TableCell *) item;//删除视图处理函数

好了来写:

工程中没有其他的类了,下面就是自动建好的…….Controller.h了

#import <UIKit/UIKit.h>
@class TableCell;
@interface TPViewController : UIViewController<UITableViewDelegate,UITableViewDataSource>//实现uitableview的两个代理
@property (weak, nonatomic) IBOutlet UITableView *TableView;//UItableiew与.storyboard中拖的uitableview关联
@property (nonatomic,strong) NSMutableArray * TableArry;//要添加的进uitableview的数组,里面存放的是tablecell
@property (nonatomic,strong) NSMutableArray * InsertArry;//中间处理过程数组,用于插入子视图
@property (nonatomic,strong) NSMutableArray * DeleteArry;//中间处理过程数组,用于删除子视图
-(NSArray *) insertOperation:(TableCell *)item;//插入视图处理函数
-(NSArray *) deleteOperation:(TableCell *) item;//删除视图处理函数
@end

.m文件;

#import "TPViewController.h"
#import "TableCell.h"
#import "TableCellArray.h"
@interface TPViewController ()

@end

@implementation TPViewController

- (void)viewDidLoad
{
    
    [super viewDidLoad];
    _TableArry = [[NSMutableArray alloc]init];
    TableCell *cell0 = [[TableCell alloc]init];
    cell0.Name.text = @"子菜单";
    cell0.Comments.text = @"子菜单";
    cell0.ChildArray=nil;
    NSMutableArray *array = [[NSMutableArray alloc] init];
    [array addObject:cell0];
    TableCell *cell = [[TableCell alloc]init];
    cell.Name.text=@"菜单1";
    cell.Comments.text = @"注释1";
    cell.ChildArray = nil;
    [_TableArry addObject:cell];
    TableCell *cell1 = [[TableCell alloc]init];
    cell1.Name.text =@"菜单2";
    cell1.Comments.text = @"注释2";
    cell1.ChildArray = array;
    [_TableArry addObject:cell1];
    
    
    //以上是模拟数据
    
    
    _TableView.delegate=self;
    _TableView.dataSource=self;
    _InsertArry = [[NSMutableArray alloc]init];
    _DeleteArry = [[NSMutableArray alloc]init];
    
 	// Do any additional setup after loading the view, typically from a nib.
}
//返回tableview中cell的个数
-(NSInteger) tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section
{
    return _TableArry.count;
}
//设置 cell的样式
-(UITableViewCell*)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
{
    UITableViewCell *cell = [[TableCell alloc]init];
    if(indexPath.row<_TableArry.count)
    {
        cell = [_TableArry objectAtIndex:indexPath.row ];
    }
   
    return  cell;
}
//返回cell的高度
-(CGFloat) tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath
{
    return 30.0f;
}

- (void)didReceiveMemoryWarning
{
    [super didReceiveMemoryWarning];
    
    // Dispose of any resources that can be recreated.
    
}
//当cell被选择(被点击)时调用的函数
-(void) tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath
{
    TableCell *cell=[_TableArry objectAtIndex:indexPath.row];
    NSLog(@"%d",indexPath.row);
    if(cell.ChildArray.count==0)//如果没有子菜单
    {
        NSLog(@"要打开页面");
    }
    else
    {
        if(!cell.Open)//如果子菜单是关闭的
        {
            NSArray * array =  [self insertOperation:cell];
            if(array.count>0)
                //从视图中添加
            [self.TableView insertRowsAtIndexPaths: array withRowAnimation:UITableViewRowAnimationBottom ];
            
        }
        else//如果子菜单是打开的
        {
            NSArray * array = [self deleteOperation:cell];
            if(array.count>0)
                //从视图中删除
            [self.TableView deleteRowsAtIndexPaths:array withRowAnimation:UITableViewRowAnimationBottom];
        }
    }
}
-(NSArray *) insertOperation:(TableCell *)item
{
    [_InsertArry removeAllObjects];//将插入菜单清空
    NSIndexPath *path = [NSIndexPath indexPathForRow:[_TableArry indexOfObject:item] inSection:0];//获取选取的cell的位置
    NSLog(@"长度为%d",path.row);
    TableCell  *child = [[TableCell alloc]init];
    //遍历当前选取cell 的子菜单
    for(int i=0;i<item.ChildArray.count;i++)
    {
        child = [item.ChildArray objectAtIndex:i];
        [_TableArry insertObject:child atIndex:path.row + i +1 ];//调用数组函数将其插入其中
        [_InsertArry addObject:child];//放入插入数组中
    }
    item.Open=YES;//设置菜单已经打开
    NSMutableArray *PathArray= [NSMutableArray array];//初始化用于存放位置的数组
    for(TableCell * cell in _InsertArry)
    {
        NSIndexPath *path = [NSIndexPath indexPathForRow:[_TableArry indexOfObject:cell] inSection:0];
        [PathArray addObject:path];
    }
    return PathArray;
}
-(NSArray *) deleteOperation:(TableCell *)item
{
    [_DeleteArry removeAllObjects];//清空删除数组
    TableCell *child =[[TableCell alloc]init];//子菜单
    for(int i =0;i<item.ChildArray.count;i++)
    {
        child = [item.ChildArray objectAtIndex:i];
        [_DeleteArry addObject:child];//添加到删除数组
    }
    item.Open = NO;//设置子视图关闭
    NSMutableArray *mutableArry = [NSMutableArray array];
    NSMutableIndexSet *set= [NSMutableIndexSet indexSet];//设置用来存放删除的cell的索引
    for(TableCell *cell in _DeleteArry)
    {
        NSIndexPath *path = [NSIndexPath indexPathForRow:[_TableArry indexOfObject:cell] inSection:0];
        NSLog(@"%d",path.row);
        [mutableArry addObject:path];
        [set addIndex:path.row];
    }
    [_TableArry removeObjectsAtIndexes:set];//调用函数来从数组中删除
    return mutableArry;
}
@end

这个主要是参考csdn上下载的一个二级菜单的例子;

但是有些不一样,如果他的代码你看不懂,把我的看懂了再去看他的就简单了;

可以下载我的源码运行看一下;http://download.csdn.net/detail/u010123208/7685367

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/133445.html原文链接:https://javaforall.cn

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)


相关推荐

  • 学生个人网页制作html_学生管理html页面

    学生个人网页制作html_学生管理html页面<!DOCTYPEhtml><htmllang=”en”><head><metacharset=”UTF-8″><title>Title</title><styletype=”text/css”>*{margin:0;…

  • arp命令_arp协议的主要功能是什么

    arp命令_arp协议的主要功能是什么ARP(AddressResolutionProtocol)命令用于显示和修改“地址解析协议(ARP)”缓存中的项目ARP把IP地址解析成LAN硬件使用的媒体访问控制地址。以太网设备并不识别32位IP地址,它们是以48位以太网地址传输以太网数据包原理某机器A要向主机B发送报文,会查询本地的ARP缓存表,找到B的IP地址对应的MAC地址后就会进行数据传输。如果未找到,则广播A一个A

    2022年10月22日
  • js三目运算符

    js三目运算符js三目运算符js三目运算符的正常表达为variable=boolean_expression?true_value:false_value;当boolean_expression传入的不是表达式而是变量时,是如何判断的?在es5文档中找到了解释:先将boolean_expression进行计算拿到结果赋给lref,然后根据ToBoolean(lref)拿到是tr

  • 前端vscode必备插件推荐(墙裂推荐)「建议收藏」

    前端vscode必备插件推荐(墙裂推荐)「建议收藏」前言:vscode是一款强大的前端编辑软件,有些人说ws(webstorm)更好用,但是vs重在轻量级啊!!!而且根据自己的开发习惯安装适合自己的插件后,用起来简直不要太舒服了好嘛!!!首先呢,我先推荐的就是最基础的语言包,没办法,英语水平太捞了哈哈哈,弄起来后就舒服多了,汉语yyds~《Chinese(Simplified)(简体中文)Language》注释工具《ColorfulComments》不同的注释符能带来很多高亮的显示快速找到css定义位置并小窗口展示

  • 请描述django模板中标签的作用?_产品标签设计模板

    请描述django模板中标签的作用?_产品标签设计模板常用的模板标签if标签if标签相当于Python中的if语句,有elif和else相对应,但是所有的标签都需要用标签符号({%%})进行包裹。if标签中可以使用==、!=、<、<=、&

  • 编写java程序打印菱形_java菱形代码

    编写java程序打印菱形_java菱形代码importjava.util.Scanner;publicclass打印菱形{publicstaticvoidmain(String[]args){/**菱形**************************/ScannerinputScanner=newScanner(System.in);System.out.prin…importjava.util.Scanner;publicc…

发表回复

您的电子邮箱地址不会被公开。

关注全栈程序员社区公众号