开发者社区> zting科技> 正文

【完全开源】知乎日报UWP版:项目结构说明、关键源代码解释

简介:
+关注继续查看

目录

 

说明

上一篇博客将源码放出来了,但是并没有做过多的介绍,所以如果自己硬看可能需要花费很长的时间,尤其这些代码并不是自己写的。项目不算复杂但是也不算简单,这篇文章我尽我所能将整个项目结构、关键的代码全部解释一下,希望能给对本项目感兴趣的童鞋、以及那些UWP初学者一些帮助。

背景了解

【完全开源】知乎日报UWP(上篇):界面设计、官方API分析。

【完全开源】知乎日报UWP(下篇):商店APP、github源码。Windows APP良心出品。

github源码

商店APP

 

项目结构

项目截图

类型说明

ZhiHuDaily.UWP.Core.Controls

里面只有一个SwipeableSplitView控件,该控件继承自SplitView。该控件来自github:https://github.com/JustinXinLiu/SwipeableSplitView

ZhiHuDaily.UWP.Core.Data

支持自增式加载的集合,继承自ObservableCollection,并且实现了ISupportIncrementalLoading接口。一共4个:

  • CollectionsStoriesIncrementalLoadingCollection(对应收藏页面文章列表)
  • HomeStoriesIncrementalLoadingCollection(对应主页文章列表)
  • StoryCommentsIncrementalLoadingCollection(对应评论页面评论(长/短)列表)
  • ThemeStoriesIncrementalLoadingCollection(对应主题日报页面列表)

ZhiHuDaily.UWP.Core.Https

对Web API接口的封装,包含Web API URL、HTTP请求、JSON序列化。

ZhiHuDaily.UWP.Core.Models

用到的所有实体类。注意每个实体类并没有对应到返回的Json数据体(因为返回的Json中很多字段都没有使用到)。

ZhiHuDaily.UWP.Core.Share

微信分享相关的代码。以后新增的其他分享(如QQ分享、微博分享)的代码都可以放在这里。

ZhiHuDaily.UWP.Core.Tools

工具类。网络类型管理类、文件管理类、Dispatcher管理类(解决非UI线程更新数据源引起的bug)。

ZhiHuDaily.UWP.Core.ViewModels

用到的所有ViewModel。基本每个页面对应一个ViewModel。命名规则跟Xaml页面一致(将Page改为ViewModel)

 

ZhiHuDaily.UWP.Mobile

所有的Page页面。

UI页面

包含以下(按项目结构从上到下):

CollectionPage.Xaml

收藏页面,使用到了ListView控件、自增式集合
EditorsPage.Xaml

主编列表页面,使用到了ListView控件
HomePage.Xaml

主页,使用到了ListView、FlipView控件,自增式集合
RecommendersPage.Xaml

推荐者列表页面,使用到了ListView控件
  • SettingPage.Xaml

  • 设置页面,使用到的都是普通控件
SplashPage.Xaml

启动页面,使用到的都是普通控件
StoryCommentPage.Xaml

文章评论页面,使用到了Pivot控件、ListView控件,自增式集合
StoryPage.Xaml

文章内容页面,使用到了WebView控件,自己格式化HTML
ThemePage.Xaml

主题日报页面,使用到了ListView控件,自增式集合

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

关键技术

粗略的总结一下,大概用到了以下技术:

  • Data Binding。这个必须会,wpf、uwp开发都要用到;
  • 页面导航。Frame.Navigate()、Frame.GoBack()等等,导航时传参;
  • 页面缓存。NavigationCacheMode枚举值;
  • HttpClient类型的使用。主要是get请求;
  • Json格式化。在.NET中很方便,using Windows.Data.Json;
  • 缓存处理。我做的很粗糙,大概就是将不变的内容下载下来后存成json格式文本,下载直接使用,包括图片也是,并没有将url直接赋值给Image.Source属性;
  • 自增式加载。这个也是重点,大概就是要实现ISupportIncrementalLoading这个接口,具体的做法参考源代码;
  • 依赖属性注册。有的控件并没有某个属性,导致我们不能使用Data Binding(数据绑定),这时候就需要给控件注册一个属性;
  • MVVM模式。这个不用说,不过我项目中并没有严格按照这个来;
  • WebView控件的使用。WebView很强大,参照我之前的一篇博客:WebView做聊天框
  • 微信分享。参考微信官方文档即可,怎样唤醒APP,参考这篇博客:APP之间的数据交互

