一个UWP客户端的进化之路

二葱刚刚提交了 爱看段子.UWP的第49个版本，算上只在本地测试、没发出去的版本，这已经是第87个版本了。前几天还在B站发了一段演示视频：【UWP应用】爱看段子，总能GET你的笑点，不行就POST试试。

这个应用最大的意义，应该就在于给这个负面新闻不断的平台，尝试带来一些值得一笑的东西吧。

时间过得真快，第一个版本是二月底做出来的，从产生这个想法到实现出来花了两天时间。挖坑容易，填坑最难。一旦这个坑被挖了出来，二葱就会不停地优化、改进，不断有新的想法。可能真照乔布斯说的那样，当只有做一款产品是为了自己的时候，才能拿出最大的诚意。

这个应用的第一个版本是这样的 (雾草真不想承认这是自己做的|_・)：

直接加粗的标题、半透明的瀑布流、用必应每日图片作应用背景，搭配出来简直亮瞎眼……于是在大家的吐槽下，在第五个版本改成了这样的：

这个时候，已经能在标题上显示加载进度，瀑布流数据刷新时也添加了动画，虽然算不上美观，但至少更不丑一点儿了。接下来直到Build 21，才做了较大的改动：

再往后的版本，外观没有再大刀阔斧地改，也不再是更新的重点。下面这张图就是目前的样子，改进了排版、增加了日间模式、状态栏跟主界面融合在一起了、用新Logo重做了应用背景、每个栏目都有自己的主题色（品玩红，豆瓣绿，知乎蓝，糗百黄…）：

然后点击段子详情还能朗读、分享、复制：

最后再放几张在手机上的界面（左：主屏，中：详情页，右：黑色模式）：

二葱喜欢WP的设计语言，喜欢它的流畅，喜欢我不用做个专家就能获得良好的使用体验。唯一不足就是这个平台应用太少了，所以能为UWP平台贡献一两个优质应用，就是二葱挖坑以来一直不断更新的动力。

大学快毕业了，不知道工作以后、当兴趣变成了职业，还会不会对设计一样产品、然后实现它继续保持这么高的热情，毕竟，以后再编程的时候，可就不是“做一样产品只是为了自己”了，动机不再像现在这样单纯。

二葱选择了毕业之后做一名程序员，不过做完多重搜索（对了，多重搜索现在能自动把必应每日图片设成锁屏、桌面了）、爱看段子这两个应用之后，觉得比起程序员，自己更像一个产品经理吧。说实话还是挺迷茫的，毕竟做产品不是一句强迫症就能概括的，需要更丰富的经验才行……边走边看吧……

今天下午整理出了第一个版本以来所有我还记得的更新记录：

Build 1：

1、采集品玩、糗百、豆瓣三家网站的内容

2、具备加载下一页、随机加载、刷新功能

3、能把最新段子显示在动态磁贴上

Build 2：

1、紧急修复了瀑布流控件在部分机型崩溃的Bug

2、这份历史记录为是后期整理的，跳过介绍的Build均为测试版本

3、对小屏手机瀑布流只显示一列，超过5.7寸的手机才允许显示两列，横屏状态、Continuum模式下的手机和PC版瀑布流，则根据窗口尺寸自动调整列数

Build 3：

1、增加了知乎日报每日吐槽板块

2、使用必应每日图片作为应用背景图、

3、向微软反馈应用在商店里怎么也搜不到的问题

Build 4：

1、增加了点击段子自动复制到剪贴板的功能

2、增加了点击配图自动保存到图库的功能

Build 5：

1、增加了用户反馈功能，可以直接给二葱发邮件提建议

Build 7：

1、增加了煎蛋段子、煎蛋妹子和煎蛋无聊图板块

2、增加了快速回到顶部按钮

3、不再用必应每日图片作背景图

4、第一次对饱受吐槽的用户界面做改进

Build 8：

1、对加载过的内容进行缓存，每次启动应用不再需要重新加载

2、数据新鲜度为两小时，超过两小时则自动刷新

Build 9：

1、增加了显示当前加载状态的状态指示条

2、为每个板块添加对应图标

Build 10~15：

1、这期间好多用户反馈闪退，一天连推好多版本终于修复

2、再次向微软反馈应用在商店里怎么也搜不到的问题

