开源android豆瓣电影阅读器

学习andorid开发有一段时间了,做了个小应用--豆瓣电影阅读器,作为这一阶段学习的一个总结。当前实现了基本的阅读器功能,更多丰富的特性,后续会进一步添加。

代码托管在github上,https://github.com/zhaoyu87/DouBan,需要的同学可以下载

应用主要分为两块:

  1. 数据内容,http访问豆瓣api获取JSON格式的电影信息

  2. 显示界面,使用了一个ListView来显示电影列表,和一个WebView来显示电影详情,如下所示:

技术分享技术分享

 

1. 数据内容,http访问豆瓣api获取JSON格式的电影信息

 app中使用的豆瓣api说明文档见http://developers.douban.com/wiki/?title=api_v2。

应用中使用了top250电影的api来获取电影列表信息api.douban.com/v2/movie/top250?count=20&start=0,后面可以跟参数count和start以及apikey

需要被解析的json数据分别为top250、simple subject、rating和image,代码中分别体现为下面所示几个文件

技术分享

2. 显示界面,使用了一个ListView来显示电影列表,和一个WebView来显示电影详情

显示界面只使用了一个Top250ListActivity,电影列表和电影详情分别使用Top250ListFragment和MovieDetailFragment两个fragment实现,这里选择使用fragment而不是activity主要是出于对灵活性的考虑,便于后面更改显示效果,比如改为view pager显示,或者需要支持pad设备

技术分享

 

技术分享

应用对象图解如上所示

整个应用的结构并不复杂,不再做详细解释。直说重要的几点:

1.Top250ListAdapter中通过AsyncTask来创建httpClient通过httpGet访问服务端获取电影列表,需要注意的是这里设置了httpGet的user-agent为浏览器,否则无法正常获取信息

            HttpClient httpClient = new DefaultHttpClient();
            HttpGet httpGet = new HttpGet(Urls.BASE + Top250.APPEND_URL + "?count=" + count + "&start=" + start + "&apikey=0537d7e598d847b20fa787b0ca88d716");
            httpGet.setHeader("User-Agent", "Mozilla/5.0 (compatible; MSIE 9.0; Windows NT 6.1; WOW64; Trident/5.0)");

2.Top250ListFragment到MovieDetailFragment的跳转过程实现:Top250ListFragment中定义了Callback接口,由Top250ListActivity实现该接口来进行fragment切换,不直接在Top250ListFragment中实现fragment切换,保持两个fragment的独立

    public interface Callbacks {
        void onTop250ItemClicked(SimpleSubject subject);
    }

3.MovieDetailFragment通过如下newInstance方法创建,有利于fragment的封装性

    public static MovieDetailFragment newInstance(String url) {
        Bundle bundle = new Bundle();
        bundle.putString(MOVIE_DETAIL_URL, url);
        MovieDetailFragment fragment = new MovieDetailFragment();
        fragment.setArguments(bundle);
        return fragment;
    }

4.下载图片使用了开源框架Android-Universal-Image-Loaderhttps://github.com/nostra13/Android-Universal-Image-Loader),支持多线程异步加载网络、本地图片,支持图片内存缓存、文件系统缓存。推荐一个博客http://blog.csdn.net/xiaanming/article/details/26810303

注意,如果需要SD卡缓存的话,需要增加权限

<manifest>
    <uses-permission android:name="android.permission.INTERNET" />
    <!-- Include next permission if you want to allow UIL to cache images on SD card -->
    <uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" />
    ...
</manifest>

5.list view item体验了一下Android 5.0 material design中的CardView,CardView继承自FrameLayout类,可以在一个卡片布局中一致性的显示内容,卡片可以包含圆角和阴影。

list_item_top250.xml

<?xml version="1.0" encoding="utf-8"?>
<android.support.v7.widget.CardView xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/card_view"
    app:cardCornerRadius="8dp"
    android:layout_width="match_parent"
    android:layout_height="120dp">

    ......

</android.support.v7.widget.CardView>

导入支持库android.support.v7.widget.CardView,需要在build.gradle dependencies中添加,如下

dependencies {
    compile fileTree(include: [‘*.jar‘], dir: ‘libs‘)
    compile ‘com.android.support:appcompat-v7:21.0.3‘
    compile ‘com.android.support:cardview-v7:21.+‘
    compile files(‘libs/universal-image-loader-1.9.3.jar‘)
}

上面就是这个小应用的简单介绍,和大家分享一下,共同学习。如果发现任何bug或者有建议欢迎留言

 

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。