第一个Windows Phone 8 程序开发

前段时间在用WP8的【喜马拉雅客户端】听播客节目在使用过程中有些不足，心想自己动手做做。刚好最近在微博上看到msp的昌伟哥哥通过Fiddler抓包将iphone应用移植到WP8上了，参考他的文章

WP8开发实例-兔小贝儿歌iphone版移植到WP8实现（1）说做就做，利用周末的时间以及下班后休息时间开始了WP8的探索之旅，差不多一周的时间完成了大部分工作。仅以此来记录下我的开发过程。

在整个过程中使用了Free Telerik UI Controls for Windows 8 and Windows Phone 下拉刷新DataBoundListBox控件，并添加了一些动画效果，Windows Phone Toolkit 以及 json2csharp 将获取到的json转为对象，加快开发，另外数据库采用了SQLite。

一、数据抓取

利用Fiddler抓取到的json数据

搜索专题API：

http://mobile.ximalaya.com/s/mobile/search?condition={keyword}&scope=album&page={pageId}&per_page={pageCount}&device=WP

其中keyword 是搜索关键字，pageId是返回分页数id，pageCount是每页数据条数。

json数据

{
    "responseHeader": {
        "status": 0,
        "QTime": 13,
        "params": {
            "sort": "album_relation desc",
            "start": "0",
            "q": " '非常不着调'",
            "qf": "title^100 intro^5",
            "searchMessage": "{"domain":2,"uid":9315765,"keyword":"非常不着调","uuid":"7b04841945244cb7917fbf2718ac9c3b","time":"20140519143526000","from":"mobile"}",
            "wt": "json",
            "fq": "",
            "defType": "dismax",
            "rows": "5"
        }
    },
    "response": {
        "numFound": 866,
        "start": 0,
        "docs": [{
            "category_id": 4,
            "cover_path": "http://fdfs.xmcdn.com/group3/M09/26/E3/wKgDsVMOAg_ijDyWAAaIFerBEYs765_mobile_small.jpg",
            "intro": "其实，我是一个很正直的人。新浪微博@主播掉掉。腾讯微博@掉掉。微信公众平台：diaodiao28613。贴吧：黄金第二档吧。各种联系方式，你再找不到我我就……",
            "user_source": "1",
            "id": 222885,
            "title": "非常不着调",
            "updated_at": 1397289600000,
            "created_at": 1384936334000,
            "uid": 1084167,
            "is_v": "true",
            "nickname": "掉掉",
            "avatar_path": "http://fdfs.xmcdn.com/group1/M00/14/5F/wKgDrlFcTZWRkIugAAA-ymQu-Kw034_mobile_small.jpg",
            "tracks": 51
        },
        {
            "category_id": 4,
            "cover_path": "http://fdfs.xmcdn.com/group4/M01/36/66/wKgDs1NECbSilfvoAACkxDpj6A0391_mobile_small.jpg",
            "intro": "",
            "user_source": "1",
            "id": 249020,
            "title": "非常溜+7",
            "updated_at": 1397125162000,
            "created_at": 1396967906000,
            "uid": 3945648,
            "is_v": "true",
            "nickname": "佳期",
            "avatar_path": "http://fdfs.xmcdn.com/group3/M04/78/2F/wKgDslKNmSOze4O1AACAsZnfl28226_mobile_small.jpg",
            "tracks": 12
        },
        {
            "category_id": 6,
            "intro": " 如果你喜欢探险，请记住最珍贵的宝藏并不是金子，而是只有善于观察和等待的人才能发现真正的宝藏，伊莎贝对探险生活充满了向往，她跟随探险家爸爸到一个热带孤岛上寻找宝藏，但伊莎贝和她的爸爸是两种截然不同的探险家——爸爸对古老的、静止不动的宝藏感兴趣，而伊莎贝喜欢活泼运动的大自然，爸爸不停地测量、挖掘，却徒劳无功，而伊莎贝在无意中发现了惊人的宝藏. ",
            "cover_path": "http://fdfs.xmcdn.com/group3/M0A/3C/D1/wKgDslMYHsrBK2eSAASMbcHJZ1k593_mobile_small.jpg",
            "user_source": "2",
            "id": 15970,
            "title": "非常小公主",
            "updated_at": 1395306582000,
            "created_at": 1370998123000,
            "uid": 1000273,
            "is_v": "true",
            "nickname": "少儿故事",
            "avatar_path": "http://fdfs.xmcdn.com/group1/M00/03/E0/wKgDrVDAWVCT6fnMAAR5t72dsIw715_mobile_small.jpg",
            "tracks": 23
        },
        {
            "category_id": 1,
            "intro": "《伯凡非常道》是中央人民广播电台经济之声播出的一档财经时事评论类节目，由21商业评论主编吴伯凡为大家评述自己独到鲜明的观点！21商业评论主编吴伯凡，《冬吴相对论》的主持人之一。",
            "cover_path": "http://fdfs.xmcdn.com/group2/M02/48/12/wKgDsFH02I2iMfzQAAEYAoIwumg350_mobile_small.png",
            "user_source": "2",
            "id": 194638,
            "title": "伯凡非常道",
            "updated_at": 1396378129000,
            "created_at": 1375004719000,
            "uid": 1860534,
            "is_v": "true",
            "nickname": "酷学课堂",
            "avatar_path": "http://fdfs.xmcdn.com/group2/M01/22/42/wKgDr1HJLJnjbROaAADUDrm_qlo232_mobile_small.jpg",
            "tracks": 47
        },
        {
            "uid": 1000095,
            "nickname": "百态人生",
            "is_v": "true",
            "category_id": 9,
            "cover_path": "http://fdfs.xmcdn.com/group1/M00/02/9C/wKgDrlCscFygWxCzAAcyT2FLTLA271_mobile_small.jpg",
            "intro": "每一个女孩都希望她是公主，每一个女人都希望她是皇后。　　红颜祸水？红颜之所以成为祸水，那是因为男人要想蹬这浑水。人天生就是喜欢美丽的事物，只是程度不一样。每个人的需求都是不一样的。美丽可爱的女人谁都喜欢。如果没有人去追捧又哪来的祸水呢？就像你要吃臭豆腐，吃了却拉肚子，于是你怪这臭豆腐存在质量问题。我说不是，是你的肚子有问题，我吃了为什么就没拉呢？　　女人往往忘记这样一点：她们的全部的教育无非是教她们意志坚强，抵抗外界的诱惑——但是她们耗费毕生的精力去挑拨外界的诱惑。　　有两种男人最爱谈女人：女性蔑视者和女性崇拜者。两者的共同点是欲望强烈。历来关于女人的最精彩的话都是从他们口中说出的。那种对女性持公允折中立场的人说不出什么精彩的话，女人也不爱听，她们很容易听出公允折中背后的欲望乏弱。",
            "user_source": "2",
            "id": 782,
            "title": "红颜往事-正说历代非常女性",
            "updated_at": 1400125713000,
            "created_at": 1353478276000,
            "avatar_path": null,
            "tracks": 39
        }]
    },
    "highlighting": {
        "222885": {},
        "249020": {},
        "15970": {},
        "194638": {},
        "782": {}
    }
}