Build 16：

1、继续增加了挖段子网、政教处网两个板块

2、增加了长按刷新按钮全部刷新、长按随机按钮则全部栏目都随机加载的功能

Build 20：

1、正在加载时不允许用户同时再次点击加载按钮

2、在瀑布流中添加大块按钮“点击加载更多”

Build 21：

1、改进Pivot样式，不再使用大字报风格，更美观

2、改进瀑布流样式，加深背景、使用未读状态指示条

3、第二次对（仍然）饱受吐槽的用户界面做改进

Build 23：

1、对段子列表也进行离线缓存，进一步节省用户流量

2、快速回到顶部按钮使用平滑滚动

Build 25：

1、增加切换夜间模式（应该是日间模式，因为之前只有夜间模式）

2、增加了长按段子朗读的功能

Build 27：

1、增加段子详情页（点击瀑布流中的段子即在主屏右侧弹出段子详情）

2、取消段子长按操作，所有分享、朗读、保存配图的功能入口，均转移到段子详情页

3、增加了查看原文的链接，改进了不少以前脑残的操作逻辑

Build 32：

1、对当前查看的板块进行随机加载、加载下一页，和全局重新加载区分开

2、点击段子详情页即可返回主屏，方便用户操作

3、修复了知乎日报有时找不到配图的Bug

4、超过一百字的段子会在瀑布流上显示“点我查看更多”

5、段子详情页实现了左右滑动查看上一条、下一条段子功能，方便用户操作

Build 34：

1、增加了状态栏加载进度条（手机版）

2、修复了段子详情页的排版问题

Build 35：

1、修复了后台任务有时（总是）不执行的Bug

2、后台任务在用户充电时每隔三小时执行一次，选择在充电时执行后台操作是因为这样做不会耗尽用户的电池，而且Lumia用户肯定经常充电，所以后台任务也能确保得到执行

3、在段子详情页左右滑动查看上一条、下一条段子的时候，在状态栏显示萌萌哒颜文字进度条，让用户知道还有多少条就快看完了

Build 36：

1、用户向下滑动时缩起命令栏

2、显示状态栏消息的时候不再阻塞用户界面

Build 39：

1、增加了英文段子板块

2、记住上次看到的板块，下次启动自动跳转到该板块

Build 41：

1、增加了滑动到底部再次滑动加载下一页的功能（手机）

2、增加了滑动到底部则直接加载下一页的功能（PC）

Build 45：

1、加入多种瀑布流动画，瀑布流上的段子出现、按住、清空、调整位置都有了动画

2、加入了详情页滑动到开头或结尾自动收起的功能，方便用户操作

3、加宽了详情页的宽度

4、煎蛋段子可以看评论啦

Build 46：

1、改善详情页的段子排版，对不分段、乱糟糟挤成一坨的文本，进行分段处理，每段首行缩进二字符，显著优化了段子详情页的阅读体验

2、正常化显示XML中的特殊字符

3、豆瓣一刻的段子可以看评论啦

Build 48：

1、修复了豆瓣一刻随机加载时的随机范围过小的问题，此版本能获取豆瓣自从设立打鸡血栏目以来的所有数据

2、继续开辟新板块，添加了UberHumor网站的段子

3、添加了检测是否是首次启动应用的功能

Build 53：

1、将煎蛋无聊图和煎蛋段子板块独立开来

2、加入段子收藏夹功能，收藏夹的数据支持OneDrive云同步，手机、电脑都能编辑

3、爱看段子.UWP换Logo啦，新Logo更萌更可爱

4、应用主屏、详情页使用新Logo作背景，更不单调了

Build 57：

1、收藏夹的内容按照加入时间倒序排列

2、未加入收藏夹的段子在离线缓存时不保存时间信息

3、含有多张配图的段子暂时显示一句多图预警，提示用户要查看多图可以浏览原文

Build 62：

1、主界面长按可以快速切换栏目（方便用户操作，目前应用已具备12个栏目，一个一个滑动来切换太慢了）

2、加载前判断网络状态，没有网络就提前中止加载

3、加入多图显示功能，对于配图很多的段子，现在可以直接在应用内查看多张图片啦

Build 65：

