zoukankan      html  css  js  c++  java
  • Beta版本发布计划

    Beta版本新功能

    小程序v2.0新功能

    新功能列表

    页面 新功能描述
    图片涂鸦页 增加了马赛克方块形式的涂鸦,同样支持撤销和保存
    图片裁切页 增加了图片裁切功能,实现对目标图片的尺寸进行裁切
    编辑图片页 增加了图片旋转功能,双击实现图片90°旋转
    图片滤镜页 增加了多种滤镜,分别是黑白、高斯模糊、增亮、高频振动、边缘、浮雕、翻转、灰度、反相、马赛克油画、锐化、水波旋转
    主页 增加了表情检索的商店等标签,同时可以编辑标签
    修改显示标签页 可以选择显示在主页的标签或者直接删除本地的显示标签
    本地页面 增加查看关注者和被关注者的查看入口,增加了对经验的介绍窗口以及提高经验的入口;通过收藏窗口按钮可以直接进入个人主页;增加了小程序的通知信息窗口以及进入回收站的按钮;增加主页的颜色主题切换按钮
    回收站页 可以选择之前删除的表情进行复原
    我的关注页 查看自己关注的用户以及关注自己的用户,同时可以搜索其他用户进行查看等操作,增加为你推荐来推荐其他活跃用户
    通知信息页 显示小程序的官方信息
    商店页面 轮播模块热搜标签展示当下热门
    自制表情推荐页面 展示其他用户自己制作的表情,收获更多有趣表情包
    用户搜索页面 寻找一起制作表情的同伴,关注彼此,分享表情吧。
    表情详细页面 加入评论系统,为你觉得有趣的表情加一条评论吧。加入了相似表情推荐系统,为你推荐更多这类的表情,让用户收获表情更加容易。加入举报功能,举报出错的图片。加入点赞功能,为做的好的表情包点赞。
    用户收藏页面 了解其他用户的详细资料,收藏以及制作,关注其他用户,时刻s掌握其他用户的更新信息。

    功能详情图

    其中,蓝色为alpha阶段完成的,粉色为beta阶段完成的新功能:

    img

    图中粉色部分是在beta阶段新加入的页面和功能,蓝色的部分时alpha阶段已有的功能

    新功能动图展示

    1、UI按钮界面统一美化排版

    使用九宫格的按钮模块来排列摆放编辑功能按钮,将“本地添加图片”和“收藏夹添加图片“的按钮统一合并到下方的编辑功能按钮模块内部,未选择图片时无法进行旋转、滤镜等图片编辑操作,编辑完成后可以通过保存图片按钮将图片保存到本地或者收藏夹。

    img

    2、图片裁切:对图片选择部分进行裁剪

    选择图片之后点击”裁切图片“按钮,进入图片裁切页面,可以手动调节裁切框的大小和位置,对想要的部分进行裁切,确认裁切位置后可以点击保存图片,裁切的图片会调整到适应画布尺寸。

    img

    3、增加马赛克涂鸦

    在”图片涂鸦“页面中增加了一种马赛克涂鸦,可以画出马赛克方块的涂鸦,点击撤销、保存按钮可以实现撤销一步和保存图片的功能。

    img

    4、增加多种滤镜

    在原有的四种滤镜的基础上增加到了12种滤镜(黑白、高斯模糊、增亮、高频振动、边缘、浮雕、翻转、灰度、反相、马赛克油画、锐化、水波旋转),并且修改了滤镜的选择按钮,整体的界面更加简洁美观,图片下方显示的为当前的滤镜效果,选择好滤镜之后可以进行保存操作。

    img

    5、图片旋转:实现图片90度旋转

    双击旋转按钮可以实现图像90°旋转,旋转后的图片会适应画布尺寸大小进行一定的拉伸放缩。翻转功能可以在滤镜效果中实现。

    img

    6、评论功能和相似表情推荐功能

    用户可以为自己喜欢的表情增加一条评论,在表情详细界面下方有一个相似表情推荐模块,为用户推荐与这张图片相似的表情,让用户收获表情更加方便。

    img

    7、了解其他用户详细信息、收藏与上传

    在了解用户界面,你可以了解到其他用户的关注者、被关注者,以及这位用户收藏和自制的表情包。

    img

    8、热搜功能

    展示当前的热搜关键词,让用户第一时间获得当下热门表情包。

    img

    .9、自制表情推荐

    用户可以在这一个板块了解到其他用户的自制表情,掌握其他表情制作大师的作品。

    img

    10.编辑本地页面标签显示

    可以在本地收藏页面编辑自己想要显示的标签分类,同时也可以删除自己的本地标签

    img

    11.回收站功能

    在回收站可以还原之前在本地收藏页面删除的表情,或者彻底删除之前放入回收站的表情

    img

    12.主题切换

    选择不同的小程序主题颜色风格

    img

    13.用户检索

    可以查看关注自己的用户和自己关注的用户,同时根据昵称搜索其他用户信息,查看小程序为你推荐的活跃用户

    img

    这一版修复的缺陷

    alpha阶段的问题主要是功能不全,界面简陋,我们在beta阶段都进行了重构。

    Beta版本的已知问题和限制

    问题:

    1. 旋转功能:多次旋转后图片失真
    2. 滤镜功能:手机上进行多次编辑操作之后小概率出现滤镜添加失效的情况
    3. 数据库缺失:有些图片数据有路径但没有图片,会导致显示错误
    4. 显示延迟:在对本地表情进行增删等操作后,本地页面的显示会稍有延迟
    5. 还原功能:在对表情长按还原时表情会自动放大

    限制:

    1. 旋转功能:需要双击,单击有不明问题图片难以显示
    2. 裁切功能:裁切框的长宽比无法自如调节
    3. 涂鸦功能:涂鸦颜色无法准确选择,需要自己调节RGB值比例来改变颜色
    4. 拼接功能:不支持控制图片拼接的大小
    5. 还原功能:回收站无法实现批量表情还原
    6. 主题功能:目前可供选择的主题颜色只有两种
    7. 头像功能:在个人主页和评论模块里的个人头像是随机的

    运行、安装与发布

    运行环境的要求

    小程序:手机上有微信APP

    安装与发布

    小程序

    小程序发布在微信平台上,安装方式有两种:

    1. 打开 微信-->发现-->搜一搜-->输入“表情包神器”,即可搜索到我们的小程序。
    2. 打开 微信-->扫一扫,扫描下方小程序码,即可进入我们的小程序:

    img

  • 相关阅读:
    leetcode刷题笔记三十九 组合总和
    leetcode刷题笔记三十八 外观数列
    leetcode刷题笔记三十七 解数独
    leetcode刷题笔记三十六 有效的数独
    HTML5每日一练之input新增加的六种时间类型应用
    HTML5每日一练之input新增加的5种其他类型1种标签应用
    html5+css3中的background: -moz-linear-gradient 用法
    HTML5新标签解释及用法
    让IE浏览器支持CSS3圆角的方法
    纯CSS3实现的图片滑块程序,效果非常酷
  • 原文地址:https://www.cnblogs.com/GOOD-CODEING-BUAA-SE/p/13035702.html
Copyright © 2011-2022 走看看