美文网首页
Axure学习笔记:淘宝扫描码历史记录界面

Axure学习笔记:淘宝扫描码历史记录界面

作者: 篱落LY | 来源:发表于2018-01-16 15:07 被阅读8次

    步骤:

    1. 绘制界面的背景矩形、顶部状态栏、标题栏

    2. 添加界面中表格通用的cell格式

    3. 添加cell的图标

    4. 添加tableView中其他的cell,发现最底部的cell超出了界面的屏幕高度,这时候添加一个动态面板,动态面板高度=整个界面的高度-顶部状态栏高度-标题栏高度,动态面板宽度=界面宽度

    5. 修改每个cell中的内容

    6. 全选所有的cell,剪切到动态面板里面

    7. 动态面板里面的内容

    8. 返回界面中看到的效果,底部的cell会被遮挡,不会超出界面的高度。可以在动态面板添加手势操作~~可以上下滑动显示面板内的所有内容

    9. 效果图

    10. copy上面的成品图

    11. 绘制遮罩矩形图层

    12. 绘制提示框

    13. 添加提示框文字

    14. 完成~~


    素材:

    1. 图标

    相关文章

      网友评论

          本文标题:Axure学习笔记:淘宝扫描码历史记录界面

          本文链接:https://www.haomeiwen.com/subject/lcgznxtx.html