1、改进了瀑布流自动调整列数的代码，当列数增加或减少引起瀑布流重新调整控件位置时，应用不会卡顿，而是使用动画来流畅过渡

Build 66：

1、由于Windows 10 Build 10240版本和10586版本部分API的行为不一致，故调整记住上次打开栏目的代码，来避免应用内冻屏

2、对于未捕获到的全局异常，不直接闪退，而是像智能社区那样显示报错信息

Build 68：

1、增加了网络请求超过8秒自动取消的功能，避免由于个别栏目加载时间过长拖累加载速度

Build 70：

1、增加栏目主题色功能，品玩红色、豆瓣绿色、知乎蓝色、糗百黄色等，其它栏目使用用户设置的Windows全局主题色

2、加入新板块堆栈溢出，内含一些福利图片

3、将主题切换按钮放在便于PC用户点击的位置

4、调整段子详情页的页面布局，将“查看多图”按钮改成“愿闻其翔”，并且段子没有很多图片的时候不显示该按钮（太臭）

5、有些栏目加载失败了，以前瀑布流直接就是空的，现在空瀑布流也会显示一条假段子，提示用户可以等待应用自动刷新或者手动刷新一下

6、使用沉浸式状态栏，标题栏和应用内容融为一体

7、已经记不清是第几次美化用户界面了，不过现在吐槽的人好像变少了

Build 72：

1、当刷新瀑布流中的段子时，在进行网络请求成功后，再清空瀑布流里的内容，这样能在用户点击加载按钮和加载成功之间的间隙，保持瀑布流中的内容，而不是直接变成空白

2、对于糗百、煎蛋段子、品玩这样的栏目，加载每条段子都需要单独请求页面，不像知乎日报、豆瓣一刻那样一个页面里显示所有段子的完整内容，所以对于前者，加载了几条段子就马上显示几条，不要等都加载完再展示给用户，一切为了速度

Build 75：

1、查看原文、查看多图界面支持边缘滑动返回（手机）

2、查看原文界面的内置浏览器里，使用鼠标中键点击网页空白可快速返回主屏（PC）

3、改掉了在手机上看起来比较卡的动画效果，通过延迟加载瀑布流使动画变流畅

4、多次向微软反馈应用在商店里怎么也搜不到的问题，都快无语了

5、由于微软不给解决问题，所以自制了应用的演示视频发布到B站来推广应用

Build 76：

1、内置浏览器采用懒加载，节省流量

2、修复了有时需要按两次返回键才能返回的问题

Build 77：

1、查看原文时，如果在内置浏览器中跳转到其它页面，那么点击“使用外置浏览器打开”时则打开新页面，而不是段子原文的页面

2、多图段子，增加一键保存所有配图的功能

Bulid 78：

1、添加了能显示上次刷新时间的磁贴

2、大范围采用懒加载技术，大幅提升了应用的启动速度，在手机上感受明显

Build 81：

1、采用知乎日报新版API，能获取知乎日报设置“如何正确地吐槽”板块以来的所有内容

2、命令栏按钮也采用栏目主题色，看起来融合度更高

3、继续改进用户界面和交互细节

Build 82：

1、显示最新段子的小磁贴上，隐藏应用标题和Logo，这样能多展示一行内容

2、将用户反馈、评价应用功能移动到关于页面，精简主界面命令栏菜单项的内容

Build 85：

1、添加自动夜间模式功能，在晚七点到早七点之间自动调成暗色模式，白天使用日间模式

2、添加栏目管理功能，用户可以选择开启或者关闭自己喜欢的栏目

3、点击查看原文时，如果刚才的页面已经加载过，则不重复进行加载

Build 86：

1、修改瀑布流展示段子内容的文本颜色，夜间不刺眼，白天不模糊

2、如果应用在后台获取了新数据，那么再次从后台唤起应用时将使用新数据

3、增加键盘导航功能，不用鼠标，使用键盘的方向键也能左右切换栏目、上下滑动

Build 87：

1、添加了收藏夹导入、导出功能

2、添加了当前收藏夹所占体积的提示

3、添加了收藏夹最大占用体积的提示

最后，如果要下载爱看段子.UWP，请点击链接：爱看段子.UWP，在Windows商店的应用，不过现在在商店里能搜到啦~~~直接搜索“爱看段子”即可：）

以上。