美学原理Sagit.Framework For IOS 开发框架入门教程3:Start率领页及框架布局和隐形事件的黑幕

前言:

框架依旧在急速翻新着:在重构、简化代码,统一标准的历程中。

中档也赶上种种坑,但是好在一步一脚印的化解了。

即使还有些成效还在考虑,不过教程,如故得补上:

上篇小说:Sagit.Framework For IOS
开发框架入门开发教程2:一行代码完毕因势利导页

内部讲到,指点完后,根据是否留存的Token来解决跳转到StartController依旧MainController。

那篇就写写StartController,完毕的代码虽少,但原理很优良!!!

Sagit 完结登陆注册引导页

从WelcomleController中,现在跳到了StartController了:

显示的内容如下图:(为不影响全部,那图宽高设的的很小,大伙可以新开窗口看大图):

美学原理 1

其一界面,除了基础的布局,还有多个事件:

1:点及时登记:跳转到注册页。

2:点登录:或跳转到登录页。

总体的成效如下:

美学原理 2

此处把View和Controller分开文件处理:

美学原理 3

探访StartView的布局的所有代码:(下边是我本身简化后的代码,从前的代码多到吓死人)

#import "STView.h"

@interface StartView : STView  //StartView.h

@end


@implementation StartView    //StartView.m

- (void)initUI
{
  if(self.STController!=nil && self.STController.navigationController==nil){

      [self.STController asRoot:RootViewNavigationType];} 

    [self needNavigationBar:NO setNavBar:YES];//隐藏导航栏。

    [[[self addImageView:@"logo" imgName:@"login_logo"] width:170 height:170] relate:LeftTopRight v:290 v2:200 v3:290];

    UILabel *title = [[[self addLabel:nil text:@"IT恋" font:48] width:160 height:44] onBottom:@"logo" y:50];
    [[title textColor:@"#000000"] textAlignment:NSTextAlignmentCenter];

    UILabel *description = [[[[self addLabel:nil text:@"找优质靠谱IT男就上IT恋" font:36] width:450 height:34] onBottom:title y:48] toCenter:X];
    [[description textColor:@"#000000"] textAlignment:NSTextAlignmentCenter];

    //框架调整,下面这几行代码有变化,具体见下文补充:

    UIButton *regBtn = [[[[self addButton:@"Reg" title:@"立即注册"] width:287 height:77] onBottom:description y:484] toCenter:X];
    [[regBtn backgroundImage:@"login_btn"] keyValue:@{@"leftNavImage":@"nav_arrow_left_black"}];

    UIButton *loginBtn = [[[[self addButton:@"Login" title:@"已有账号,立即登录" font:24] width:300 height:26] onBottom:regBtn y:60] toCenter:X];
    [[loginBtn titleColor:MainHexColor] keyValue:STPreView.keyValue];
}


@end

新增补内容:

新转变的两行代码的写法(新的调动是为着可以操纵导航栏的完好,包蕴标题及左边的体裁【原来只能够控制左边】):

[[[[this addButton:@"Reg" title:@"立即注册"] width:287 height:77] onBottom:STPreView y:484] toCenter:X];
    [[STLastButton backgroundImage:@"login_btn"] key:STNavConfig value:@{STNavTitle:@"账号注册",STNavLeftImage:@"nav_arrow_left_black"}];

    [[[[this addButton:@"Login" title:@"已有账号,立即登录" font:24] width:300 height:26] onBottom:STPreView y:60] toCenter:X];
    [[STLastButton titleColor:MainHexColor] block:nil on:^(UIView *view) {
       [view key:STNavConfig value:@{STNavTitle:@"登录",STNavLeftImage:@"nav_arrow_left_black"}];
    }];

 

代码功用讲解(第二点和第三点上面再细讲):

1:基本上一个控件布局就一行代码,直接看过去就好了。

2:第一行设置不需要导航栏,并直接隐藏导航栏:[self needNavigationBar:NO setNavBar:YES];//隐藏导航栏

3:注册和登陆按钮,多了一个陌生的keyValue,因为这里要控制导航的返回按钮为自定义的图片。

再看看StartController中的全体代码:

@interface StartController : STController //StartController.h
@end

@implementation StartController //StartContrller.m

-(instancetype)init
{
    //初始化全局设置,必须要在UI初始之前。
    [self configNavAndStatusBar];
    return self;
}
-(void)configNavAndStatusBar
{

    [[UIApplication sharedApplication] setStatusBarStyle:UIStatusBarStyleDefault animated:YES];//白色底,所以状态字颜色改为黑

    //这里提前统一设定全局协议的内容(对于登陆、注册、找回密码三个窗体有效),进入Main之后,会重新修改全局协议的内容
    [[[[[[UINavigationBar globalSetting] barTintColor:ColorWhite]tintColor:ColorBlack] backgroundImage:nil] shadowImage:nil]
     titleTextAttributes:@{NSForegroundColorAttributeName:ColorBlack}];

}

