配合Autolayou+SizeClasses仿支付宝首页
============================= 准备 在开始之前先简单分析下界面。 首页这个界面总共分为四大部分,最上面是扫一扫和付款码两个按钮,接下来一组按钮,再下面是一个轮播视图,最后是另外一组按钮。 其中有2个难点 1.配合Autolayout实现四等分按钮 2.Scrollview动态修改内部尺寸 这次主要讲的是Autolayout+SizeClasses,能够通过这次练习基本掌握Autolayout配合基本常用控件的特性,所以其他的地方不会讲的很细,而且素材是直接从支付宝8.6.3的ipa中拿的,所以和支付宝还是有些区别的。 实现 第一部分 第一部分其实很简单,其实就是各自的横向坐标位于界面的左半边和右半边的中心,纵向坐标则是与背景底部呈固定距离。 我选择的是把第一部分的背景分割成..
更多使用Autolayout实现动态高度的ScrollView
============================= 前言 自从改用Autolayout作为界面布局的主要核心技术之后一直都没有做这方面的技术总结,最近打算写一系列关于Autolayout的文章,从比较基础的界面到复杂的界面都会去写,就当做是Autolayout的教程吧。 准备 首先你必须得先了解基本的Autolayout的使用方法和特性。 理解ScrollView在Autolayout中的特别之处。 目的 通过Autolayout实现ScrollView的动态布局。 实现简单的动态界面,并且能够让ScrollView在各种设备上正常运行。 步骤简单明确,不需要大量的布局代码。 知道了自己要做什么之后就开始接下来的Autolayout实践过程吧。 实践 首先创建一个支持Size Cla..
更多