• iOS 横向菜单


     MKHorizMenu 源码地址 

    现在想要实现以下效果,其中“选时间”这部分是一个NavigationBar,“日期”是横向的菜单,“电影时段”是TableView。

    比较难实现的是横向菜单,因为没有直接的控件可以用。开始我想用之前的方法,将TableView和TableViewCell倒置,实现横向TableView;但是会出现一个问题,每个Cell中的文本,都被省略显示,类似显示“2月...”。

    原因是,在倒置TableView之前,TableView的宽很小(相当于图中横向菜单的高),那么文本写在上面就会被省略显示,虽然TableView倒置过来了,但是文本还是原来的文本,并没有因为倒置后宽变长了而全部显示。

    只能试试别的方法,发现MKHorizMenu这个开源库。

    MKHorizMenu的实现原理是将UISrollView封装,声明DataSource协议和Delegate协议。详见。由于自带Demo是使用nib,所以我在MKHorizMenu.m中将初始化方法awakeFromNib改为initWithFrame。

    //
    //  MKHorizMenu.h
    //  MKHorizMenuDemo
    //
    //  Created by Mugunth on 09/05/11.
    //  Copyright 2011 Steinlogic. All rights reserved.
    
    //  Permission granted to do anything, commercial/non-commercial with this file apart from removing the line/URL above
    //  Read my blog post at http://mk.sg/8h on how to use this code
    
    //  As a side note on using this code, you might consider giving some credit to me by
    //    1) linking my website from your app's website
    //    2) or crediting me inside the app's credits page
    //    3) or a tweet mentioning @mugunthkumar
    //    4) A paypal donation to mugunth.kumar@gmail.com
    //
    //  A note on redistribution
    //    While I'm ok with modifications to this source code,
    //    if you are re-publishing after editing, please retain the above copyright notices
    
    #import <UIKit/UIKit.h>
    
    @class MKHorizMenu;
    
    @protocol MKHorizMenuDataSource <NSObject>
    @required
    - (UIImage*)selectedItemImageForMenu:(MKHorizMenu*)tabView;
    - (UIColor*)backgroundColorForMenu:(MKHorizMenu*)tabView;
    - (NSUInteger)numberOfItemsForMenu:(MKHorizMenu*)tabView;
    
    - (NSString*)horizMenu:(MKHorizMenu*)horizMenu titleForItemAtIndex:(NSUInteger)index;
    @end
    
    @protocol MKHorizMenuDelegate <NSObject>
    @required
    - (void)horizMenu:(MKHorizMenu*)horizMenu itemSelectedAtIndex:(NSUInteger)index;
    @end
    
    @interface MKHorizMenu : UIScrollView
    {
    
        int _itemCount;
        UIImage* _selectedImage;
        NSMutableArray* _titles;
        id<MKHorizMenuDataSource> dataSource;
        id<MKHorizMenuDelegate> itemSelectedDelegate;
    }
    
    @property (nonatomic, retain) NSMutableArray* titles;
    @property (nonatomic, retain) id<MKHorizMenuDelegate> itemSelectedDelegate;
    @property (nonatomic, retain) id<MKHorizMenuDataSource> dataSource;
    @property (nonatomic, retain) UIImage* selectedImage;
    @property (nonatomic, assign) int itemCount;
    
    - (void)reloadData;
    - (void)setSelectedIndex:(int)index animated:(BOOL)animated;
    @end
    MKHorizMenu.h
    //
    //  MKHorizMenu.m
    //  MKHorizMenuDemo
    //  Created by Mugunth on 09/05/11.
    //  Copyright 2011 Steinlogic. All rights reserved.
    //  Permission granted to do anything, commercial/non-commercial with this file apart from removing the line/URL above
    //  Read my blog post at http://mk.sg/8h on how to use this code
    
    //  As a side note on using this code, you might consider giving some credit to me by
    //    1) linking my website from your app's website
    //    2) or crediting me inside the app's credits page
    //    3) or a tweet mentioning @mugunthkumar
    //    4) A paypal donation to mugunth.kumar@gmail.com
    //
    //  A note on redistribution
    //    While I'm ok with modifications to this source code,
    //    if you are re-publishing after editing, please retain the above copyright notices
    
    #import "MKHorizMenu.h"
    #define kButtonBaseTag 10000
    #define kLeftOffset 10
    
    @implementation MKHorizMenu
    
    @synthesize titles = _titles;
    @synthesize selectedImage = _selectedImage;
    
    @synthesize itemSelectedDelegate;
    @synthesize dataSource;
    @synthesize itemCount = _itemCount;
    
    /**
     *    @author Norcy, 15-05-03
     *
     *    Change awakeFormNib to function below
     *
     *    @param frame
     *
     *    @return
     */
    - (id)initWithFrame:(CGRect)frame
    {
        if (self = [super initWithFrame:frame])
        {
            self.bounces = YES;
            self.scrollEnabled = YES;
            self.alwaysBounceHorizontal = YES;
            self.alwaysBounceVertical = NO;
            self.showsHorizontalScrollIndicator = NO;
            self.showsVerticalScrollIndicator = NO;
    //        [self reloadData];
        }
        return self;
    }
    
    - (void)reloadData
    {
        NSArray* viewsToRemove = [self subviews];
        for (UIView* v in viewsToRemove)
        {
            [v removeFromSuperview];
        }
    
        self.itemCount = [dataSource numberOfItemsForMenu:self];
    //    self.backgroundColor = [dataSource backgroundColorForMenu:self];    //Norcy
        self.selectedImage = [dataSource selectedItemImageForMenu:self];
    
        UIFont* buttonFont = [UIFont systemFontOfSize:15];
        int buttonPadding = 45;
    
        int tag = kButtonBaseTag;
        int xPos = kLeftOffset;
    
        for (int i = 0; i < self.itemCount; i++)
        {
            NSString* title = [dataSource horizMenu:self titleForItemAtIndex:i];
            UIButton* customButton = [UIButton buttonWithType:UIButtonTypeCustom];
            [customButton setTitle:title forState:UIControlStateNormal];
            customButton.titleLabel.font = buttonFont;
    
    //        [customButton setBackgroundImage:self.selectedImage forState:UIControlStateSelected];    //Norcy
            [customButton setTitleColor:[UIColor grayColor] forState:UIControlStateNormal];            //Norcy
            [customButton setTitleColor:[UIColor orangeColor] forState:UIControlStateSelected];        //Norcys
            customButton.tag = tag++;
            [customButton addTarget:self action:@selector(buttonTapped:) forControlEvents:UIControlEventTouchUpInside];
    
    //        int buttonWidth = [title sizeWithFont:customButton.titleLabel.font
    //                              constrainedToSize:CGSizeMake(150, 28)
    //                                  lineBreakMode:UILineBreakModeClip].width;
            
            int buttonWidth = [title boundingRectWithSize:CGSizeMake(150, 28) options:NSStringDrawingUsesLineFragmentOrigin    attributes:nil context:nil].size.width;
    
            customButton.frame = CGRectMake(xPos, 7, buttonWidth + buttonPadding, 28);
            xPos += buttonWidth;
            xPos += buttonPadding;
            [self addSubview:customButton];
        }
    
        // bretdabaker: added right padding to contentSize
        xPos += kLeftOffset;
    
        self.contentSize = CGSizeMake(xPos, 41);
        [self layoutSubviews];
    }
    
    - (void)setSelectedIndex:(int)index animated:(BOOL)animated
    {
        UIButton* thisButton = (UIButton*)[self viewWithTag:index + kButtonBaseTag];
        thisButton.selected = YES;
        [self setContentOffset:CGPointMake(thisButton.frame.origin.x - kLeftOffset, 0) animated:animated];
        [self.itemSelectedDelegate horizMenu:self itemSelectedAtIndex:index];
    }
    
    - (void)buttonTapped:(id)sender
    {
        UIButton* button = (UIButton*)sender;
    
        for (int i = 0; i < self.itemCount; i++)
        {
            UIButton* thisButton = (UIButton*)[self viewWithTag:i + kButtonBaseTag];
            if (i + kButtonBaseTag == button.tag)
                thisButton.selected = YES;
            else
                thisButton.selected = NO;
        }
    
        [self.itemSelectedDelegate horizMenu:self itemSelectedAtIndex:button.tag - kButtonBaseTag];
    }
    
    @end
    MKHorizMenu.m

    以下为Demo,调用MKHorizMenu的过程请直接看ViewController2.m。

    //
    //  AppDelegate.m
    //  Tickets
    //
    //  Created by Norcy on 15/4/29.
    //  Copyright (c) 2015年 Norcy. All rights reserved.
    //
    
    #import "AppDelegate.h"
    #import "ViewController2.h"
    @interface AppDelegate ()
    
    @end
    
    @implementation AppDelegate
    
    - (BOOL)application:(UIApplication*)application didFinishLaunchingWithOptions:(NSDictionary*)launchOptions
    {
        // Override point for customization after application launch.
        self.window = [[UIWindow alloc] initWithFrame:[[UIScreen mainScreen] bounds]];
        ViewController2 *vc = [[ViewController2 alloc] init];
        UINavigationController *nav = [[UINavigationController alloc]initWithRootViewController:vc];
        nav.view.backgroundColor = [UIColor whiteColor];
        self.window.rootViewController = nav;
        [self.window makeKeyAndVisible];
        return YES;
    }
    
    - (void)applicationWillResignActive:(UIApplication*)application
    {
        // Sent when the application is about to move from active to inactive state. This can occur for certain types of temporary interruptions (such as an incoming phone call or SMS message) or when the user quits the application and it begins the transition to the background state.
        // Use this method to pause ongoing tasks, disable timers, and throttle down OpenGL ES frame rates. Games should use this method to pause the game.
    }
    
    - (void)applicationDidEnterBackground:(UIApplication*)application
    {
        // Use this method to release shared resources, save user data, invalidate timers, and store enough application state information to restore your application to its current state in case it is terminated later.
        // If your application supports background execution, this method is called instead of applicationWillTerminate: when the user quits.
    }
    
    - (void)applicationWillEnterForeground:(UIApplication*)application
    {
        // Called as part of the transition from the background to the inactive state; here you can undo many of the changes made on entering the background.
    }
    
    - (void)applicationDidBecomeActive:(UIApplication*)application
    {
        // Restart any tasks that were paused (or not yet started) while the application was inactive. If the application was previously in the background, optionally refresh the user interface.
    }
    
    - (void)applicationWillTerminate:(UIApplication*)application
    {
        // Called when the application is about to terminate. Save data if appropriate. See also applicationDidEnterBackground:.
    }
    
    @end
    AppDelegate.m
    //
    //  ViewController2.h
    //  Tickets
    //
    //  Created by Norcy on 15/4/30.
    //  Copyright (c) 2015年 Norcy. All rights reserved.
    //
    
    #import <UIKit/UIKit.h>
    #import "MKHorizMenu.h"
    
    @interface ViewController2 : UIViewController<UITableViewDataSource, UITableViewDelegate, MKHorizMenuDataSource, MKHorizMenuDelegate>
    {
        MKHorizMenu *_horizMenu;    //顶部导航条
        NSInteger lastSelectedBtnIndex;
    }
    @property NSArray *items;
    @end
    ViewController2.h
    //
    //  ViewController2.m
    //  Tickets
    //
    //  Created by Norcy on 15/4/30.
    //  Copyright (c) 2015年 Norcy. All rights reserved.
    //
    
    #import "ViewController2.h"
    #import "TableViewCell2.h"
    
    @interface ViewController2 ()
    
    @end
    
    #define kButtonBaseTag 10000
    #define HORIZONMENU_HEIGHT 44
    static NSString* CELL_ID = @"MyCell";
    
    @implementation ViewController2
    
    - (void)viewDidLoad
    {
        [super viewDidLoad];
    
        //Navigation
        self.title = @"选时间";
        self.edgesForExtendedLayout = UIRectEdgeNone;
    
        //Screen
        int screenWidth = [[UIScreen mainScreen] bounds].size.width;
        int screenHeight = [[UIScreen mainScreen] bounds].size.height;
        
        self.items = [NSArray arrayWithObjects:@"今天", @"2月11日", @"2月12日", @"2月13日", @"2月14日", @"2月15日", @"2月16日", nil];
        lastSelectedBtnIndex = -1;
        
        //Horizon Menu
        MKHorizMenu *horizMenu = [[MKHorizMenu alloc] initWithFrame:CGRectMake(0, 0, screenWidth, HORIZONMENU_HEIGHT)];
        horizMenu.dataSource = self;
        horizMenu.itemSelectedDelegate = self;
        horizMenu.backgroundColor = [UIColor whiteColor];
        [horizMenu reloadData];
        [self.view addSubview:horizMenu];
        [self horizMenu:horizMenu itemSelectedAtIndex:0];    //必须写在reloadData和addSubview:horizMenu后面
        
        //TableView
        UITableView* tableView = [[UITableView alloc] initWithFrame:CGRectMake(0, horizMenu.frame.size.height, screenWidth, screenHeight - HORIZONMENU_HEIGHT - self.navigationController.navigationBar.frame.size.height - 20)];
        [tableView registerClass:[TableViewCell2 class] forCellReuseIdentifier:CELL_ID];
        tableView.delegate = self;
        tableView.dataSource = self;
        [self.view addSubview:tableView];
    }
    
    #pragma mark
    #pragma mark TableView Data Source
    - (NSInteger)numberOfSectionsInTableView:(UITableView*)tableView
    {
        return 1;
    }
    
    - (NSInteger)tableView:(UITableView*)tableView numberOfRowsInSection:(NSInteger)section
    {
        return 10;
    }
    
    - (UITableViewCell*)tableView:(UITableView*)tableView cellForRowAtIndexPath:(NSIndexPath*)indexPath
    {
        TableViewCell2* cell = [tableView dequeueReusableCellWithIdentifier:CELL_ID forIndexPath:indexPath];
        cell.backgroundColor = [UIColor colorWithRed:0.95 green:0.95 blue:0.95 alpha:1];
        return cell;
    }
    
    - (CGFloat)tableView:(UITableView*)tableView heightForRowAtIndexPath:(NSIndexPath*)indexPath
    {
        return 80;
    }
    
    - (CGFloat)tableView:(UITableView*)tableView heightForHeaderInSection:(NSInteger)section
    {
        return 0;
    }
    
    #pragma mark
    #pragma mark TableView Delegate
    - (void)tableView:(UITableView*)tableView didSelectRowAtIndexPath:(NSIndexPath*)indexPath
    {
        [tableView deselectRowAtIndexPath:indexPath animated:YES];
    }
    
    #pragma mark
    #pragma mark MKHorizMenu DataSource
    - (UIImage*)selectedItemImageForMenu:(MKHorizMenu*)tabView
    {
        return nil;
    }
    
    - (UIColor*)backgroundColorForMenu:(MKHorizMenu*)tabView
    {
        return [UIColor clearColor];
    }
    
    - (NSUInteger)numberOfItemsForMenu:(MKHorizMenu*)tabView
    {
        return [self.items count];
    }
    
    - (NSString*)horizMenu:(MKHorizMenu*)horizMenu titleForItemAtIndex:(NSUInteger)index
    {
        return [self.items objectAtIndex:index];
    }
    
    #pragma mark
    #pragma mark MKHorizMenu Delegate
    - (void)horizMenu:(MKHorizMenu*)horizMenu itemSelectedAtIndex:(NSUInteger)index
    {
        if (lastSelectedBtnIndex != -1)
        {
            UIButton *lastButton = (UIButton*) [self.view viewWithTag:lastSelectedBtnIndex+kButtonBaseTag];
            lastButton.selected = NO;
        }
        UIButton *thisButton = (UIButton*) [self.view viewWithTag:index+kButtonBaseTag];
        thisButton.selected = YES;
        lastSelectedBtnIndex = index;
    }
    @end
    ViewController2.m
    //
    //  TableViewCell2.h
    //  Tickets
    //
    //  Created by Norcy on 15/4/30.
    //  Copyright (c) 2015年 Norcy. All rights reserved.
    //
    
    #import <UIKit/UIKit.h>
    
    @interface TableViewCell2 : UITableViewCell
    @property (nonatomic, strong) UILabel *showTime;
    @property (nonatomic, strong) UILabel *VIPPrice;
    @property (nonatomic, strong) UILabel *Detail;
    @property (nonatomic, strong) UILabel *Price;
    @end
    TableViewCell2.h
    //
    //  TableViewCell2.m
    //  Tickets
    //
    //  Created by Norcy on 15/4/30.
    //  Copyright (c) 2015年 Norcy. All rights reserved.
    //
    
    #import "TableViewCell2.h"
    
    #define kCellEdgeInset 20
    #define kCellInset 10
    #define kLeftLabelWidth 180
    #define kLeftLabelHeight 20
    
    @implementation TableViewCell2
    
    - (id)initWithStyle:(UITableViewCellStyle)style reuseIdentifier:(NSString *)reuseIdentifier
    {
        self = [super initWithStyle:style reuseIdentifier:reuseIdentifier];
        if (self)
        {
            //Screen
            int screenWidth = [[UIScreen mainScreen] bounds].size.width;
            
            _showTime = [[UILabel alloc]initWithFrame:CGRectMake(kCellEdgeInset, kCellEdgeInset, kLeftLabelWidth, kLeftLabelHeight)];
            _showTime.text = @"12:30-14:00";
            _showTime.font = [UIFont systemFontOfSize:14];
            
            _VIPPrice = [[UILabel alloc]initWithFrame:CGRectMake(kCellEdgeInset+kLeftLabelWidth, _showTime.frame.origin.y, screenWidth-kLeftLabelWidth-kCellEdgeInset*2, kLeftLabelHeight)];
            _VIPPrice.text = @"会员价¥9.9";
            _VIPPrice.textAlignment = NSTextAlignmentRight;
            _VIPPrice.font = [UIFont systemFontOfSize:12];
            
            _Detail = [[UILabel alloc]initWithFrame:CGRectMake(kCellEdgeInset, _showTime.frame.origin.y+_showTime.frame.size.height+kCellInset, kLeftLabelWidth, kLeftLabelHeight*0.5)];
            _Detail.text = @"国语2D 4号厅 剩余座位:23";
            _Detail.font = [UIFont systemFontOfSize:11];
            [_Detail setTextColor:[UIColor grayColor]];
            
            _Price = [[UILabel alloc]initWithFrame:CGRectMake(kCellEdgeInset+kLeftLabelWidth, _Detail.frame.origin.y, screenWidth-kLeftLabelWidth-kCellEdgeInset*2, _Detail.frame.size.height)];
            _Price.text = @"原价¥38";
            _Price.textAlignment = NSTextAlignmentRight;
            _Price.font = [UIFont systemFontOfSize:11];
            [_Price setTextColor:[UIColor grayColor]];
            
            [self addSubview:_showTime];
            [self addSubview:_VIPPrice];
            [self addSubview:_Detail];
            [self addSubview:_Price];
            
        }
        return self;
    }
    
    - (void)setSelected:(BOOL)selected animated:(BOOL)animated
    {
        [super setSelected:selected animated:animated];
        
        // Configure the view for the selected state
    }
    
    @end
    TableViewCell2.m

    注意 ViewController2.m中有一句

    self.edgesForExtendedLayout = UIRectEdgeNone;

    默认是UIRectEdgeAll,设置为UIRectEdgeNone之后有什么用呢?

    请看ViewController2.m中有一句

    MKHorizMenu *horizMenu = [[MKHorizMenu alloc] initWithFrame:CGRectMake(0, 0, screenWidth, HORIZONMENU_HEIGHT)];

    就是当我的横向菜单的Origin起点为(0,0)的时候,系统会将其放置在状态栏和导航栏的下面,而不是真正的(0,0)。所以设置UIRectEdgeNone后我可以避免计算状态栏和导航栏的高度。

     

    吐槽一句,虽然成功实现了这个功能,但是这个库可自定义的东西太少,特别是样式,基本都写在库里,这点很不好,一旦有什么需求就需要修改库的源码。有时间自己再写一个……

     

    注:

    其实最简单的是使GMGridview(开源)和UICollectionView。20150608

  • 相关阅读:
    只允许更改任务状态,其他项不允许更改
    已有发料的工单不能变更为取消状态
    不允许车间任务新建
    完工原因栏必输
    不允许计划员修改任务的完成、完工不计费状态
    虚拟件零成本控制
    成本监控只能修改完成或完工不计费状态作业
    完工子库必输
    发料不允许更改发料日期
    车间任务不可更改开始时间/完成时间
  • 原文地址:https://www.cnblogs.com/chenyg32/p/4478346.html
Copyright © 2020-2023  润新知