然后根据json建立album对象，由于没有特殊字段和关系，这里直接用json2csharp进行生成，结果如下：

public class Album
{
    public int category_id { get; set; }
    public string cover_path { get; set; }
    public string intro { get; set; }
    public string user_source { get; set; }
    public int id { get; set; }
    public string title { get; set; }
    public object updated_at { get; set; }
    public object created_at { get; set; }
    public int uid { get; set; }
    public string is_v { get; set; }
    public string nickname { get; set; }
    public string avatar_path { get; set; }
    public int tracks { get; set; }
}

同样的方法得到track音频API与json数据以及对象

API：http://mobile.ximalaya.com/mobile/others/ca/album/track/{albumId}/True/{pageId}/{per_pageCount}?device=WP

albumId是专辑id222885,pageId是当前页数id，per_pageCount是每页数据条数

http://mobile.ximalaya.com/mobile/others/ca/album/track/222885/True/1/5?device=WP

Json数据：

{
    "ret": 0,
    "album": {
        "albumId": 222885,
        "categoryId": 4,
        "categoryName": "综艺娱乐",
        "title": "非常不着调",
        "coverOrigin": "http://fdfs.xmcdn.com/group3/M09/26/E3/wKgDsVMOAg_ijDyWAAaIFerBEYs765.jpg",
        "coverSmall": "http://fdfs.xmcdn.com/group3/M09/26/E3/wKgDsVMOAg_ijDyWAAaIFerBEYs765_mobile_small.jpg",
        "coverLarge": "http://fdfs.xmcdn.com/group3/M09/26/E3/wKgDsVMOAg_ijDyWAAaIFerBEYs765_mobile_meduim.jpg",
        "coverWebLarge": "http://fdfs.xmcdn.com/group3/M09/26/E3/wKgDsVMOAg_ijDyWAAaIFerBEYs765_web_large.jpg",
        "createdAt": 1384936334000,
        "updatedAt": 1400317151000,
        "uid": 1084167,
        "nickname": "掉掉",
        "isVerified": true,
        "avatarPath": "http://fdfs.xmcdn.com/group1/M00/14/5F/wKgDrlFcTZWRkIugAAA-ymQu-Kw034_mobile_small.jpg",
        "intro": "其实，我是一个很正直的人。新浪微博@主播掉掉。腾讯微博@掉掉。微信公众平台：diaodiao28613。贴吧：黄金第二档吧。各种联系方式，你再找不到我我就……",
        "introRich": "其实，我是一个很正直的人。新浪微博@主播掉掉。腾讯微博@掉掉。微信公众平台：diaodiao28613。贴吧：黄金第二档吧。各种联系方式，你再找不到我我就……",
        "tags": "流行,笑话,脱口秀,掉掉,非常不着调",
        "tracks": 51,
        "shares": 0,
        "hasNew": false,
        "isFavorite": false,
        "playTimes": 7163957,
        "lastUptrackAt": 1400313600000,
        "status": 1,
        "serializeStatus": 0
    },
    "tracks": {
        "list": [{
            "trackId": 2720177,
            "playUrl64": "http://fdfs.xmcdn.com/group5/M01/0B/F1/wKgDtlN0Ynjx0wtxAJLc3oIuh94669.mp3",
            "playUrl32": "http://fdfs.xmcdn.com/group5/M01/0B/E5/wKgDtVN0YoGQ1mPSAElugJVwP-Q644.mp3",
            "downloadUrl": "http://fdfs.xmcdn.com/group5/M01/0B/E5/wKgDtVN0YlmCuYtxAEwyYPRvieM898.aac",
            "title": "【非常不着调】51-谁在12级龙卷风下抽烟啊",
            "duration": 1203.040,
            "processState": 2,
            "createdAt": 1400313600000,
            "coverSmall": "http://fdfs.xmcdn.com/group5/M02/0B/F0/wKgDtlN0YiOD6cwRAAaIFerBEYs560_mobile_small.jpg",
            "coverLarge": "http://fdfs.xmcdn.com/group5/M02/0B/F0/wKgDtlN0YiOD6cwRAAaIFerBEYs560_mobile_large.jpg",
            "uid": 1084167,
            "nickname": "掉掉",
            "smallLogo": "http://fdfs.xmcdn.com/group1/M00/14/5F/wKgDrlFcTZWRkIugAAA-ymQu-Kw034_mobile_small.jpg",
            "userSource": 1,
            "albumId": 222885,
            "albumTitle": "非常不着调",
            "albumImage": "http://fdfs.xmcdn.com/group3/M09/26/E3/wKgDsVMOAg_ijDyWAAaIFerBEYs765_mobile_small.jpg",
            "orderNum": 0,
            "opType": 1,
            "isPublic": true,
            "likes": 1464,
            "playtimes": 41657,
            "comments": 351,
            "shares": 0,
            "status": 1
        },
        {
            "trackId": 2681536,
            "playUrl64": "http://fdfs.xmcdn.com/group5/M00/00/1C/wKgDtVNslGWh2S5VAIjkNqpQmNA426.mp3",
            "playUrl32": "http://fdfs.xmcdn.com/group5/M02/00/1D/wKgDtlNslGSx4_7SAERyLHg3o1A647.mp3",
            "downloadUrl": "http://fdfs.xmcdn.com/group5/M02/00/1D/wKgDtlNslFjxeVo-AEcGRNIl8nw369.aac",
            "title": "【非常不着调】50-打架来说擎天柱最狠了",
            "duration": 1121.380,
            "processState": 2,
            "createdAt": 1400054400000,
            "coverSmall": "http://fdfs.xmcdn.com/group5/M02/00/1D/wKgDtlNslGDgRjx0AAFkFXk9oYA156_mobile_small.jpg",
            "coverLarge": "http://fdfs.xmcdn.com/group5/M02/00/1D/wKgDtlNslGDgRjx0AAFkFXk9oYA156_mobile_large.jpg",
            "uid": 1084167,
            "nickname": "掉掉",
            "smallLogo": "http://fdfs.xmcdn.com/group1/M00/14/5F/wKgDrlFcTZWRkIugAAA-ymQu-Kw034_mobile_small.jpg",
            "userSource": 1,
            "albumId": 222885,
            "albumTitle": "非常不着调",
            "albumImage": "http://fdfs.xmcdn.com/group3/M09/26/E3/wKgDsVMOAg_ijDyWAAaIFerBEYs765_mobile_small.jpg",
            "orderNum": 1,
            "opType": 1,
            "isPublic": true,
            "likes": 1921,
            "playtimes": 68457,
            "comments": 534,
            "shares": 0,
            "status": 1
        },
        {
            "trackId": 2681529,
            "playUrl64": "http://fdfs.xmcdn.com/group5/M02/00/1D/wKgDtlNslBPRN7lPAJgXpGn8Dv0998.mp3",
            "playUrl32": "http://fdfs.xmcdn.com/group5/M02/00/1D/wKgDtlNslADiO5PwAEwL46a9pI8097.mp3",
            "downloadUrl": "http://fdfs.xmcdn.com/group5/M02/00/1B/wKgDtVNsk_LDXXHcAE7pm8T0XpM693.aac",
            "title": "【非常不着调】49-你们那怎么叫出租车？",
            "duration": 1245.910,
            "processState": 2,
            "createdAt": 1399708800000,
            "coverSmall": "http://fdfs.xmcdn.com/group5/M00/00/1C/wKgDtlNsk9vBZG2YAAaIFerBEYs907_mobile_small.jpg",
            "coverLarge": "http://fdfs.xmcdn.com/group5/M00/00/1C/wKgDtlNsk9vBZG2YAAaIFerBEYs907_mobile_large.jpg",
            "uid": 1084167,
            "nickname": "掉掉",
            "smallLogo": "http://fdfs.xmcdn.com/group1/M00/14/5F/wKgDrlFcTZWRkIugAAA-ymQu-Kw034_mobile_small.jpg",
            "userSource": 1,
            "albumId": 222885,
            "albumTitle": "非常不着调",
            "albumImage": "http://fdfs.xmcdn.com/group3/M09/26/E3/wKgDsVMOAg_ijDyWAAaIFerBEYs765_mobile_small.jpg",
            "orderNum": 2,
            "opType": 1,
            "isPublic": true,
            "likes": 2639,
            "playtimes": 116404,
            "comments": 687,
            "shares": 0,
            "status": 1
        },
        {
            "trackId": 2576631,
            "playUrl64": "http://fdfs.xmcdn.com/group3/M09/5A/EC/wKgDsVNYe0HwqQvnAJF6lKuk-F8392.mp3",
            "playUrl32": "http://fdfs.xmcdn.com/group3/M09/5A/ED/wKgDsVNYe5ygtjlxAEi9W4WaRT0994.mp3",
            "downloadUrl": "http://fdfs.xmcdn.com/group3/M09/5A/EC/wKgDsVNYezKjMd6PAEt6petib8U450.aac",
            "title": "【非常不着调】48-游戏女发大招了",
            "duration": 1191.730,
            "processState": 2,
            "createdAt": 1399104000000,
            "coverSmall": "http://fdfs.xmcdn.com/group4/M02/46/D4/wKgDs1NYeuuzmtRwAAaIFerBEYs059_mobile_small.jpg",
            "coverLarge": "http://fdfs.xmcdn.com/group4/M02/46/D4/wKgDs1NYeuuzmtRwAAaIFerBEYs059_mobile_large.jpg",
            "uid": 1084167,
            "nickname": "掉掉",
            "smallLogo": "http://fdfs.xmcdn.com/group1/M00/14/5F/wKgDrlFcTZWRkIugAAA-ymQu-Kw034_mobile_small.jpg",
            "userSource": 1,
            "albumId": 222885,
            "albumTitle": "非常不着调",
            "albumImage": "http://fdfs.xmcdn.com/group3/M09/26/E3/wKgDsVMOAg_ijDyWAAaIFerBEYs765_mobile_small.jpg",
            "orderNum": 3,
            "opType": 1,
            "isPublic": true,
            "likes": 2943,
            "playtimes": 160506,
            "comments": 695,
            "shares": 0,
            "status": 1
        },
        {
            "trackId": 2570451,
            "playUrl64": "http://fdfs.xmcdn.com/group3/M0A/59/96/wKgDslNXJObSqSGKAJXsihgwHDM452.mp3",
            "playUrl32": "http://fdfs.xmcdn.com/group3/M0A/59/D1/wKgDsVNXJNGCV6EoAEr2Vhs5MLo802.mp3",
            "downloadUrl": "http://fdfs.xmcdn.com/group3/M0A/59/D1/wKgDsVNXJMGylPJNAE3JUtmrNbg817.aac",
            "title": "【非常不着调】47-我小时候有个梦想，养老虎",
            "duration": 1228.120,
            "processState": 2,
            "createdAt": 1398844800000,
            "coverSmall": "http://fdfs.xmcdn.com/group4/M01/49/12/wKgDtFNXJH2xOKaYAAaIFerBEYs813_mobile_small.jpg",
            "coverLarge": "http://fdfs.xmcdn.com/group4/M01/49/12/wKgDtFNXJH2xOKaYAAaIFerBEYs813_mobile_large.jpg",
            "uid": 1084167,
            "nickname": "掉掉",
            "smallLogo": "http://fdfs.xmcdn.com/group1/M00/14/5F/wKgDrlFcTZWRkIugAAA-ymQu-Kw034_mobile_small.jpg",
            "userSource": 1,
            "albumId": 222885,
            "albumTitle": "非常不着调",
            "albumImage": "http://fdfs.xmcdn.com/group3/M09/26/E3/wKgDsVMOAg_ijDyWAAaIFerBEYs765_mobile_small.jpg",
            "orderNum": 4,
            "opType": 1,
            "isPublic": true,
            "likes": 2447,
            "playtimes": 137545,
            "comments": 576,
            "shares": 0,
            "status": 1
        }],
        "pageId": 1,
        "pageSize": 5,
        "maxPageId": 11,
        "totalCount": 51
    },
    "msg": "0"
}