意义讲解:

1:设置全局的导航栏和状态栏属性。 

2:如果当前不是导航控制器,则设置自身为导航根控制器。

Sagit 框架讲解:布局

对于框架的布局:

1:以【self addXXX】为起手势,一行代码实现一个UI的布局。

2:对于需要特定类型的控制属性的,用变量接收后,用无限连语法处理属性赋值。

3:相对父控件,用relate方法;相对同级,用:onTop、onLeft、onRight、onBottom方法,可以混着用,怎么简单怎么来。

布局的法门,都抽到了以下STUIViewAutoLayout文件中:

美学原理 4

探访基本的艺术重载:

#pragma mark [相对布局方法] RelativeLayout
-(UIView*)onRight:(id)uiOrName x:(CGFloat)x;
-(UIView*)onRight:(id)uiOrName x:(CGFloat)x y:(CGFloat)y;
-(UIView*)onLeft:(id)uiOrName x:(CGFloat)x;
-(UIView*)onLeft:(id)uiOrName x:(CGFloat)x y:(CGFloat)y;
-(UIView*)onTop:(id)uiOrName y:(CGFloat)y;
-(UIView*)onTop:(id)uiOrName y:(CGFloat)y x:(CGFloat)x;
-(UIView *)onBottom:(id)uiOrName y:(CGFloat)y;
-(UIView *)onBottom:(id)uiOrName y:(CGFloat)y x:(CGFloat)x;
-(UIView*)relate:(XYLocation)location v:(CGFloat)value;
-(UIView*)relate:(XYLocation)location v:(CGFloat)value v2:(CGFloat)value2;
-(UIView*)relate:(XYLocation)location v:(CGFloat)value v2:(CGFloat)value2 v3:(CGFloat)value3;
-(UIView*)relate:(XYLocation)location v:(CGFloat)value v2:(CGFloat)value2 v3:(CGFloat)value3 v4:(CGFloat)value4;
-(UIView*)toCenter;
-(UIView*)toCenter:(XYFlag)xyFlag;

其一很好了然的,基本读过去就理解了,简单易懂,别的的习性,等后续著功用到再说。

Sagit 框架讲解:事件

上一篇作品中,对事件有过一段讲解:

框架对于UIView扩张了二种点击事件的绑定形式:

#pragma mark 扩展系统事件
-(UIView*)click:(NSString*)event;
- (UIView*)addClick:(onClick)block;

click用于指定一个风浪的名称,addClick用于扩大一个轩然大波实施的代码块。

也说了风浪的寻址流程:

1:先找传进来的event在所在的Controller中是否有对应的事件,若有,执行,若没有继续以下:

2:对event追加后缀变成eventClick和eventClick:再看有没有对应的事件,若有,执行,若没有继续以下:

3:对event追加后缀变成EventController,看有没有对应的控制器,若有,执行默认的open:事件跳转,若没有,则无绑定事件。

但是上面的布局代码中并没动用click或addClick,同样是触发了这些流程:

主导就在于UIButtton的name,若是一个按钮有name,则寻找事件,假若找到,就活动绑定事件。

从而,对于多个name,Reg和Login:一路找到最终会找到RegController和LoginController,触发STController中先行定义的open:事件。

Sagit 框架讲解:keyValue属性和[UINavigationBar globalSetting]

1:keyValue属性

IT恋那里有点新鲜,跳转后要求变更导航栏的回来图标,原来在Controller中写事件:

[self stPush:方法的第三个参数,指定一张图片做为重临按钮]

美学原理 5

而是对此有代码洁P的自己,总想着怎么消灭掉那些那个代码,尽管两个事件就几行,但也不留。

这几个参数怎么传到open:里呢?若是不是图表,是点名文字为回去的按钮呢?

最终想到一个绝对健全的解决方案:

1:对UIView再推而广之了一个keyValue的性能,于是有了:

keyValue已升级:新的写法见上面的补偿代码。

[[regBtn backgroundImage:@"login_btn"] keyValue:@{@"leftNavImage":@"nav_arrow_left_black"}];//这是旧代码,已过期不能用

2:open:事件中,再展开一下的简约判断拿值(此地也早就调整过)。

美学原理 6

就这么健全的缓解了。

美学原理,新兴发觉这些keyValue还有越来越多的用户场景,如:设置控制导航栏的来得或潜伏:

 [self needNavigationBar:NO setNavBar:YES];//隐藏导航栏。

其中其实就是对keyValue进行取值或赋值:

