【iOS】简单的界面制作

整体构思

通过近两个周的控件学习,了解到了关于iOS的一些基本控件用法。想通过这些基本控件写一个简单的界面,类似于ZARA和得物的混合版(写的比较简单)。

通过分栏控制器UITabBarController控制三个视图控制器,三个视图控制器依次是 “首页”“购买”“我的”“首页” 里有一个UIScrollView的图片自动轮播器, “购买” 里是许多商品的展示, “我的” 里用UITableView展示个人信息等其他功能按钮。

三个视图控制器+分栏控制器

创建父类为viewController的三个子类,依次代表着三个界面

用这三个类分别创建三个视图控制器对象

//创建三组视图控制器
     VCOne* vcOne = [VCOne new];
     VCTwo* =vcTwo = [VCTwo new];
     VCThree* vcThree = [VCThree new];

设置三个视图控制器的一些属性,如每个视图控制器对应的图标,标题,背景颜色等

//设置图标,这里的icon1、icon2、icon3是提前存好的png图片
     vcOne.tabBarItem.image = [UIImage imageNamed:@"icon2"];
     vcTwo.tabBarItem.image = [UIImage imageNamed:@"icon1"];
     vcThree.tabBarItem.image = [UIImage imageNamed:@"icon3"];
    
     //设置三组视图控制器的标题
     vcOne.title = @"首 页";
     vcTwo.title = @"购 买";
     vcThree.title = @"我 的";
     
     vcOne.view.backgroundColor = [UIColor blackColor];
     vcTwo.view.backgroundColor = [UIColor whiteColor];
     vcThree.view.backgroundColor = [UIColor redColor];

此时需要用一个分栏控制器将三个视图控制器存入,才能让用户 点击/切换 视图控制器

//创建数组存入三组视图控制器
     NSArray* arr1 = [NSArray arrayWithObjects:vcOne, vcTwo, vcThree, nil];
     
     //创建分栏控制器
     UITabBarController* tbc01 = [UITabBarController new];
     //将数组添加到分栏控制器当中
     tbc01.viewControllers = arr1;
     //将分栏控制器显示
     tbc01.selectedIndex = 0;
     //分栏控制器颜色不透明
     tbc01.tabBar.translucent = YES;
     //分栏控制器的颜色
     //tbc01.tabBar.backgroundColor = [UIColor blackColor];
     
     self.window.rootViewController = tbc01;

此时效果如下:

主页

想要做一个图片轮播器得先创建一个滚动视图,将其添加在“主页”视图中显示

//“主页”界面
    //创建滚动视图对象
    _scrollView = [UIScrollView new];
    _scrollView.frame = CGRectMake
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值