详细的专辑：Albumdetail

public class AlbumDetail
{
    public int albumId { get; set; }
    public int categoryId { get; set; }
    public string categoryName { get; set; }
    public string title { get; set; }
    public string coverOrigin { get; set; }
    public string coverSmall { get; set; }
    public string coverLarge { get; set; }
    public string coverWebLarge { get; set; }
    public long createdAt { get; set; }
    public long updatedAt { get; set; }
    public int uid { get; set; }
    public string nickname { get; set; }
    public bool isVerified { get; set; }
    public string avatarPath { get; set; }
    public string intro { get; set; }
    public string introRich { get; set; }
    public string tags { get; set; }
    public int tracks { get; set; }
    public int shares { get; set; }
    public bool hasNew { get; set; }
    public bool isFavorite { get; set; }
    public int playTimes { get; set; }
    public long lastUptrackAt { get; set; }
    public int status { get; set; }
    public int serializeStatus { get; set; }
}

音频：

public class Track
{
    public int trackId { get; set; }
    public string playUrl64 { get; set; }
    public string playUrl32 { get; set; }
    public string downloadUrl { get; set; }
    public string title { get; set; }
    public double duration { get; set; }
    public int processState { get; set; }
    public object createdAt { get; set; }
    public string coverSmall { get; set; }
    public string coverLarge { get; set; }
    public int uid { get; set; }
    public string nickname { get; set; }
    public string smallLogo { get; set; }
    public int userSource { get; set; }
    public int albumId { get; set; }
    public string albumTitle { get; set; }
    public string albumImage { get; set; }
    public int orderNum { get; set; }
    public int opType { get; set; }
    public bool isPublic { get; set; }
    public int likes { get; set; }
    public int playtimes { get; set; }
    public int comments { get; set; }
    public int shares { get; set; }
    public int status { get; set; }
}

二、APP设计

因为第一次尝试WP8开发，所以功能尽量简单，APP功能如下：

• 提供搜索专辑
• 提供添加到收藏功能
• 后台连续播放功能
• 下载功能（未实现）
• 播放进度提示 （拖拽进度未实现）
• 已播放提示

参考MVVM开发模式，自己也进行了尝试，完成了此次开发。详细的开发记录将在后续发上来。哈哈24k纯屌丝，无聊的时候听听喜马拉雅的段子来了和非常不着调、今晚80脱口秀。

主要页面截图：