APP页面加载方案思维导图

APP页面加载方案思维导图，一张图带你完全了解相关内容，包含了单页面加载方案、跨页面加载方案、预加载方案。帮你提高效率，赶紧来试一试吧~

APP页面加载方案思维导图

• 1、单页面加载方案
  • 分类：
    • 整体加载设计方案
      • 优点：
        • 比较简单
          • 运用在页面内容比较单一的情况
          • 一次性加载完所有数据后再显示内容
        • 页面加载失败的状态比较好处理
          • 直接不显示信息或提示加载失败
      • 缺点：
        • 加载方式比较传统和简单
        • 对复杂的APP界面数据应用不合理，有一定的局限性
      • 例如：网易新闻
    • 分块加载方案设计
      • 优点：
        • 能让用户逐步看到内容，降低用户等待的焦虑心理，提高用户使用率
        • 有关联性的，先加载父内容，再加载子内容
      • 缺点：
        • 影响APP界面设计的美观度，在网速不佳的情况下，容易出现加载失败等
      • 例如：优酷
• 2、跨页面加载方案
  • 优点：
    • 在父页面和子页面或统一APP内，页面间字段可以复用的，在加载子页面不需要重新加载数据
    • 切换起来很流畅
      • 多个页面直接跳转，是由1个页面先加载完成的
  • 例如：微信、支付宝的个人信息
• 3、预加载方案
  • 优点：
    • 在加载一个页面时，预测用户的下一个行为，并为他下一步 需要使用的页面加载内容， 使得他在下一个操作中能立刻获取信息而不需要加载等待
    • 最常见的就是：瀑布流的布局加载
  • 缺点：
    • 后台加载，需要考虑用户在未加载完就使用到那些信息的情况
    • 需要根据具体的场景来进行设计，设定好信息的优先级， 综合考虑考虑各种类型信息的具体大小流量，整体考虑加载的方式
• 4.页面图片
  • 定义
    • 图片工具用来在iH5案例中添加图片
    • 包括jpg、png、gif、svg
    • 大小以100~200k为佳
    • 背景图片：640*1040
  • 添加（外来素材）
    • 点击工具拖一个框
      • 根据框的大小显示
        • 右键可选原始大小
        • 默认不等比缩放
    • 直接拖放到舞台
      • 默认等比缩放
  • 属性设置
    • 位置：坐标
      • 会被父对象影响
    • 大小：宽高
    • 旋转（图片中心点为原点）
      • 旋转
      • X轴
      • Y轴
    • 图片效果
      • 透明
      • 模糊
      • 灰度
      • 阴影
    • 用户手机操作
      • 拖放
      • 允许旋转
      • 允许放缩
  • 交互设置
    • 作为被触发对象
    • 作为目标对象
      • 更换素材