登录 立即注册
金钱:

Code4App-iOS开发-iOS 开源代码库-iOS代码实例搜索-iOS特效示例-iOS代码例子下载-Code4App.com

ChooseLocation 京东选择收货地址

来自: littleRed 分类: iOS精品源码 上传时间: 2016-11-25 11:42:21
Tag:京东 收货地址 Location 选择器 picker

项目介绍:

ChooseLocation

京东选择收货地址

导读

目前大多数APP的地址选择是用系统的picker View,也不乏用tableview自定义的.
这里分享一个高仿京东的地址选择给大家.
源码地址:https://github.com/HelloYeah/ChooseLocation
欢迎大家checkout,Star...

下面是京东收货地址的一些交互以及代码思路分析

1.刚打开选择地址视图时,底部ScrollView的滚动范围只有一屏宽.

2.点击某个省时,增加对应的市级列表,底部ScrollView横向滚动区域增加一屏宽.

1.gif

1.当重新选择省的时候,移除后面的市级别列表,区级别列表

2.移除顶部的市按钮,区按钮.

3.并且底部ScrollView的滚动范围减少至两屏宽.

2.gif

1.当重新选择省市的时候,对应顶部按钮的宽度跟着改变,对应下级的按钮的x值要相应调整
2.按钮底部的指示条的长度和位置跟着相应变化

tmp5deefbb7.png

其他注意点

1.点击灰色区域,取消地址选择,回到主界面

2.京东用的是网络请求获取省市区信息,每点击一个cell,向服务器发送请求,获取下级信息.这里用的是本地json数据

code4app

相关源码推荐:

我来说两句
*滑动验证:
所有评论(26)
BlueManlove 2016-11-28 09:47:53
感谢大神分享,必须顶!
回复
MayOc 2016-11-28 15:19:35
楼主威武啊,Code4App有你更给力!
回复
nightfury_Chen 2016-11-28 16:06:26
楼主威武啊,Code4App有你更给力!
回复
code4app热心网友 2016-11-28 16:47:28
很给力,Code4App有你更精彩!
回复
code4app热心网友 2016-11-28 17:07:54
精华内容,楼主V5!
回复
code4app热心网友 2016-11-29 09:35:07
正需要啊,感谢楼主无私分享!
回复
fenghun1991 2016-11-29 09:35:34
感谢分享,Code4App有你更精彩
回复
code4app热心网友 2016-11-29 10:27:49
虽不明,但觉厉!
回复
芳梅 2016-11-29 10:28:37
楼主威武啊,Code4App有你更给力!
回复
123下一页
提取码:  下载次数:42 状态:已购或VIP 售价:0(原价:10)金钱 下载权限:初级码农 
413 1 42
联系我们
首页/微信公众账号投稿

帖子代码编辑/版权问题

QQ:435399051,742864542

如何获得代码达人称号?

代码贡献英雄榜
用户名 下载数
通过邮件订阅最新 Code4App 信息
上一条 /4 下一条
联系我们
关闭
合作电话:
13802416937
Email:
435399051@qq.com
商务市场合作/投稿
问题反馈及帮助
联系我们

广告投放| Github|申请友链|手机版|Code4App ( 粤ICP备15117877号-1 )

快速回复 返回顶部 返回列表