QMUI / QMUI_iOS框架学习（四）

同理 搭建第二个模块 QDComponentsViewController 继承自QDCommonGridViewController .m 中添加

- (void)initDataSource {
    [super initDataSource];
    self.dataSource = [[QMUIOrderedDictionary alloc] initWithKeysAndObjects:
                       @"QMUIModalPresentationViewController", UIImageMake(@"icon_grid_modal"),
                       @"QMUIDialogViewController", UIImageMake(@"icon_grid_dialog"),
                       @"QMUIMoreOperationController", UIImageMake(@"icon_grid_moreOperation"),
                       @"QMUINavigationTitleView", UIImageMake(@"icon_grid_titleView"),
                       @"QMUIEmptyView", UIImageMake(@"icon_grid_emptyView"),
                       @"QMUIToastView", UIImageMake(@"icon_grid_toast"),
                       @"QMUIEmotionView", UIImageMake(@"icon_grid_emotionView"),
                       @"QMUIGridView", UIImageMake(@"icon_grid_gridView"),
                       @"QMUIFloatLayoutView", UIImageMake(@"icon_grid_floatView"),
                       @"QMUIStaticTableView", UIImageMake(@"icon_grid_staticTableView"),
                       @"QMUIPickingImage", UIImageMake(@"icon_grid_pickingImage"),
                       @"QMUIAssetsManager", UIImageMake(@"icon_grid_assetsManager"),
                       @"QMUIImagePreviewView", UIImageMake(@"icon_grid_previewImage"),
                       @"QMUIPieProgressView", UIImageMake(@"icon_grid_pieProgressView"),
                       @"QMUIPopupContainerView", UIImageMake(@"icon_grid_popupView"),
                       nil];
}

- (void)setNavigationItemsIsInEditMode:(BOOL)isInEditMode animated:(BOOL)animated {
    [super setNavigationItemsIsInEditMode:isInEditMode animated:animated];
    self.title = @"Components";
    self.navigationItem.rightBarButtonItem = [QMUINavigationButton barButtonItemWithImage:UIImageMake(@"icon_nav_about") position:QMUINavigationButtonPositionRight target:self action:@selector(handleAboutItemEvent)];
}

- (void)handleAboutItemEvent {

}

然后改写AppDelegate 中的createTabBarController 添加一个tabbar

- (void)createTabBarController {
    QDTabBarViewController *tabBarViewController = [[QDTabBarViewController alloc] init];

    // QMUIKit
    QDUIKitViewController *uikitViewController = [[QDUIKitViewController alloc] init];
    uikitViewController.hidesBottomBarWhenPushed = NO;
    QDNavigationController *uikitNavController = [[QDNavigationController alloc] initWithRootViewController:uikitViewController];

    // UIComponents
    QDComponentsViewController *componentViewController = [[QDComponentsViewController alloc] init];
    componentViewController.hidesBottomBarWhenPushed = NO;
    QDNavigationController *componentNavController = [[QDNavigationController alloc] initWithRootViewController:componentViewController];

    tabBarViewController.viewControllers = @[uikitNavController, componentNavController];
    self.window.rootViewController = tabBarViewController;
    [self.window makeKeyAndVisible];
}

完成效果

接下来添加第三个模块QDLabViewController
继承关系

• QMUICommonTableViewController
  • – QDCommonTableViewController
    • – QDCommonListViewController
      • – QDLabViewController

这块就忽略了。直接添加即可。

接下来是about 界面

界面的布局和创建分离了，但是布局是算出来的，看上去好难读的样子。不如masnory方便。

导航栏点击过去还是存在bug，因此把导航栏和底部栏也添加上去。

找到QMUIConfigurationTemplate
更改以下配置

#pragma mark - NavigationBar
        QMUICMI.navBarBackgroundImage = [UIImageMake(@"navigationbar_background") resizableImageWithCapInsets:UIEdgeInsetsMake(0, 2, 0, 2)];// NavBarBackgroundImage : UINavigationBar 的背景图
        QMUICMI.navBarShadowImage = [UIImage new];
        QMUICMI.navBarTintColor = UIColorWhite;
        QMUICMI.navBarTitleColor = NavBarTintColor;
        QMUICMI.navBarBackIndicatorImage = [UIImage qmui_imageWithShape:QMUIImageShapeNavBack size:CGSizeMake(12, 20) tintColor:NavBarTintColor];
        QMUICMI.navBarCloseButtonImage = [UIImage qmui_imageWithShape:QMUIImageShapeNavClose size:CGSizeMake(16, 16) tintColor:NavBarTintColor];

这个更改了navigationbar 的背景图片，文字颜色，指示图片和关闭图片。
观察一下图片

竟然是pdf 格式。。。。
参考一下这篇文章：
在xcode6中使用矢量图(iPhone6置配UI)

先不深究这个问题了

只要添加这些配置就好了