-(UIView*)needNavigationBar:(BOOL)yesNo setNavBar:(BOOL)setNavBar
{
    if(self.keyValue==nil)
    {
        self.keyValue=[NSMutableDictionary new];
    }
    [self.keyValue set:@"needNavigationBar" value:yesNo?@"1":@"0"];
    if(setNavBar && self.STController!=nil && self.STController.navigationController!=nil)
    {
        self.STController.navigationController.navigationBar.hidden=!yesNo;
    }
    return self;
}

此时此刻框架是自行控制导航栏的显示或隐匿,不要求用户去再担心的在种种页面都是写代码了。

为了那几个导航栏,真花我不少脑筋,尤其是自定义重临和系统滑动再次回到,研究的进程都够别的再写一篇。

2:UINavigationBar globalSetting 的产生:

 A:对于这些StartController那么些页面,有以下二种情况会跳转过来:

1:从欢迎引导页WelcomeController进来;

2:用户进行系统后,点击退出时从SystemController进来;

3:当前用户的Token数据失效,需要重新登陆时,从MainController中,跳进来;

不论是从哪个地点过来,由于自家需求占根视图,而为导航控制器,所以有一行代码:

//从引导页跳转来时,需要将自身设置为导航根控制器
 if(self.STController.navigationController==nil){[self.STController asRoot:RootViewNavigationType];}

框架对UIViewCtroller伸张了:asRoot方法,可以将近来Controller直接设置为根视图:

//将当前视图设置为根视图
-(UIViewController*)asRoot:(RootViewControllerType)rootViewControllerType{

    UIViewController *controller=self;
    if(rootViewControllerType==RootViewNavigationType)
    {
        controller = [[UINavigationController alloc]initWithRootViewController:self];
        //self.navigationController.navigationBar.hidden=!self.view.needNavigationBar;
    }
    [UIApplication sharedApplication].delegate.window.rootViewController=controller;
    return self;
}

B:导航栏进行联合的水彩风格处理(处理后,将对注册、登陆、找回密码等生效):

在此以前的代码是如此的:

美学原理 7

框架封装落成性能无限连后可以那样:

[[[[[[UINavigationBar globalSetting] barTintColor:ColorWhite]tintColor:ColorBlack] backgroundImage:nil] shadowImage:nil]
     titleTextAttributes:@{NSForegroundColorAttributeName:ColorBlack}];

此地有几点坑和大伙分享:

坑A:怎样进展性能无限连

[UINavigationBar appearance]
那里重返的是协商接口,并不是UINavigationBar实例

一开头观看UINavigationBar去接收appearance的性质,聪明如我,就去扩充UINavigationBar的习性方法,然后打算用无限连简化。

结果一运行就死,进入坑里徘徊了重重日子,最终才察觉appearance再次来到的是UIAppearance接口,并不是UINavigationBar类型。

不过UIAppearnce又不可能直接用,也不可能对情商接口做扩张,一时蒙了下B。

接下来绕到导航栏突显不出示、自定义再次回到和滑动再次来到,重返主界面没主动往上顶等坑里。

坑里呆久出来后,想到另一种方法来得以完结无限连:

透过一个静态方法再次来到一个自定义类,再由这些自定义类来连代码,像那样:

@implementation UINavigationBar (ST)

+(UINavigationBarSetting*)globalSetting
{
    return [UINavigationBarSetting new];
}
@end

@implementation UINavigationBarSetting
#pragma mark 扩展系统属性
-(UINavigationBarSetting*)tintColor:(id)colorOrHex
{
    [UINavigationBar appearance].tintColor=[UIView toColor:(colorOrHex)];
    return self;
}
-(UINavigationBarSetting*)barTintColor:(id)colorOrHex
{
    [UINavigationBar appearance].barTintColor=[UIView toColor:(colorOrHex)];
    return self;
}

坑B:为什么全局设置无效

先前的代码,先进行ViewDidLoad里的全局设置,再履行asRoot,触发导航栏,那样是正规的:

-(void)viewWillAppear:(BOOL)animated
{
    if(self.navigationController==nil)
    {
        [self asRoot:RootViewNavigationType];
        //self.navigationController.navigationBar.hidden = YES;
    }
}

但是那段代码被自己消灭了,其余地方的跳转代码都是平素,退出后转跳:

美学原理 8

改完后,发现全局失效了,最终坑里呆了一圈才发觉:

大局的装置,必须在导航栏UI出现之前安装才使得,所以,即便那样写代码:

大局设置就不可以写在ViewDidLoad里了,必须写在init中了。

总结:

1:用框架写代码很简单,也很简单。

2:框架近日的代码不多,早看早了结。

3:随着应用场景的扩充,框架会没完没了的增高,预味着开发仍是很简短,但要了解原理就须求花越多时光。

4:即使教程是以IT恋为教师,但照旧愿意大伙多关心IT连,哈。