美文网首页
🌹向下滑动Tableview显示导航🌹

🌹向下滑动Tableview显示导航🌹

作者: JaneEyre3X | 来源:发表于2018-06-07 11:30 被阅读0次

困难是成功的阶梯,爬着很累,但不能轻言放弃。
把经验藏在肚子里的人,不会成功

首先在AppDelegate.m中

#import "AppDelegate.h"
#import "ViewController.h"
@interface AppDelegate ()
@end
@implementation AppDelegate
- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions {
//创建导航    
    ViewController *vv=[[ViewController alloc]init];
    UINavigationController *nav=[[UINavigationController alloc]initWithRootViewController:vv];
    self.window.rootViewController=nav;
    
    return YES;
}

之后再ViewController.m中

#import "ViewController.h"
#define IPHONE_WIDTH  [UIScreen mainScreen].bounds.size.width
#define IPHONE_HEIGHT [UIScreen mainScreen].bounds.size.height
@interface ViewController ()<UITableViewDelegate,UITableViewDataSource>
{
    UITableView * table;
    UIView * _myNavigationView;
}
@end

@implementation ViewController

- (void)viewDidLoad {
    [super viewDidLoad];

    self.navigationItem.title =@"向下滑动表格显示导航";
    self.view.backgroundColor =[UIColor blackColor];
    
    table = [[UITableView alloc]initWithFrame:CGRectMake(0, 0, self.view.frame.size.width, self.view.frame.size.height) style:UITableViewStyleGrouped];
    table.backgroundColor =[UIColor whiteColor];
    table.delegate =self;
    table.dataSource =self;
    [self.view addSubview:table];
    [self.navigationController.navigationBar setBackgroundImage:[[UIImage alloc] init] forBarMetrics:UIBarMetricsDefault];
    [self.navigationController.navigationBar setShadowImage:[[UIImage alloc] init]];
    
    _myNavigationView = [[UIView alloc] initWithFrame:CGRectMake(0, 0, IPHONE_WIDTH, 64)];
    _myNavigationView.backgroundColor = [UIColor redColor];
    
    [self.view addSubview:_myNavigationView];
}
- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section;
{
    return 30;
}
- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath;
{
    static NSString * cellID =@"cell";
    UITableViewCell * cell = [tableView dequeueReusableCellWithIdentifier:cellID];
    if (!cell)
    {
        cell =[[UITableViewCell alloc]initWithStyle:UITableViewCellStyleSubtitle reuseIdentifier:cellID];
    }
    return cell;
}
-(CGFloat)tableView:(UITableView *)tableView heightForHeaderInSection:(NSInteger)section
{
    return 1;
}
- ( UIView *)tableView:(UITableView *)tableView viewForHeaderInSection:(NSInteger)section;
{
    return nil;
}
- ( UIView *)tableView:(UITableView *)tableView viewForFooterInSection:(NSInteger)section;
{
    return nil;
}

#pragma mark - scroll Delegate
//重要的东西都在这个方法里
- (void)scrollViewDidScroll:(UIScrollView *)scrollView
{
    int contentOffSetY = scrollView.contentOffset.y;
    
    if (contentOffSetY< 64)
    { _myNavigationView.alpha= scrollView.contentOffset.y/64; }
    else
    {
        _myNavigationView.alpha=1;
    }
    if (contentOffSetY<0)
    {
//        突然滑动的并且幅度很大的请款下 会在原本的导航view上面64的高度   
        //        CGRect rect =_myNavigationView.frame; rect.origin.y =0;
        //        rect.size.height=-contentOffSetY+64;
        //        _myNavigationView.frame =rect;
    }   
}
@end
baige 1.gif

相关文章

  • 🌹向下滑动Tableview显示导航🌹

    困难是成功的阶梯,爬着很累,但不能轻言放弃。把经验藏在肚子里的人,不会成功 首先在AppDelegate.m中 之...

  • 滑动隐藏导航条

    前言 我们经常在一些APP中看到往上滑动隐藏导航条,往下滑动的时候显示导航条,在这里使用tableView简单实现...

  • react native 关于FlatList滚动事件的坑

    最近想实现一个这样的需求,用户将FlatList向上滑动是隐藏顶部导航栏,向下滑动的时候显示顶部导航栏。我的实现逻...

  • 导航栏的隐藏处理

    最近在做项目,一个课程列表,进入的时候导航栏隐藏,展开section后,滑动tableview导航栏渐变显示出来,...

  • 监听ScrollView 的上下滑动

    最近在一些APP(新闻资讯)应用上看到当向上滑动列表的时候底部的导航栏隐藏、向下滑动的时候底部导航栏显示!为此做出...

  • tableView 中间悬浮

    需求 如下图 1 ,2 都会随着tableview的滑动而滑动 但 当2滑动至导航栏底就悬浮在导航栏底部。 最开...

  • UITableView滑动删除时设置显示多个按钮

    tableView:editActionsForRowAtIndexPath: // 设置滑动删除时显示多...

  • Swift 常用技术总结

    特定导航栏隐藏 ScrollView,TableView滑动键盘隐藏 浮点数取整 TableView的cell自适...

  • turnView

    前言:看这个简单demo你可以学到很多东西。 涉及导航栏随着tableView滑动是否隐藏,随着tableView...

  • Flutter Dismissible list 滑动消失效果

    background:向右或者向下滑动时显示secondaryBackground:向左或者向上滑动时显示如果只设...

网友评论

      本文标题:🌹向下滑动Tableview显示导航🌹

      本文链接:https://www.haomeiwen.com/subject/oesfrftx.html