android 二级导航这个界面怎么做出来?

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了android 二级导航这个界面怎么做出来?相关的知识,希望对你有一定的参考价值。

一级导航+二级button 不知道能实现你需求不?追问

具体的代码能贴出来吗?

追答

不知道这是不是 你要的效果 ,代码也就是 一个普通导航和 自定义的 一排button 排的,

参考技术A 桌面问题

设置二级导航栏的返回按钮

1. 一般情况下的导航栏跳转,当在一级界面跳转到二级界面的时候,左item的会出现 “返回箭头+一级导航栏的标题”;

比如说:一级导航栏是“白菜精华”,那么二级导航栏的返回键是 :

 

2. 当我们使用下方的代码(下方代码是在一级界面写)时,确实可以当跳转到二级界面的时候,左上角是“返回图标 + 返回”;

 self.navigationItem.backBarButtonItem = [[UIBarButtonItem alloc] initWithTitle:@"返回" style:UIBarButtonItemStyleDone target:nil action:nil];

 

但是 当二级界面 push 到三级界面的时候,还是需要上方的代码写在二级界面中。当项目有10个以上的界面,看着就会很臃肿。所以,可以拦截 导航栏的push方法。在这个方法中进行统一的修改。

 

3. 自定义导航控制器,重写它的push方法

3.1 创建“WYNavigationController:UINavigationController” , 在.m 方法中写 :

/**
 * 可以在这个方法中拦截所有push进来的控制器
 */
- (void)pushViewController:(UIViewController *)viewController animated:(BOOL)animated
{
    [super pushViewController:viewController animated:NO];
    
    // target 传空也会有一个默认的点击 方法可以用来返回到上一个界面
    viewController.navigationItem.backBarButtonItem = [[UIBarButtonItem alloc] initWithTitle:@"返回" style:UIBarButtonItemStyleDone target:nil action:nil];
}

 

3.2  使用上列方法给返回按钮修改文字颜色的时候会出现,只能设置普通文字颜色,不能设置点击的时候的文字颜色:

- (void)viewDidLoad {
    [super viewDidLoad];
    // Do any additional setup after loading the view.
    
    // 返回文字颜色修改
    self.navigationBar.tintColor = [UIColor blueColor];
}

 

所以,返回按钮的颜色修改,不是使用的 3.1 的方法设置的。而是使用UIButton的。

写法如下:

/**
 * 可以在这个方法中拦截所有push进来的控制器
 */
- (void)pushViewController:(UIViewController *)viewController animated:(BOOL)animated
{
    if (self.childViewControllers.count > 0) { // 如果push进来的不是第一个控制器
        UIButton *button = [UIButton buttonWithType:UIButtonTypeCustom];
        [button setTitle:@"返回" forState:UIControlStateNormal];
        [button setImage:[UIImage imageNamed:@"navigationButtonReturn"] forState:UIControlStateNormal];
        [button setImage:[UIImage imageNamed:@"navigationButtonReturnClick"] forState:UIControlStateHighlighted];
        button.size = CGSizeMake(70, 30);
        // 让按钮内部的所有内容左对齐
        button.contentHorizontalAlignment = UIControlContentHorizontalAlignmentLeft;
//        [button sizeToFit];
        // 让按钮的内容往左边偏移10
        button.contentEdgeInsets = UIEdgeInsetsMake(0, -10, 0, 0);
        [button setTitleColor:[UIColor blackColor] forState:UIControlStateNormal];
        [button setTitleColor:[UIColor redColor] forState:UIControlStateHighlighted];
        [button addTarget:self action:@selector(back) forControlEvents:UIControlEventTouchUpInside];
        viewController.navigationItem.leftBarButtonItem = [[UIBarButtonItem alloc] initWithCustomView:button];
        // 隐藏tabbar
        viewController.hidesBottomBarWhenPushed = YES;
    }
    
    // 这句super的push要放在后面, 让viewController可以覆盖上面设置的leftBarButtonItem
    [super pushViewController:viewController animated:animated];
}

- (void)back
{
    [self popViewControllerAnimated:YES];
}

 

 

 

 

 

导航控制器补充1:

/**
 * 可以在这个方法中拦截所有push进来的控制器
 */
- (void)pushViewController:(UIViewController *)viewController animated:(BOOL)animated
{
    // 当 animated 为 NO 的时候,就代表所有push进来的导航控制器都没有动画效果。
    [super pushViewController:viewController animated:NO];
}

 

以上是关于android 二级导航这个界面怎么做出来?的主要内容,如果未能解决你的问题,请参考以下文章

我用jquery做的导航栏点击时把二级菜单全显示出来了,怎么让他只显示一个,就是点那

设置二级导航栏的返回按钮

怎么用vue.js实现一个二级导航栏

HTML二级导航出现下拉列表后怎么让一级栏目也有鼠标悬停

vue 二级导航重定向,二级导航默认选中某一项的问题

vue 二级导航重定向,二级导航默认选中某一项的问题