博客园win8客户端开发记录2 - 界面初稿

这段时间几乎把全部业余和工作之余的时间用来做这个app了,好在win metro app 讲究的是内容而不是花里花俏的界面,加之javascript的简洁易学易用, 所以初步弄好了一个能看能用的metro界面。这个工程以blank app 开始建立的,详情页面引用了grid app 模板的样式, 其他的样式都是白天在公司业余时间在IE10浏览器调试好,回家后合并进app的,下面是昨晚在模拟器中抓的几个界面(1366*768分辨率下),晚上coding太晚, 没精力发博客, 所以存进了evernote笔记本中,

1. app 启动界面, 左下角的蓝点显示内容加载中, 用了扩展启动界面,首页博客加载完毕, 才真正进入主界面

2 . 首页, 因为抓图时用的是鼠标模式,所以下面带了个水平滚动条如果是触摸模式,滚动条会自动消失,这个界面文字和排版还需要大力修改, 因为女朋友说不专业, 没办法, 她是搞设计的,我自己觉得还好,到时候让她指导指导, 再调一调 ,暂时不在界面浪费时间, 等功能全部完成再进一步改善(前端是码农的硬伤啊)

 

3. 新闻内容页 ,引用的grid app 模板的样式, 自己再微调了一些地方 , 网址是 http://news.cnblogs.com/n/178439/ 

 

4. 再来一张纯图片的 ,网址是 :  http://news.cnblogs.com/n/178425/

接下来 做评论功能和登陆 , 账号模块。。最后要调整在不同分辨率和不同浏览视图下的界面, 开始上班。 。。 。

posted @   记忆的森林  阅读(2311)  评论(9编辑  收藏  举报
编辑推荐:
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
阅读排行:
· 地球OL攻略 —— 某应届生求职总结
· 周边上新:园子的第一款马克杯温暖上架
· Open-Sora 2.0 重磅开源!
· .NET周刊【3月第1期 2025-03-02】
· [AI/GPT/综述] AI Agent的设计模式综述
点击右上角即可分享
微信分享提示