其它没什么。至于页面Xaml的编写,这个要熟,多写写,就能控制好格式,就像你写html/css一样。

 

演示视频

上一篇博客中有一个视频,但是不清楚,后来录了一个稍微清楚的:

 

开源有益,多谢点赞!

作者:周见智 
出处:http://www.cnblogs.com/xiaozhi_5638/ 
本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。

分类: UWP

本文转自周见智博客博客园博客,原文链接:http://www.cnblogs.com/xiaozhi_5638/p/5099407.html,如需转载请自行联系原作者

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
把GBK源码文件转UTF8的JAVA代码说明
把GBK源码文件转UTF8的JAVA代码说明
19 0
阿里云服务器如何登录?阿里云服务器的三种登录方法
购买阿里云ECS云服务器后如何登录?场景不同,大概有三种登录方式:
9179 0
想要阅读一些开源项目或框架的源代码,不知道从哪里入手?
想要阅读一些开源项目或框架的源代码,不知道从哪里入手?
26 0
仿应学短视频APP项目功能分析说明书
仿应学短视频APP项目功能分析说明书
57 0
阿里云服务器如何登录?阿里云服务器的三种登录方法
购买阿里云ECS云服务器后如何登录?场景不同,阿里云优惠总结大概有三种登录方式: 登录到ECS云服务器控制台 在ECS云服务器控制台用户可以更改密码、更换系.
24846 0
微服务架构案例(01):项目技术选型简介,架构图解说明
本文源码:GitHub·点这里 || GitEE·点这里 一、单体架构 单体架构在中等偏小的业务中比较常见,场景模式就是单个应用、单个数据库。一个程序包(例如war格式或者Jar格式)包含所有业务需求功能,这是一种比较传统的架构风格。
2532 0
「免费开源」基于Vue和Quasar的前端SPA项目crudapi零代码开发平台后台管理系统实战之元数据导出导入(十五)
本文主要介绍了元数据表单的导出导入功能,可以用于日常元数据表单备份,也可以分享给其他系统进行导入,以达到复用的目标。后续可以利用元数据导出导入功能配置一些常见的业务表单,比如电商、CRM、教育等领域,然后将这些业务表单导出供用户下载和使用。
48 0
阿里云服务器端口号设置
阿里云服务器初级使用者可能面临的问题之一. 使用tomcat或者其他服务器软件设置端口号后,比如 一些不是默认的, mysql的 3306, mssql的1433,有时候打不开网页, 原因是没有在ecs安全组去设置这个端口号. 解决: 点击ecs下网络和安全下的安全组 在弹出的安全组中,如果没有就新建安全组,然后点击配置规则 最后如上图点击添加...或快速创建.   have fun!  将编程看作是一门艺术,而不单单是个技术。
18084 0
阿里云服务器怎么设置密码?怎么停机?怎么重启服务器?
如果在创建实例时没有设置密码,或者密码丢失,您可以在控制台上重新设置实例的登录密码。本文仅描述如何在 ECS 管理控制台上修改实例登录密码。
19829 0
+关注
3550
文章
0
问答
文章排行榜
最热
最新
相关电子书
更多
OceanBase 入门到实战教程
立即下载
阿里云图数据库GDB,加速开启“图智”未来.ppt
立即下载
实时数仓Hologres技术实战一本通2.0版(下)
立即下载