高仿系列————主页界面(storyboard)
来源:互联网 发布:传感器java 编辑:程序博客网 时间:2024/06/05 19:14
抽了点下班的空闲时间,把昨天决定的高仿系列起了个头。用一句话来形容,一切都不是那么简单。
看似很简单的一个过程,当自己一步一步去做的时候才发现并不是这么容易。首先新建了一个项目工程,我做的第一件事就是把相关的图片资源导入到项目中。然后你需要新建文件夹,最好是的文件夹目录和虚拟文件夹对应,便于以后查找。光是一些配置工作,比如第三方库,常用分类等就用了个多小时。还是因为自己平时没有把常用的归类,整理,到了用的时候,再去到处找。
然后把项目的AppIcon和LanuchImage搞定至少就花了半个小时,因为要涉及到不同分辨率下的适配,所以一个一个图片的区适配。在适配AppIcon的时候还是不是会出错。后来自己总结出,尽量从finder中的Images.xcassets拖进去。这样不会报错。
适配完了基本的图片,现在就该动手写界面。这里遇到了一个比较值得争论的问题。是自己该手动写代码布局,还是通过storyboard。自己最终决定用storyboard试一试,每一种方式都不是那么简单。以前自己布局都是通过代码来写。想起是比较痛苦的,需要不断的去调试位置,CMD+R。选择Storyboard还是因为见效果。可是有一个非常大缺点,如何重用。每次都从storyboard开始加载,这样是不是不太灵活。
最终还是把界面搞好了。手写的tabbar,上边的滑动用lable实现,现在还没有加滑动的效果,这个应该不难。中间的视图是一个scrlolView,可以左右切换视图。
还是总结一下小技巧:
1、storyboard中,可以多次添加UIView设置器背景颜色,来区分个个视图。虽然可以通过shift+control+A 可以看到层次,但是调试的时候更为直观
2、添加图片的时候先将图片资源复制到imageasset中,然后再去find中的imageasset拖进来。
3、代码布局虽然耗时,但是灵活,而且好的可以重用。用storyboard的方式不知道比较好的实现重用。
4、关于自定义tabbar自己使用了比较简单方法。具体详见代码。
最后附上最终效果图
代码下载:https://github.com/kingcodexl/Demo
- 高仿系列————主页界面(storyboard)
- IOS—使用Storyboard实现复杂界面
- 仿写Android淘宝客户端界面(一)——仿Tab选项卡切换界面
- 仿百度壁纸客户端(二)——主页自定义ViewPager广告定时轮播图
- 仿百度壁纸客户端(二)——主页自定义ViewPager广告定时轮播图
- 是男人就下100层【第三层】——高仿交通银行手机客户端界面
- 从实践中学习Android——高仿QQ登录界面
- IOS学习笔记32—使用Storyboard实现复杂界面
- IOS学习笔记32—使用Storyboard实现复杂界面
- IOS学习笔记32—使用Storyboard实现复杂界面
- IOS学习笔记32—使用Storyboard实现复杂界面
- IOS学习笔记32—使用Storyboard实现复杂界面
- WPF界面—仿360安全卫士9.0界面
- 【.Net码农】WPF界面—仿360安全卫士9.0界面
- 汇编语言程序设计——仿win7计算器(界面部分)
- 高仿APP——元贝驾考
- 高仿—摩拜单车
- Kloxo/Lxadmin教程系列之——修改默认主页
- zoj 3724(离线处理+树状数组)
- 并发 并行 同步 异步 多线程的区别
- 1032. Sharing (25)
- LeetCode之Repeated DNA Sequences
- 文章只要修改或编辑就进入不可见状态?
- 高仿系列————主页界面(storyboard)
- 依赖注入和控制反转区别
- iOS多线程
- java数据传参数与传值
- 关于setContentPane()和getContentPane()的应用
- SpringMVC Json
- ipv6重分发注意项
- [DP!]UESTC 890
- 制作与正式签名相同的debug签名方法