APP界面结构
2018-07-16 18:25:46 0 举报
AI智能生成
一个当下的APP功能的结构图。在线版。
作者其他创作
大纲/内容
分支主题
子主题
子主题
分支主题
子主题
子主题
1.欢迎页面
1.1.基本加载页面
① 检查版本更新
1.2.三秒跳转首页
2.首页
2.1行情页面
2.1.1【行情列表】页面
先获取【交易地区类型】的列表
常见的,如USDT、BTC、ETH
然后,根据【交易地区类型】列表的个数,生成对应个数的ViewPager子页面
ViewPager分页器+Indicator指示器
每个ViewPager子页面,对应一个Fragment
每个Fragment,获取当前交易地区内的【交易市场类型、交易对类型】
展示出【交易市场类型】列表
点击,进入【交易对K线详情】页面
2.1.2【交易对K线详情】页面
涨跌幅度展示板
K线主体栏
分时类型选择区
技术指标选择区
上方,重新选择【交易市场类型】标题栏按钮
弹出一个Fragment,用ViewPager展示可选择项。
买入按钮
跳转【交易页面】的买入Fragment
卖出按钮
跳转【交易页面】的卖出Fragment
2.2交易页面
2.2.1【买入】Fragment
右侧
市场卖出深度列表
当前卖出单,挂单
受档位影响
受合并尺度影响
点击一个列表单元,会复制单元的价格和数量
市场买入深度列表
当前买入单,挂单
受档位影响
受合并尺度影响
点击一个列表单元,会复制单元的价格和数量
中间一栏
最新成交一笔交易中的基价货币量
最新成交一笔交易中的人民币作价额
切换两种显示按钮
档位
分为15档、10档、5档,共3档
默认值,对应10档
影响到市场深度栏,列表显示的长度
合并尺度(市场合并深度)
具体档位值,根据【交易地区类型】接口中获取。
一般有step0,step1,step2等档位名显示
一般有0.0...1小数位数不等的档位值显示
默认值,取step0和step0所对应的档位值
左侧
上方
买入委托价格
买入委托数量
以可用最大值为基准的百分比额度选择
显示最终展示出的总计算额
中部按钮
买入按钮
调用接口,发起买入的请求
间隔三秒之后,刷新【当前交易对】相关的本人资产资料
下方
可用【XXX】
可买【XXX】
可用【YYY】
冻结【XXX】
相关
此处的买入委托价格
可以用户输入
也可以从右侧市场深度列表单元,粘贴过来
此处的买入委托数量
可以用户输入
也可以从右侧市场深度列表单元,粘贴过来
不可超过可用【XXX】的值。(可用XXX】为100%的最大基准值)
此处的百分比额度选择
根据可用最大值,作为基准计算
25%到100%四档
任何一处的价格、委托数量变动,都会影响到最终展出的总计算额的变动。
最终展示出的总交易额,会有一个现成的公式给出,做出计算。
这里的数据,涉及到WebSocket的订阅,以及HTTP数据的获取
除开常规的正常加载外
接收到【当前委托页面】的订阅推送,会触发更新
使得个人资产资料,显示更为精确
接收到【历史委托页面】的订阅推送,会触发更新
使得个人资产资料,显示更为精确
2.2.2【卖出】Fragment
右侧
市场卖出深度列表
当前卖出单,挂单
受档位影响
受合并尺度影响
点击一个列表单元,会复制单元的价格和数量
市场买入深度列表
当前买入单,挂单
受档位影响
受合并尺度影响
点击一个列表单元,会复制单元的价格和数量
中间一栏
最新成交一笔交易中的基价货币量
最新成交一笔交易中的人民币作价额
切换两种显示按钮
档位
分为15档、10档、5档,共3档
默认值,对应10档
影响到市场深度栏,列表显示的长度
合并尺度(市场合并深度)
具体档位值,根据【交易地区类型】接口中获取。
一般有step0,step1,step2等档位名显示
一般有0.0...1小数位数不等的档位值显示
默认值,取step0和step0所对应的档位值
左侧
上方
卖出委托价格
卖出委托数量
以可用最大值为基准的百分比额度选择
显示最终展示出的总计算额
中部按钮
买入按钮
调用接口,发起卖出的请求
间隔三秒之后,刷新【当前交易对】相关的本人资产资料
下方
可用【XXX】
可卖【XXX】
可用【YYY】
冻结【XXX】
相关
此处的卖出委托价格
可以用户输入
也可以从右侧市场深度列表单元,粘贴过来
此处的卖出委托数量
可以用户输入
也可以从右侧市场深度列表单元,粘贴过来
不可超过可用【YYY】的值。(可用YYY】为100%的最大基准值)
此处的百分比额度选择
根据可用最大值,作为基准计算
25%到100%四档
任何一处的价格、委托数量变动,都会影响到最终展出的总计算额的变动。
最终展示出的总交易额,会有一个现成的公式给出,做出计算。
这里的数据,涉及到WebSocket的订阅,以及HTTP数据的获取
除开常规的正常加载外
接收到【当前委托页面】的订阅推送,会触发更新
使得个人资产资料,显示更为精确
接收到【历史委托页面】的订阅推送,会触发更新
使得个人资产资料,显示更为精确
2.2.3【当前委托】Fragment
展示正在委托中的挂单列表
每个单元Item
显示基本买卖类型
创建时间
委托价
委托量
到现在为止,已成交的总计算额度
到现在为止,已成交部分的平均均价
到现在为止,已成交部分的数量
撤销按钮
弹出对话框
确认按钮
调用接口,撤销当前正在委托中的挂单
关闭对话框
取消
关闭对话框
2.2.4【历史委托】Fragment
展示已结束的挂单列表
每个单元Item
显示基本买卖类型
已结束状态(已成交、已取消等)
创建时间
委托价
委托量
已成交的总计算额度
已成交的平均均价
已成交的数量
上方,重新选择【交易市场类型】标题栏按钮
弹出一个Fragment,用ViewPager展示可选择项。
前往行情按钮
跳转当前交易对,所对应的【交易对K线详情】页面
2.3财务页面(现已迁移到【个人】页的【我的资产】选项)
2.5场外交易页面
2.4个人页面
最上面一栏。已登录,显示【个人资料】。未登录,显示【登录/注册】
2.4.1登录页面
2.4.1.1手机号码、国家区号、输入密码、短信验证码
以下需要正则表达式判断
1.手机号码
国内
国外
2.登录密码
3.短信验证码
2.4.1.2忘记密码
进入【找回密码】页面
第1步
选择国家区号、手机号码,输入短信验证码
手机号码、短信验证码需要正则校验
第2步
输入新密码,以及再次确认的新密码
是否相同,做正则校验
登录密码,做正则校验
确认提交
提交完后,返回【登录页面】
2.4.1.3注册账号
进入【账号注册】页面
第1步
选择国家区号
输入注册手机号
获取手机验证码
判断手机号码是否已注册
输入手机短信验证码
短信验证码进行正则校验
邀请码
不是必选项。对用户可选
正则校验
1.第一种情况,什么都没填
2.第二种情况,有填写,那么判断是否为字母开头后接6位数字
第2步
输入登录密码,以及再次确认的登录密码
是否相同,做正则校验
登录密码,做正则校验
2.4.1.4确认登录
已经完善过个人资料
保存Token等信息
之后可以将Token加入Http请求的Header区域
关闭【登录页面】
(这将会回到,进【登录页面】之前的那个页面)
尚未完善个人资料
弹出【完善资料】对话框,或者进入【完善资料】新页面
用户名
电子邮箱
交易密码
再次确认(交易密码)
确认完善资料
调用接口,完善个人资料
在完善成功之后,进行操作和正常登录,相似
保存Token等信息
之后可以将Token加入Http请求的Header区域
关闭对话框(或从【完善资料】新页面,返回)
关闭【登录页面】
(根据交易密码是否设置,来进行判断)
2.4.2我的信息
手机号码显示(需要为中间位数,打上马赛克。)
用户真实姓名显示
用户初级认证、高级认证,状态显示
退出登录按钮
目前无注销接口
退出登录,把本地Token和用户登录资料清空
【安全中心】、【身份认证】、【提币地址】、【邀请好友】、【我的财务】,四个页面,在用户未登录时,均跳转到【登录/注册】页面
2.4.3安全中心
2.4.3.1登录密码设置
当前密码(用户修改前密码)
新密码
确认密码
短信验证码(验证码模板:登录密码修改)
相关:正则表达式判断
确认修改按钮
调用接口,修改登录密码
关闭【登录密码修改页面】
2.4.3.2交易密码设置
新密码
确认密码
短信验证码(验证码模板:交易密码修改)
相关:正则表达式判断
确认修改按钮
调用接口,修改交易密码
关闭【交易密码修改页面】
2.4.3.3更换手机号码
当前用户手机号码显示(需要为中间位数,打上马赛克。)
国家区号选择
新手机号码
确认新手机号码
短信验证码(验证码模板:手机号码修改)
相关:正则表达式判断
确认更换按钮
调用接口,更换手机号码
关闭【更换手机号码页面】
2.4.4身份认证
【实名认证】页面
显示【初级身份认证】选项卡,以及完成状态
未完成,则为灰色序号
点击进入【个人实名认证】页面
证件类型,目前固定为身份证。
证件名称
证件号码
确认按钮
调用接口,服务器返回阿里身份认证的结果(等到验证结果出来了,才返回)
相关的多种状态
未完成初级认证的状态
已完成初级认证,未完成高级认证的状态
已完成高级认证的状态
显示【高级身份认证】选项卡,以及完成状态
已完成,则为蓝色勾选号
点击进入【提交身份认证照】页面
提交本人身份证正面照片
需要上传到阿里云平台,返回得到图片地址
提交本人身份证背面照片
需要上传到阿里云平台,返回得到图片地址
提交手持身份证正面照+个人签字,照片
需要上传到阿里云平台,返回得到图片地址
确认提交审核按钮
将三张图片的地址列表,进行接口提交
接口提交后,进行正在审核中状态
相关的多种状态
未曾提交高级认证审核
正在审核中
审核拒绝,需要重新提交
高级认证审核成功
2.4.5提币地址
2.4.5.1【地址管理】所有钱包展示页面
显示所有钱包币种的列表
点击一个币种钱包地址
2.4.5.2【地址管理】操作子页面
展示当前币种钱包的地址列表
增加地址按钮
2.4.5.2.1【新增地址】页面
新增地址:钱包地址
二维码添加地址
目前已暂时禁用
地址别名
交易密码
相关:正则表达式判断
确认提交按钮
调用接口,新增一个钱包地址
关闭【新增地址】页面
点击列表中的地址单元
复制
复制到系统剪贴板
删除
弹出第二个对话框
交易密码
相关:正则表达式判断
确认删除地址
调用接口,删除这个钱包地址
完成删除后
关闭当前对话框
关闭前一个对话框
取消
关闭弹出对话框
2.4.6邀请好友
进入【邀请好友,长按复制】页面
邀请码的获得方式:在【登录】这一步骤中,即从登录接口中获得
根据邀请码+Web端注册页面前缀,生成二维码图片
邀请码文字,显示在二维码图片下面
背景图,采用【欢迎页面】的背景图
长按整张图片
复制邀请码到系统剪贴板
将整个视图区域,截图生成一张图片
保存到本地相册文件夹
新添一条相册新增提示
2.4.7我的资产(原首页的财务页面)
未登录状态
上方,显示【登录/注册】按钮
下方,显示各大币种类型的列表
从基本币种类型接口,拉取数据
所有资产数据,为默认值0
已登录状态
上方,显示总资产的折合
从个人财务信息接口,拉取数据
显示人民币统计数据
显示USDT统计数据
切换按钮
下方,显示各大币种类型的列表
从个人财务信息接口,拉取数据
所有资产数据,从接口获取最新数据显示
充币按钮
可否点击状态,根据接口数据设置
可点击,进入【充币页面】
从接口数据中,携带地址数据,到这个页面
展示用钱包地址生成的二维码图片
直接点击,复制钱包地址字符串
展示钱包地址
直接点击,复制钱包地址字符串
上方显示可关闭的提示语
不可点击,拦截操作或弹出提示
提币按钮
可否点击状态,根据接口数据设置
可点击,进入【提币页面】
展示当前账户可用币种余额
提币的接收钱包地址
点击接收地址一栏
调用钱包地址列表接口,获取钱包数据
显示当前已存储钱包提币地址列表
列表中单元,点击
将钱包提币地址,回显到接口地址一栏
内存中保存该钱包提币地址
内存中保存该钱包提币地址的别名
内存中保存该钱包提币地址的ID
列表中单元,长按,触发删除操作
弹出第二个对话框
交易密码
相关:正则表达式判断
确认删除地址
调用接口,删除这个钱包地址
完成删除后
关闭当前对话框
关闭前一个对话框
在下一次点击接受地址一栏时,可触发重新获取钱包地址列表操作
二维码添加地址
目前已暂时禁用
编辑或复制地址
若用户的系统剪贴板已有数据
则将剪贴板数据,粘贴到新增地址的输入栏
若用户的系统剪贴板没有数据
则也可以将剪贴板数据,粘贴到新增地址的输入栏。因为剪贴板是空的,粘贴或不粘贴都没有影响。
新增地址
可以在进入时从用户的系统剪贴板粘贴
也可以手动输入,或修改
地址别名
交易密码
相关:新增地址、地址别名、交易密码的正则表达式判断
确认新增地址
调用接口,新增一个钱包地址
关闭当前对话框
转账数量
用户手动输入
会根据该值,计算提币手续费
矿工费
根据转账数量计算
根据当前币种的矿工费配置计算
一般为:基准最低矿工费用+ 转账数量乘以固定比值
交易密码
相关:正则表达式判断
忘记密码按钮
如果用户遗忘了交易密码,点击按钮跳转【交易密码设置】页面
短信验证码
验证码模板:提币
下方显示,经过计算后的实际到账币种数量
一般为:转账数量 - 矿工费
确认提币按钮
调用接口,对提币发起请求
跳转【提币结果页面】
显示提币的接收钱包地址
显示实际到账币种数量(将到账)
确认按钮
关闭当前页面,关闭【提币页面】
查看账单按钮
跳转当前币种【账单页面】
当用户未设置交易密码时,让用户跳转【交易密码设置】页面
不可点击,拦截操作或弹出提示
账单按钮
若没有对应的充币或提币记录,则显示空列表页面
若有数据显示
目前是用的列表混合方法
提币账单,和充币账单,混合在一个列表显示
按照时间顺序,用倒序显示
账单操作类型
账单数量
创建时间
手续费用
列表中单元点击后,进行【账单详情页面】
账单数量
手续费用
账单创建时间
账单操作类型
2.4.8银行卡
收藏
0 条评论
下一页